V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
forbreak
V2EX  ›  问与答

请教一下,想提高一下 UI 设计,功能设计。有什么学习的资料或者网站之类的。

  •  
  •   forbreak · 2021-11-12 09:31:38 +08:00 · 1614 次点击
    这是一个创建于 867 天前的主题,其中的信息可能已经有所发展或是发生改变。
    代码写了 8 年了,感觉搞来搞去基本都能满足要求。但是自己去做一个东西的时候,瓶颈就出现了。不知道 UI 怎么设计,功能设计如何取舍。

    想学习一下,提高一下。有没有什么学习资料,网站之类的。。。这块感觉很方,没什么学习的方向。。

    UI 就是不知道怎么设计比较美观易用。 功能这块就是,功能复杂度的取舍问题,到底是做的很复杂,学习成本很高,还是简化操作易学习。功能的复杂度这个平衡怎么取舍。
    7 条回复    2021-11-12 13:49:54 +08:00
    teem
        1
    teem  
       2021-11-12 09:37:53 +08:00   ❤️ 1
    遵循一种设计规范,后续的设计可以直接套用(偷懒),比如微信小程序的设计规范。
    Cbdy
        2
    Cbdy  
       2021-11-12 09:39:27 +08:00 via Android
    这个和审美有关,多看多琢磨
    justrand
        3
    justrand  
       2021-11-12 09:40:37 +08:00   ❤️ 3
    zisen
        4
    zisen  
       2021-11-12 10:53:12 +08:00 via iPhone
    seeseed.com
    之前在 v 站看到的
    learnshare
        5
    learnshare  
       2021-11-12 11:09:16 +08:00
    /t/797148

    然后考虑组件化 /模块化,最后考虑尺寸 /布局 /配色 /字体等等细节
    qzhai
        6
    qzhai  
       2021-11-12 11:33:35 +08:00   ❤️ 4
    我也是 7 年前端,但我之前学过点设计。
    讲讲我的路子。
    前期写过 WordPress ,写过很多个博客主题,为了写好看,我基本上看了海量的网站,早期韩国站,后来是欧美,最近是日本 (虽然听上去不太正经,但我看的都是正经的站)。
    之后是实践,光看是不够的多实践才是真理,因为欧美可以借助字体来实现很多效果,中文不大现实,所以最近就只看日本站了。
    在之后就是多注意细节。
    padding 和 margin 调好了就能好看很多。
    再之后就是颜色的搭配。
    分享几个网站集合
    https://webdesignclip.com/
    https://www.lapa.ninja/
    https://www.siteinspire.com/
    http://4db.cc/


    顺便说一下,依赖框架做开发可以提升整体风格。但写自己代码的时候一定要遵照框架所定义的规范来。
    虽然目前没几个框架是可以说得上好看的。。
    勉强说的上的
    https://getmdl.io/
    https://daisyui.com/
    https://getuikit.com/
    Rwing
        7
    Rwing  
       2021-11-12 13:49:54 +08:00
    不管是不是要做设计的,其实每个人都应该读一读这本书

    https://book.douban.com/subject/26664522/
    写给大家看的设计书(第 4 版)
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3492 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 00:46 · PVG 08:46 · LAX 17:46 · JFK 20:46
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.