V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3237 天前的主题，其中的信息可能已经有所发展或是发生改变。

想利用业余时间做一个网站或者一个手机应用

作为一名工作了 5 年的程序员，技术上绝对没有问题的

只是……

本人不懂设计，做出来的界面爆丑，连自己都看不下去了

想提升一下自己的设计能力，能设计出简单而美观的界面，该如何操作呢？

第 1 条附言 · 2016-01-21 16:27:38 +08:00

2016 提升自身能力计划

第一步：提升自身设计品味

2016 年 1 月至 2016 年 3 月

看书：

《给大家看的设计书》
《 Don't make me think 》
《设计心理学》
《简约至上》

等……

经常光顾 Driddle 站酷

第二步：报培训班学习 AI 和 PS

2016 年 3 月至 2016 年 6 月

报一个本地的 AI 和 PS 培训班

程序员

设计

界面

提升

49 条回复 • 2016-02-16 11:39:56 +08:00

workaholic

2016-01-21 15:32:28 +08:00

多看好的设计作品很重要

shulen

2016-01-21 15:33:59 +08:00

我觉得还是先从模仿开始吧

devdes

2016-01-21 15:41:37 +08:00

刷 pinterest 、 dribbble 找感觉，再看相关书籍建立理论基础。

Neo

2016-01-21 15:43:26 +08:00

找个 partner,专业的人做专业的事

Zzzzzzzzz

2016-01-21 15:45:14 +08:00

用现成方案, 或者买现在的, 写了 10y+,我对提高自己设计能力已经绝望了.

dyingbleed

2016-01-21 15:48:18 +08:00

@workaholic 看多了好的设计就觉得自己做的界面真的是……唉！

@shulen 是不是需要先学一下 AI 或者 PS 呢？

@devdes 有书单可以推荐一下么？

devdes

2016-01-21 15:52:47 +08:00

@dyingbleed http://www.douban.com/doulist/42208265/

dyingbleed

2016-01-21 16:11:59 +08:00

@Neo 没有报酬，又有谁愿意干这只出力没回报的活儿呢……

@Zzzzzzzzz 我也快绝望了，最后再挣扎一下下囧 rz

xuelaistar

2016-01-21 16:30:47 +08:00

dribbble 拼错了。。。

xuelaistar

2016-01-21 16:38:53 +08:00

方案一，找成熟的 ui kits 往上套
方案二，从模仿开始

Tips 一，不深入的完全不用学 AI ， PS 学学基础就可以，工具只是工具
Tips 二，在交互合理的基础上，模仿是模仿那些你不熟悉的东西，间距，颜色，字号等
Tips 三，设计心理学这种不深入不用看了，给大家看的设计书能懂一些排版，但我觉得不是做设计的不用这么深，这本案例有点老

其他，从 0 开始最捷径的真的是模仿，哪里有问题补哪里，一圈下来你就知道自己再要看什么了再去看灵感类的

jjplay

2016-01-21 16:39:15 +08:00

给你总结几个 point

1.色彩选用柔和饱和度低，多个色值选用近似色
2.空间不要拥挤多给留白
3.字体大标题加粗色彩着重，下面辅助文字字号偏小色彩用淡色
4.中文 UI 界面有自己的排版方式，老外的模板弄来变成中文完全别扭
5.看 dribble behance zcool 培养美感，平面类的更能提升美感

MiguelValentine

2016-01-21 16:51:11 +08:00

。。。艺术系毕业。转职的 coder ＝＝

zixianlei

2016-01-21 16:53:50 +08:00

逗比啊，找我啊，我就是设计，目前大学生

hitmanx

2016-01-21 16:54:31 +08:00

把专业的事教给专业的人,干好程序就够啦

caiyue1993

2016-01-21 17:23:11 +08:00

为什么要报班....有很多的学习视频可以自学啊，学生党表示在家也在学 PS ，另外自己的第一款 App 也快要上线了

jiehuangwei

2016-01-21 19:02:58 +08:00

程序员为什么要提升设计能力， 2 个不同的世界。
眼光远一些，看看怎么在程序的世界里走的更远，
站的更高，定位决定一切

MG12

2016-01-21 19:53:30 +08:00 via iPhone

我一个朋友说要先学会花钱

WildCat

2016-01-21 19:58:05 +08:00 via iPhone

楼主看这里：
http://www.aegeank.com/phone/aegeank-learning-path.html
这个妹子也混 v2 ，现在去阿里搞设计了哦。
不谢

workaholic

2016-01-21 20:07:53 +08:00

@dyingbleed 所以，这就叫知耻而后勇

dyingbleed

2016-01-21 20:27:51 +08:00

@MiguelValentine coder 中设计最牛的

@hitmanx 其实只是单纯的想把界面做得更好看些

@caiyue1993 懒癌患者……我就是那种没人监督就坚持不下去的人

@jiehuangwei 其实只是单纯的想把界面做得更好看些

@MG12 Why?

Outshine

2016-01-21 20:30:58 +08:00

除了以上两个网站外，还可以去 ui.cn 看看

penjianfeng

2016-01-21 20:40:02 +08:00

@MiguelValentine 握爪,市场营销的,大学自学的

yuchting

2016-01-21 21:41:14 +08:00

设计？记得好几年前，我看过一些设计的书，什么《设计心理学》，《颜色心理学》啦，挽起袖子准备大搞一把……
最后还是……“小田，你看这个界面多牛逼，咱们也搞一个？” Orz

Just1n

2016-01-21 21:44:45 +08:00

我以为这里的设计是代码上进行的抽象的设计~~

edisoncyh

2016-01-21 22:00:14 +08:00

这是一个挺普遍的问题，根源是国内的美学教育相对滞后，导致我们对于色彩，排版等这些基本设计要素没有很好的认知。对于开发人员学习设计，我的建议是先提升自己的审美能力，多去 Dribbble 这样的网站看看，可以尝试用 Ember 来积累素材。接着对于色彩，排版，图标，动效等方面的设计原则做一个全面的理解，网上有许多相关的文章，另外可以购买一些设计书籍来加深自己的认识。最后，建议学习一个 UI 设计工具，个人推荐最流行的 Sketch ，他能帮助你快速高效地进行 UI 设计。
相信经过几个月的时间，你的设计能力就会有一个质的提升^-^

think2011

2016-01-21 22:15:27 +08:00

今年 6 月来见证，楼主别忘了~

dapang1221

2016-01-21 22:16:35 +08:00

直接用框架呗。。设计感这种东西，我越来越发现这东西是天生的了……

darluc

2016-01-22 00:59:29 +08:00

其实，我真是在某一段休息的时间里，报名参加了三个月的平面设计的学习课程。结论： 1.要注重细节，精确到像素； 2.优秀的设计需要天赋； 3.给客户灌输你的想法，比迎合客户更重要；

KentY

2016-01-22 01:17:26 +08:00 via iPhone

幸好我也就写写命令行的程序

netabare

2016-01-22 03:17:47 +08:00

刚点进来还以为是讲程序设计的……话说想问个正好相反的问题-_-#设计师该如何提高自己的编程水平？

其实 PS 我倒觉得如果不是要主攻视觉美术什么的话意义不大， AI 还是挺重要的，不过暂时学不过来的话用 sketch 甚至 Powerpoint / Keynote 去凑合着用也是可以的。毕竟只是工具……

dribble 有人说过了就加个 behance 吧 https://www.behance.net ，色彩的话可以去 nipponcolors.com 去找（个人比较喜欢这种颜色）。