程序员如何提升自己的设计能力? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
dyingbleed
V2EX    程序员

程序员如何提升自己的设计能力?

  •  1
     
  •   dyingbleed
    dyingbleed 2016-01-21 15:30:40 +08:00 9192 次点击
    这是一个创建于 3618 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    作为一名工作了 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
        1
    workaholic  
       2016-01-21 15:32:28 +08:00
    多看好的设计作品很重要
    shulen
        2
    shulen  
       2016-01-21 15:33:59 +08:00
    我觉得还是先从模仿开始吧
    Ironben
        3
    Ironben  
    PRO
       2016-01-21 15:41:37 +08:00
    刷 pinterest 、 dribbble 找感觉,再看相关书籍建立理论基础。
    Neo
        4
    Neo  
       2016-01-21 15:43:26 +08:00
    找个 partner,专业的人做专业的事
    Zzzzzzzzz
        5
    Zzzzzzzzz  
       2016-01-21 15:45:14 +08:00
    用现成方案, 或者买现在的, 写了 10y+,我对提高自己设计能力已经绝望了.
    dyingbleed
        6
    dyingbleed  
    OP
       201-01-21 15:48:18 +08:00
    @workaholic 看多了好的设计就觉得自己做的界面真的是……唉!

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

    @devdes 有书单可以推荐一下么?
    Ironben
        7
    Ironben  
    PRO
       2016-01-21 15:52:47 +08:00
    dyingbleed
        8
    dyingbleed  
    OP
       2016-01-21 16:11:59 +08:00
    @Neo 没有报酬,又有谁愿意干这只出力没回报的活儿呢……

    @Zzzzzzzzz 我也快绝望了,最后再挣扎一下下 rz
    xuelaistar
        9
    xuelaistar  
       2016-01-21 16:30:47 +08:00
    dribbble 拼错了。。。
    xuelaistar
        10
    xuelaistar  
       2016-01-21 16:38:53 +08:00   1
    方案一,找成熟的 ui kits 往上套
    方案二,从模仿开始

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

    其他,从 0 开始最捷径的真的是模仿,哪里有问题补哪里,一圈下来你就知道自己再要看什么了再去看灵感类的
    jjplay
        11
    jjplay  
       2016-01-21 16:39:15 +08:00   2
    给你总结几个 point

    1.色彩选用柔和 饱和度低,多个色值选用近似色
    2.空间不要拥挤 多给留白
    3.字体大标题加粗 色彩着重,下面辅助文字字号偏小 色彩用淡色
    4.中文 UI 界面有自己的排版方式,老外的模板弄来变成中文完全别扭
    5.看 dribble behance zcool 培养美感,平面类的更能提升美感
    MiguelValentine
        12
    MiguelValentine  
       2016-01-21 16:51:11 +08:00
    。。。艺术系毕业。转职的 coder = =
    zixianlei
        13
    zixianlei  
       2016-01-21 16:53:50 +08:00
    逗比啊,找我啊,我就是设计,目前大学生
    hitmanx
        14
    hitmanx  
       2016-01-21 16:54:31 +08:00
    把专业的事教给专业的人,干好程序就够啦
    caiyue1993
        15
    caiyue1993  
       2016-01-21 17:23:11 +08:00
    为什么要报班....有很多的学习视频可以自学啊,学生党表示在家也在学 PS ,另外自己的第一款 App 也快要上线了
    jiehuangwei
        16
    jiehuangwei  
       2016-01-21 19:02:58 +08:00
    程序员为什么要提升设计能力, 2 个不同的世界。
    眼光远一些,看看怎么在程序的世界里走的更远,
    站的更高,定位决定一切
    MG12
        17
    MG12  
       2016-01-21 19:53:30 +08:00 via iPhone
    我一个朋友说要先学会花钱
    WildCat
        18
    WildCat  
       2016-01-21 19:58:05 +08:00 via iPhone   3
    楼主看这里:
    http://www.aegeank.com/phone/aegeank-learning-path.html
    这个妹子也混 v2 ,现在去阿里搞设计了哦。
    不谢
    workaholic
        19
    workaholic  
       2016-01-21 20:07:53 +08:00
    @dyingbleed 所以,这就叫知耻而后勇
    dyingbleed
        20
    dyingbleed  
    OP
       2016-01-21 20:27:51 +08:00
    @MiguelValentine coder 中设计最牛的

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

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

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

    @MG12 Why?
    Outshine
        21
    Outshine  
       2016-01-21 20:30:58 +08:00
    除了以上两个网站外,还可以去 ui.cn 看看
    penjianfeng
        22
    penjianfeng  
       2016-01-21 20:40:02 +08:00
    @MiguelValentine 握爪,市场营销的,大学自学的
    yuchting
        23
    yuchting  
       2016-01-21 21:41:14 +08:00
    设计?记得好几年前,我看过一些设计的书,什么《设计心理学》,《颜色心理学》啦,挽起袖子准备大搞一把……
    最后还是……“小田,你看这个界面多牛逼,咱们也搞一个?” Orz
    Just1n
        24
    Just1n  
       2016-01-21 21:44:45 +08:00
    我以为这里的设计是代码上进行的抽象的设计~~
    edisoncyh
        25
    edisoncyh  
       2016-01-21 22:00:14 +08:00   1
    这是一个挺普遍的问题,根源是国内的美学教育相对滞后,导致我们对于色彩,排版等这些基本设计要素没有很好的认知。对于开发人员学习设计,我的建议是先提升自己的审美能力,多去 Dribbble 这样的网站看看,可以尝试用 Ember 来积累素材。接着对于色彩,排版,图标,动效等方面的设计原则做一个全面的理解,网上有许多相关的文章,另外可以购买一些设计书籍来加深自己的认识。最后,建议学习一个 UI 设计工具,个人推荐最流行的 Sketch ,他能帮助你快速高效地进行 UI 设计。
    相信经过几个月的时间,你的设计能力就会有一个质的提升^-^
    think2011
        26
    think2011  
       2016-01-21 22:15:27 +08:00
    今年 6 月来见证,楼主别忘了~
    dapang1221
        27
    dapang1221  
       2016-01-21 22:16:35 +08:00
    直接用框架呗。。设计感这种东西,我越来越发现这东西是天生的了……
    darluc
        28
    darluc  
       2016-01-22 00:59:29 +08:00   1
    其实,我真是在某一段休息的时间里,报名参加了三个月的平面设计的学习课程。结论: 1.要注重细节,精确到像素; 2.优秀的设计需要天赋; 3.给客户灌输你的想法,比迎合客户更重要;
    KentY
        29
    KentY  
       2016-01-22 01:17:26 +08:00 via iPhone
    幸好我也就写写命令行的程序
    netabare
        30
    netabare  
       2016-01-22 03:17:47 +08:00   2
    刚点进来还以为是讲程序设计的……话说想问个正好相反的问题-_-#设计师该如何提高自己的编程水平?

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

    dribble 有人说过了就加个 behance 吧 https://www.behance.net ,色彩的话可以去 nipponcolors.com 去找(个人比较喜欢这种颜色)。
    LEFT
        31
    LEFT  
       2016-01-22 07:15:42 +08:00 via iPhone
    @MG12 你的博客为什么不更新了,上面一大堆垃圾评论待清理
    oubushixb
        32
    oubushixb  
       2016-01-22 08:23:28 +08:00
    我感觉模仿是提升设计能力最快的途径...试着照着 V2EX 布局一个,微博,bilibili,cowlevel.net.....
    3A93EifxUzhBjhu6
        33
    3A93EifxUzhBjhu6  
       2016-01-22 08:52:22 +08:00
    这是完全不同的领域
    Pastsong
        34
    Pastsong  
       2016-01-22 09:01:16 +08:00 via Android
    别报培训班,他们的设计品味还不一定有平均水平
    nashxk
        35
    nashxk  
       2016-01-22 09:05:24 +08:00
    找一个会设计的女盆友。。。
    dyingbleed
        36
    dyingbleed  
    OP
       2016-01-22 09:15:56 +08:00
    @nashxk 已经有了一个会编程的女盆友……
    shawnwang
        37
    shawnwang  
       2016-01-22 09:19:03 +08:00
    田中一光的「设计的觉醒」,可以看看。
    NovemberEleven
        38
    NovemberEleven  
       2016-01-22 09:40:57 +08:00
    投资自己,楼主加油。
    zhimo
        39
    zhimo  
       2016-01-22 09:50:44 +08:00
    有个 idear ,就差个程序员系列
    focux
        40
    focux  
       2016-01-22 10:15:28 +08:00
    程序员提升设计能力干毛?
    找个美工老婆比较靠谱。
    milklee
        41
    milklee  
       2016-01-22 10:33:09 +08:00
    这些书我都看过,然而我还是一个设计盲 - -
    fakefish
        42
    fakefish  
       2016-01-22 10:38:26 +08:00
    一、使用 sketch
    二、从临摹小图标开始
    XianZaiZhuCe
        43
    XianZaiZhuCe  
       2016-01-22 10:43:49 +08:00
    第一步:抄

    第二步不知道,我还在第一步
    akinoniku
        44
    akinoniku  
       2016-01-22 10:46:38 +08:00
    做设计的时候别想着怎么实现,好好做设计
    paxster
        45
    paxster  
       2016-01-22 10:52:57 +08:00
    从抄袭开始~
    gkiwi
        46
    gkiwi  
       2016-01-22 12:20:49 +08:00
    那几本书我也看过,然并卵;

    关于配色方面,设计师给了我一句话,亮度 100 , 200 选出来的颜色不会太难看。。
    moliliang
        47
    moliliang  
       2016-01-22 14:39:19 +08:00
    国人的艺术细胞确实培养得不够,所以。。抄抄炒,抄多了,自然有感觉了。。
    shang1jk
        48
    shang1jk  
       2016-01-22 15:03:27 +08:00   1
    txm0813
        49
    txm0813  
       2016-02-16 11:39:56 +08:00 via Android
    good
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     3980 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 28ms UTC 10:15 PVG 18:15 LAX 02:15 JFK 05:15
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86