V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
hayeah
V2EX  ›  程序员

[思客教学]码农也能做出逼格破表的设计?抱团学设计

  •  2
     
  •   hayeah · Jun 2, 2015 · 15394 views
    This topic created in 3983 days ago, the information mentioned may be changed or developed.

    这是 思客教学 举办的免费迷你课程。有兴趣报名请发邮件给 [email protected]

    简单地介绍一下自己,为什么想学。


    我们追求的设计感大概是这样:

    我是个写了 10 年代码的码农,从来没有做过设计,顶多只会在公司设计师背后指指点点。做网页也就用 Bootstrap,但不知道为什么在我手中用起来就变成一坨屎。 年初果断决定挖个大坑,自己跳进来学设计。

    学到现在也算小有心得了。希望能和大家分享。

    这个设计课程是 思客教学 和独立设计师 Kevin Li 一起合作的结果。我们会一起实现一个现代感十足的产品宣传页面。这个页面会有一些常见功能:

    • 头部品牌印象
    • 产品介绍
    • 功能介绍
    • 用户见证
    • 练习方式
    • 等等

    码农学设计有什么优势?

    其实码农学设计有个挺大的优势。很多平面设计出身的设计师并不懂 UI,他们做出来的产品就好像是街坊打印店的营销海报。

    比起普通的平面设计,我们更了解科技产品。我们能了解浏览器和移动端不同的需求,也知道什么功能可以实现,什么功能不合适。

    不好用的 UI 好看也没用。

    码农怎么学设计?

    我发现之前自学设计的方法错了。

    一开始我学了设计原理。什么颜色理论,字体分类,Grid 设计,观摩设计大神的作品。但这些离实际操作实在太远了。我的目的是做页面,做 App,而不是要当一个艺术家。

    就好像你想学做菜,师傅一开始就教你营养学,让你看舌尖上的中国找灵感。看起来很好,结果当然是还是不会做菜。

    总结了一下自己的学习经验,我认为更有用的不是理论,而是一些具体的操作建议,比如:

    1. 这么多字体用哪个好?用多大的字号?
    2. 我不会拍照,在哪里找好看的照片当背景?
    3. 不会画画,在哪里找图标当素材?
    4. 有哪些常见的排版方式我可以拿来套内容?
    5. 有哪些简单的技巧可以加强设计感?

    这个课程教你什么?

    设计是个相对主观的领域。要成为真正的设计师,你需要长时间去培养美感,了解设计行业的文化历史,和未来的发展。

    我们的目标不是把你变成一个设计师,而是让你有足够的 ”设计常识“ 去做出现代感十足的设计。

    再拿做菜当比喻,我们不可能在短时间内让你变成一个厨师,各种菜,各种风格都会做。我们只想让你做出一道好菜。只要材料选对,简单的刀法,控制好火候别烧焦,佐料别乱放,做出来味道不会差太多。

    这个课程会教你现在流行的 “扁平极简” 风格。这个风格有几个好处:

    • 操作容易,不需要华丽的技巧
    • 不需要复杂配色和绘画能力
    • 应用场景多,通用性强
    • 极简设计更能凸显产品和内容本身

    这个课程怎么教你设计?

    跟着教程 "monkey see, monkey do" 没有太大意义。做完了还是没法做出自己的设计。我们的教学只告诉你技巧,不提供给你最终的设计方案。

    我们只提供没有设计的市场推广文案:

    Keep your life in sync
    
    Wunderlist is the easiest way to get stuff done, to help you tick off all your personal and professional to-dos.
    
    [Download Wunderlist]
    

    你必须理解我们教你的设计手段,应用在自己的设计稿上。

    这个课程适合我吗?

    我们对你有这些要求:

    • 基本英文阅读能力
    • Sketch 3 试用 or 正版
    • Mac
      • Windows 真的真的很想学的话也许可以试试看虚拟机
    • 觉得自己做的东西难看 (表示你有审美能力)

    如何报名?

    有兴趣的话发邮件给 [email protected]

    简单地介绍一下自己,为什么想学。

    问卷:设计方面想学什么?

    1. 移动端 iOS
    2. 移动端 安卓 Material Design
    3. 动画效果 Origami
    4. 响应式设计
    Supplement 1  ·  Jun 2, 2015
    在这里对设计师朋友们道歉。

    我的意思是每个圈子不靠谱的都很多。理发师不会理发,大家都有体会吧。码农当然也是不会写代码乱七八糟的一堆,糟蹋了 PHP 这个最好的语言。
    118 replies    2015-06-14 10:44:43 +08:00
    1  2  
    Keinez
        1
    Keinez  
       Jun 2, 2015   ❤️ 2
    “很多平面设计出身的设计师并不懂 UI,他们做出来的产品就好像是街坊打印店的营销海报。”

    我认为您应该更尊重设计师一点。
    hayeah
        2
    hayeah  
    OP
       Jun 2, 2015
    @Keinez 嗯,这里说的不好。道歉。。。

    说这些主要是因为自己之前招聘设计师遇到很多问题,有 UI 设计经验的真的很难找。

    招聘这个问题各个圈子都有。不会写代码的程序员,不懂推广的运营,不会设计的设计师。

    我希望能把 “他们做出来的产品就好像是街坊打印店的营销海报” 这一段去掉,说得太过了 @livid
    hqman
        3
    hqman  
       Jun 2, 2015
    终于来了啊
    greatdk
        4
    greatdk  
       Jun 2, 2015
    我觉得我现在比较需要的是把设计好的图形还原成html的能力
    hayeah
        5
    hayeah  
    OP
       Jun 2, 2015
    @greatdk 哪你还不来上我们的 CSS 课程!
    greatdk
        6
    greatdk  
       Jun 2, 2015
    @hayeah 上啊在哪上
    hayeah
        7
    hayeah  
    OP
       Jun 2, 2015
    @greatdk 等等,给你发个邀请
    lazybios
        8
    lazybios  
       Jun 2, 2015
    赞! 已报名~
    Pixel
        9
    Pixel  
       Jun 2, 2015 via iPhone
    街坊打印店水平的路过。
    cakie
        10
    cakie  
       Jun 2, 2015   ❤️ 1
    再次发现好课程
    oott123
        11
    oott123  
       Jun 2, 2015 via Android
    Windows 用户,坚定的果黑,虽然真的十分想学但是虚拟机还是算了…
    搭车求问有兼容 Windows 的课程推荐嘛?
    hayeah
        12
    hayeah  
    OP
       Jun 2, 2015
    @Pixel 对不起。。。不要对号入座嘛~
    v2014
        13
    v2014  
       Jun 2, 2015
    顶,开的这些课程都蛮好的,参加过好几次了,就是拼音输入法常惹火,我觉得最好先找人校正下,
    还有就是干嘛不开放入口,整理归档,这样散布的广一些嘛
    hayeah
        14
    hayeah  
    OP
       Jun 2, 2015
    @v2014 第一次办的课程想要控制人数。第一版问题还是挺多的,修复好在让更多人进来
    hayeah
        15
    hayeah  
    OP
       Jun 2, 2015
    @oott123 不太清楚耶。也许我们可以后来加个 PS 版本。设计概念毕竟是通用的。
    cloudbeyond
        16
    cloudbeyond  
       Jun 2, 2015
    CSS课程超级棒~~已经报名继续学习设计~
    vimutt
        17
    vimutt  
       Jun 2, 2015   ❤️ 2
    @Keinez
    @Pixel
    别怪一些码农 他们压根瞧不起设计师(他们心目中的美工),究其原因他们认为设计没什么技术含量(他们选择性忽略艺术特质),这就好像我上高中时,那些文理科生瞧不起艺术生一样 ,只要你文化课没他们好 他们就认为你不是学习的料 干什么都不会有他们强。即便你每天为了画画投入超过近10个小时。
    他们中的一些人认为艺术或设计是玄而又玄的事儿 甚至都没有评判标准。所以想当然的认为只要他们动动手 虽然未必有设计师(美工)专业, 想来也不会差到哪儿去。因为毕竟美工们连css都不如他们纯熟。
    这就是80年代末 90年代初我国逐步取消中小学 音美教育的后果。不会欣赏绘画 看到照相写实主义的就认为这就是照着照片画画 看到新古典这种带着金镶边画框的就觉得有档次 ,看到哥特的就喊受不了 看到装置就各种嘲讽。
    但是我觉得未来的交互设计(人机界面)恰恰就是艺术/设计类人员最适合的工作。只是现在没有更人性化和自由的创作工具,换句话说就是还处于技术探索期,等到交互效果、互动环境可以更自由的进行选择和创作的时候,本质上交互设计还是属于视觉设计范畴的。
    soli
        18
    soli  
       Jun 2, 2015
    请问,这个课程是什么形式的?时间怎么安排的呢?

    合适的话,我也想学学。
    Elethom
        19
    Elethom  
       Jun 2, 2015
    @Keinez
    我認為並沒有說錯。
    Elethom
        20
    Elethom  
       Jun 2, 2015   ❤️ 1
    @vimutt
    交互設計和視覺設計並沒有什麼交集。
    Bown
        21
    Bown  
       Jun 2, 2015
    感兴趣,同问 授课形式和时间安排的情况
    thought
        22
    thought  
       Jun 2, 2015 via iPhone
    已报名!上次css课程超赞!
    cad0420
        23
    cad0420  
       Jun 2, 2015
    已报名。希望可以入选课程
    hayeah
        24
    hayeah  
    OP
       Jun 2, 2015
    @vimutt

    并没有瞧不起设计师。

    文里说了:

    “要成为真正的设计师,你需要长时间去培养美感,了解设计行业的文化历史,和未来的发展。”

    短短几天的学习当然不可能有什么艺术或设计底气。我们只希望大家学了些常识,做出来的东西不再那么丑。
    hayeah
        25
    hayeah  
    OP
       Jun 2, 2015
    @Bown @soli

    没有固定时间授课。我们布置设计任务,让你通过实践来学习。

    每天安排 1~2 个小时就可以了。
    seaify
        26
    seaify  
       Jun 2, 2015   ❤️ 1
    已报名,希望会有更多进阶版的课程。
    seaify
        27
    seaify  
       Jun 2, 2015
    最想学ios和响应式设计。
    lx7575000
        28
    lx7575000  
       Jun 2, 2015
    React native 和响应式设计,一定要带大家一起撸下react啊
    wd0g
        29
    wd0g  
       Jun 2, 2015
    @Keinez 也没有一棒子打死的啦
    hayeah
        30
    hayeah  
    OP
       Jun 2, 2015
    @lx7575000 一定会。我已经私底下在撸 React 了
    vimutt
        31
    vimutt  
       Jun 2, 2015
    @Elethom 我可不认为交互设计和视觉设计没有交集 这话根据何来?
    vimutt
        32
    vimutt  
       Jun 2, 2015
    @hayeah 我只是有感而发 并不是针对您那句话 所以指的是一类人,希望别介意哈
    mianju
        33
    mianju  
       Jun 2, 2015
    先报名再说> <,最想学ios。
    Elethom
        34
    Elethom  
       Jun 2, 2015
    @vimutt
    懶得解釋。
    CinderellaCiCi
        35
    CinderellaCiCi  
       Jun 2, 2015
    邮件已发,用的公司的邮箱,由于公司邮件服务器在反垃圾设置上还没有调整好,可能会进入楼主垃圾箱。望能收到邮件并通过~~
    hayeah
        36
    hayeah  
    OP
       Jun 2, 2015
    @CinderellaCiCi 说一下公司的域名,我确认有没有收到
    Keinez
        37
    Keinez  
       Jun 2, 2015   ❤️ 2
    @Elethom
    我就贴一张图吧,抬杠并不是一个好习惯,作为设计师,虚心一点总是好的。

    http://www.kickerstudio.com/wp-content/uploads/2013/03/ux.jpg
    gdtv
        38
    gdtv  
       Jun 2, 2015
    没有Mac,只好闪一边看你们玩
    loveuqian
        39
    loveuqian  
       Jun 2, 2015 via iPhone
    请问是否有视频课程之类的?
    很想学习,感谢
    chrisstyle
        40
    chrisstyle  
       Jun 2, 2015   ❤️ 1
    已发申请,求过~ by chris.
    Bown
        41
    Bown  
       Jun 2, 2015
    邮件已发~
    问卷我选1、2、3
    Elethom
        42
    Elethom  
       Jun 2, 2015
    @Keinez
    正是我想拿來證明觀點的圖。
    hayeah
        43
    hayeah  
    OP
       Jun 2, 2015
    @loveuqian 我们基本上不做视频。偶尔有必要的时候会有些小的视频示范。

    视频不是特别好的学习媒介
    axknightroad
        44
    axknightroad  
       Jun 2, 2015
    已发,求通过
    Runju
        45
    Runju  
       Jun 2, 2015
    已报名~ 话说预计开课时间是什么时候?
    vimutt
        46
    vimutt  
       Jun 2, 2015
    @Elethom 你也就会这么说吧 真挺没劲儿的
    vimutt
        47
    vimutt  
       Jun 2, 2015
    @Keinez 那傻小子根本就不是正规做设计的 你看他个人资料就知道了 他这种人就是我所说的 山中无老虎 猴子称大王
    Elethom
        48
    Elethom  
       Jun 2, 2015
    @vimutt
    @Keinez
    哦。抱歉啊我還真就比國內九成以上的設計師強。時無英雄使豎子成名,真是不好意思了。
    vimutt
        49
    vimutt  
       Jun 2, 2015
    @Elethom 成名倒没关系 承认是竖子就好
    Elethom
        50
    Elethom  
       Jun 2, 2015
    @vimutt
    關你屁事。
    Elethom
        51
    Elethom  
       Jun 2, 2015
    @hayeah
    原來是台灣人呀。一直覺得台灣的前端設計水平非常不錯,可惜 RGBA 放在了 Facebook 上而 Facebook 堅持不懈地 ban 我郵箱。
    vimutt
        52
    vimutt  
       Jun 2, 2015
    @Elethom 山炮 哈哈
    Keinez
        53
    Keinez  
       Jun 2, 2015   ❤️ 2
    @Elethom
    @vimutt

    两位别吵了。虽然我并不认为国内九成的“设计师”懂设计,但我也不赞同懂了交互设计会写代码就能妄自尊大。

    设计之水深不可测,设计的根本目的是在解决问题的前提下把东西做得优雅得体,解决问题的方法多不胜数,却不光是会打嘴炮或者会画几个图标或者会写更多代码就能搞定的。

    至于吵架,各位可以去看看以前我的发言记录。早先我也是个喷子,不过最近发现心平气和的说话却能让人思维更缜密。换句话说,从说话上开始注意细节,也自然能将这样的细节带入到设计里。
    zwhu
        54
    zwhu  
       Jun 2, 2015
    赞,有兴趣
    Elethom
        55
    Elethom  
       Jun 2, 2015
    @Keinez
    並沒有吵,只是陳述客觀事實而已。當一個人對設計的理解僅停留在是否「好看」的層面上時,與他進行任何討論都是毫無意義的,因為我們不在同一個高度上。原研哉有這樣一句話:「設計師,應該是一個以設計的理念來生活的人。」當你不斷探尋大師在作品中各種細節上的考量並為自己的理解逐漸深入感到欣喜時,其他人卻在社區就一些無意義的問題吹水、試圖給他們並不理解的概念打標籤,這種落差就是會產生衝突的。本意只是糾正錯誤,避免給其他人傳達錯誤的信息,並不想參與討論。但在我用「懶得解釋」、「哦」、「不好意思」、「關你屁事」這樣明顯的表達方式拉開距離、拒絕爭執時,還被追著諷刺、謾罵、人身攻擊,那就只好抱歉了,不奉陪,老娘沒他那麼閒。
    FanAndXinran
        56
    FanAndXinran  
       Jun 2, 2015
    弱弱的问一句, 这个课程收费么...
    FanAndXinran
        57
    FanAndXinran  
       Jun 2, 2015
    sorry...免费迷你课程...大家忽略我...求删除...
    vimutt
        58
    vimutt  
       Jun 2, 2015
    呵呵 和我扯知乎体一点意义没有 大爷根本不感兴趣 谈高度更没意义 我根本没看见你高度在哪儿,我只谈我的看法 你可以谈你自己的 别动不动说别人错与对 这世界的对与错是凭你一张嘴定义的? 我说过设计就是停留在好看的层面上了? 我没见过什么大师 也从不把大师放在嘴炮里攻击别人,我在社区就是表达我的见解 欢迎别人质疑 但是别装出一副高高在上的模样 另外,别tm没事儿at 别人 ,记住了 at别人 就要接受别人的质疑。一个娘们儿 气性儿头还挺大 都tm活人惯的 。
    hayeah
        59
    hayeah  
    OP
       Jun 2, 2015   ❤️ 1
    @Elethom @vimutt 请你们两位就到此为止吧~ 都是我不好
    vimutt
        60
    vimutt  
       Jun 2, 2015   ❤️ 1
    @hayeah 好的 非常抱歉 见笑了 2333
    Elethom
        61
    Elethom  
       Jun 2, 2015   ❤️ 1
    @hayeah
    抱歉,只是想糾正一下免得其他人受誤導而已,無意引戰。發送上一條回覆時就已經 block 了 @vimutt,並不會看到他的新回覆,這個人如此粗魯滿口髒話想必也不會提供什麼有價值的信息。再次抱歉。之前在一個設計群組內認識到 Kevin Li,見到熟面孔在做有趣的事情還是要表示一下支持的。 :-)
    Cee
        62
    Cee  
       Jun 2, 2015
    報名啦 :)
    hatcloud
        63
    hatcloud  
       Jun 2, 2015
    S已经报名了,顺便ketch完全没用过没问题吗?
    hatcloud
        64
    hatcloud  
       Jun 2, 2015
    上面一条中Sketch被无情拆散了....
    hayeah
        65
    hayeah  
    OP
       Jun 2, 2015
    @hatcloud 在说冷笑话吗。。。
    hatcloud
        66
    hatcloud  
       Jun 2, 2015
    @hayeah 好吧,看来我得先把Sketch熟悉下....以前只用过PS
    bk201
        67
    bk201  
       Jun 2, 2015
    block了一位吵架的优越党,90%的设计师的老娘真是好厉害~233333
    对楼主的教程表示有兴趣,但怕没时间
    johnnyhappy365
        68
    johnnyhappy365  
       Jun 2, 2015
    刚学完express, 设计课就来了,好戏连连啊,哈哈。
    报名去了
    soli
        69
    soli  
       Jun 2, 2015
    已报名。^_^
    ledzep2
        70
    ledzep2  
       Jun 2, 2015
    一直都是码农. 创办过一些个网站. 都是自己设计的界面, 感觉有进步但还十分不足. 求报名, 希望能够得到专业人士指点. 从晚到早分别是, 应该可以看出一些变化...
    porter.io
    zao.bi
    printyourmind.com
    martby.com
    metalbug
        71
    metalbug  
       Jun 2, 2015
    一张图片前面几个文字,跟设计有鸡毛关系?
    undeflife
        72
    undeflife  
       Jun 2, 2015   ❤️ 2
    R4rvZ6agNVWr56V0
        73
    R4rvZ6agNVWr56V0  
       Jun 2, 2015
    又开始了啊,支持!@hayeah
    ledzep2
        74
    ledzep2  
       Jun 2, 2015
    @undeflife 好站. 收了. 谢谢
    hayeah
        75
    hayeah  
    OP
       Jun 2, 2015
    @ledzep2 你的网站都挺酷的呢~ 都是业余做的?
    ledzep2
        76
    ledzep2  
       Jun 2, 2015
    @hayeah 都是我的全职创业项目咯. 前两个我自己做的. 后两个和朋友一起.
    mianju
        77
    mianju  
       Jun 2, 2015
    @hayeah 邮件已发,坐等邀请
    bibizhang
        78
    bibizhang  
       Jun 2, 2015   ❤️ 1
    设计和开发都不是一件容易的事,相互学习共同进步是好事,不要争吵。
    stonestyle
        79
    stonestyle  
       Jun 3, 2015
    @bibizhang 楼上正解。另外支持 @hayeah 加油!
    Pinnx
        80
    Pinnx  
       Jun 3, 2015
    肿么办。CSS的还没看完。
    hayeah
        81
    hayeah  
    OP
       Jun 3, 2015
    @stonestyle 感谢支持!
    hayeah
        82
    hayeah  
    OP
       Jun 3, 2015
    @bibizhang 嗯,其实很多申请这个课程的小伙伴都是希望能多了解设计概念,方便和公司的设计师沟通
    hayeah
        83
    hayeah  
    OP
       Jun 3, 2015
    @fkue0487 没事,下周才开始嘛~ 这周加把劲把 CSS 搞定
    diandian0
        84
    diandian0  
       Jun 3, 2015
    @hayeah 报名
    zongwan
        85
    zongwan  
       Jun 3, 2015
    经过此贴不小心一个抖索 ban掉了比九成设计师强的高手...
    码农学设计是有好处的
    我为3D和平面设计开发过小工具
    写过fireworks的脚本,3dmax渲染脚本
    自动启动上传素材工具,下班后挂着就行了
    提前了设计师同事的下班时间,节约人工成本
    hayeah
        86
    hayeah  
    OP
       Jun 3, 2015
    @zongwan 哈哈。。。节省了这些繁琐的工作应该表示可以再做更多工作啊,怎么就下班了?
    barbery
        87
    barbery  
       Jun 3, 2015
    444444444444444444444
    要求响应式设计
    CinderellaCiCi
        88
    CinderellaCiCi  
       Jun 3, 2015
    @hayeah 您已回复我啦~ 谢谢~
    cornelia
        89
    cornelia  
       Jun 3, 2015
    报名了!
    cornelia
        90
    cornelia  
       Jun 3, 2015
    补充,问卷:3333!
    hayeah
        91
    hayeah  
    OP
       Jun 3, 2015
    @CinderellaCiCi 好的,有收到回复就好
    chairuosen
        92
    chairuosen  
       Jun 3, 2015
    设计师分两种,一种会用PS,一种会用PS设计。
    但是外行分不出他们两种,因为看起来都在用PS作图而已。
    码农同样也是这两种
    Durandal01
        93
    Durandal01  
       Jun 3, 2015
    @hayeah 我发了邮件可是没有收到回复……
    jamev5
        94
    jamev5  
       Jun 3, 2015
    已报名
    whistle
        95
    whistle  
       Jun 3, 2015
    已报名
    ALeo
        96
    ALeo  
       Jun 3, 2015
    讲了那么多还要顺带黑一下PHP。。。
    costan
        97
    costan  
       Jun 3, 2015
    @bk201 小白求教这么block人啊 。。。只看到隐藏那个按钮的说
    同意观点 做事情做出优越感没问题 到处炫耀就是嘲讽了
    costan
        98
    costan  
       Jun 3, 2015
    @bk201 啊 知道了 哈哈在个人主页哇
    不过看了她的推特 知道大概是什么人了
    阿门~
    Elethom
        99
    Elethom  
       Jun 3, 2015
    @costan
    哦。那我換一種程序員能理解的場景吧:
    問:怎麼解析 XML?

    - 用正則。

    - 正則不應該用於解析 XML,請用 XPath。
    
- 我可不這麼認為,你說 XPath 哪兒來的?
    
- 懶得解釋。

    - 你也就會這麼說吧,真沒勁兒。山炮,哈哈。

    你覺得這種人自己錯了還冷嘲熱諷加人身攻擊,我應該跟他好好講話?
    hayeah
        100
    hayeah  
    OP
       Jun 3, 2015
    @ALeo 实在忍不住。。。我这个性,难怪没朋友
    1  2  
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5123 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 231ms · UTC 09:45 · PVG 17:45 · LAX 02:45 · JFK 05:45
    ♥ Do have faith in what you're doing.