V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
bshu
V2EX  ›  分享创造

一个设计渣改版 UI 十多次,最终还是靠着 material design 3 的规则,做了一款自己还能接受的 UI

  •  
  •   bshu · 2023-08-24 17:18:58 +08:00 · 3014 次点击
    这是一个创建于 466 天前的主题,其中的信息可能已经有所发展或是发生改变。

    所有艺术、审美相关的领域,我都算是个渣。虽然做前端很多年,但是一旦涉及到自己设计 UI ,那真是吃力不讨好。

    这款产品从最初到现在,只是 UI 布局就大改版了六七次,这还不包括其中的局部调整、配色、风格、细节等,估计 8 成以上时间浪费在这上面了。满怀期待的开启改版,精疲力尽的努力,最终灰头土脸的勉强凑合。

    这次改版尽量参照 material design 3 的设计原则与方法进行改动,反而出奇的顺利,虽然最终效果算不上出彩,但是自己感觉比之前要协调和舒服的多。

    给 material design 3 赞一个,给自己也赞一个。

    手机版

    PC 版

    地址: PP 直连( https://www.ppzhilian.com/)

    15 条回复    2023-08-25 18:09:44 +08:00
    7gugu
        1
    7gugu  
       2023-08-24 17:33:05 +08:00
    UI 看起来很实用主义
    qsnow6
        2
    qsnow6  
       2023-08-24 17:44:08 +08:00
    术业有专攻,界面设计还可以细分为 UI 、UX ,要做好用、好看真不简单。
    bshu
        3
    bshu  
    OP
       2023-08-24 17:57:04 +08:00
    @7gugu
    @qsnow6
    想做一款看起来很简单,但是用起来功能又很丰富的产品。我很喜欢 google 那种方式,尤其是图片搜索,好像只是一个简单的搜索,但是又有以图搜图、类似图等扩展功能,还能方便工具,选择图片类型、大小、颜色等
    qsnow6
        4
    qsnow6  
       2023-08-24 18:05:10 +08:00
    不知道站内有没有独立设计师接外包的,有时候搞些个人项目想把设计的工作外包了。
    bshu
        5
    bshu  
    OP
       2023-08-24 20:00:21 +08:00
    @qsnow6 以前做项目试过,好的请不起,一般的做出来也就那么回事儿。碰上对业务了解不深入的,做出的东西很难让人满意。就像你说的,相对 UI ,UX 我觉得更重要,但是 UX 需要对业务和用户理解都很深入
    nielinjie
        6
    nielinjie  
       2023-08-24 21:43:25 +08:00
    ui 设计领域的 ai 辅助大有可为。
    gogogo1203
        7
    gogogo1203  
       2023-08-25 02:16:21 +08:00
    码农要写好看的 ui 实在是很难的, 我在这方面浪费了好多时间。 最好的方式就是买高级的 template 和设计好的组件。 好的 ui 设计师动不动就要保教 3-6kusd. 买几个好的组件包不过 200
    chuck1in
        8
    chuck1in  
       2023-08-25 09:19:08 +08:00
    @gogogo1203 高级的 template 和设计好的组件这种一般哪里能买呢?
    bshu
        9
    bshu  
    OP
       2023-08-25 10:49:16 +08:00
    @gogogo1203 哪里能买?另外设计应该是一个整体吧,还有单独卖组件的?
    gogogo1203
        10
    gogogo1203  
       2023-08-25 11:08:16 +08:00
    @bshu @chuck1in 付费的 tailwind ui 是最顶最值的, 没有之一. 免费的也有很多, preline , flowbite, daisyui. 这些都是 tailwind. shadcn 的组件库也是开源的, 我最推荐,没有之一。 我尝试过自己撸,实在是撸不出让我自己满意的。
    1415515984yuri
        11
    1415515984yuri  
       2023-08-25 14:48:48 +08:00
    看了下网页 没看出有啥 md3 的东西(圆角,色彩,) ,建议看看 https://m3.material.io/ 有详细的规范
    chenzw2
        12
    chenzw2  
       2023-08-25 15:40:11 +08:00
    https://bookmark.bqrdh.com/share/4f77ba05098284f548dcd1c7080a371e > 我做的这个 UI 怎么样,费了老大劲
    qsnow6
        13
    qsnow6  
       2023-08-25 16:19:30 +08:00
    @gogogo1203 #10 组件跟产品中间还有很多工作要做。
    bshu
        14
    bshu  
    OP
       2023-08-25 16:20:29 +08:00
    @gogogo1203 这个 css 框架和组件有一大批可选择的,大部分前端都会选择一两作为辅助,现在 pp 里面用的就是 quasar 的,但这种只能算框架和局部组件,如何调整与组装成一个协调美观的整体才是难点所在
    gogogo1203
        15
    gogogo1203  
       2023-08-25 18:09:44 +08:00
    kk
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   6133 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 02:11 · PVG 10:11 · LAX 18:11 · JFK 21:11
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.