自己做的前端 ui 没有质感,像学生作业一样有廉价感,该怎么进阶学习哪一方面的知识? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
yustation
V2EX    程序员

自己做的前端 ui 没有质感,像学生作业一样有廉价感,该怎么进阶学习哪一方面的知识?

  •  
  •   yustation 2024-06-08 13:18:28 +08:00 via Android 4940 次点击
    这是一个创建于 491 天前的主题,其中的信息可能已经有所发展或是发生改变。
    第 1 条附言    2024-06-10 13:41:40 +08:00
    感谢各位大佬建议,看来还得深入学学设计,自己审美太一般了 O(∩_∩)O
    21 条回复    2024-06-10 14:47:06 +08:00
    howieyoung91
        1
    howieyoung91  
       2024-06-08 13:25:27 +08:00
    我觉得学 UI 最简单的方式就是照抄了
    DefoliationM
        2
    DefoliationM  
       2024-06-08 13:29:48 +08:00
    学设计?
    qfdk
        3
    qfdk  
    PRO
       2024-06-08 13:41:44 +08:00 via Android
    找个类似于 ant design 的用一用 然后看看他的周边资源. 学习如何设计自己的.里面很多规则
    RoccoShi
        4
    RoccoShi  
       2024-06-08 13:43:32 +08:00 via Android
    多看
    chaxus
        5
    chaxus  
       2024-06-08 13:45:00 +08:00
    去 figma 上找好看的模版,然后对照着开发
    baleeny
        6
    baleeny  
       2024-06-08 13:53:10 +08:00
    历史定律,先抄再创,除了天生创意大师,就是顶级大师也是先抄起来的
    netabare
        7
    netabare  
       2024-06-08 14:02:37 +08:00 via iPhone
    培养自己的设计感和直觉。
    kneo
        8
    kneo  
       2024-06-08 14:06:38 +08:00 via Android   11
    可以看下《 Refactoring UI 》。
    APEC
        9
    APEC  
       2024-06-08 15:50:17 +08:00 via iPhone   1
    @kneo 本帖下唯一一个靠谱回答
    weeei
        10
    weeei  
       2024-06-08 17:42:25 +08:00
    主要两个方面决定:

    1. 颜色搭配,内容有主次
    2. 交互设计,元素位置合理

    以上都很主观,你喜欢哪个就跟着抄,理论都大差不差,实操出来别人觉得好又是另外的事情了
    anyele
        11
    anyele  
       2024-06-08 17:52:11 +08:00
    遇到同样的问题, 做出来的界面很丑
    Nicksong
        12
    Nicksong  
       2024-06-08 19:05:41 +08:00
    《写给大家看的设计书》这本也行,ant-design 的设计原则也可以看看。
    不过这些都是概念性的东西,前期还是抄吧,然后再结合上面的内容去理解。
    tutu3344606
        13
    tutu3344606  
       2024-06-08 19:58:00 +08:00
    套模板(我就是学生作业本身 hh )
    dream4ever
        14
    dream4ever  
       2024-06-08 22:02:47 +08:00
    UI 技能和其他技能一样,一方面要学习那些经典的原则,比如 CRAP 原则:对比、重复、对齐、亲密,另一方面要通过读作品、抄作品去理解原则并且提升自己实际的设计能力和对美的感悟,理论和实践不断促进,循环上升。
    xfxz
        15
    xfxz  
       2024-06-08 22:08:38 +08:00
    如果你是前端,可以提升下自己的审美水平,把 UI 一块搞定。如果是后端,那就算了吧,有这精力,不如精进下技术本身。
    liu731
        16
    liu731  
    PRO
       2024-06-08 22:59:13 +08:00
    vincent7245
        17
    vincent7245  
       2024-06-09 09:21:04 +08:00
    这是 ui 设计的问题,和前端没关系。你可以找一些设计网站的案例,照抄就行了
    Laobai
        18
    Laobai  
       2024-06-09 21:41:39 +08:00
    用组件库,并且找个好看的组件库
    xj3hd
        19
    xj3hd  
       2024-06-10 11:44:08 +08:00
    学学 tailwindcss 的设计理念就行了
    birdAndBear
        20
    birdAndBear  
       2024-06-10 13:54:12 +08:00
    自己开发项目的话基本是找开源的模板来改,或者用组件库,基本不会有设计都要自己搞的情况。老哥学 UI 是为了什么。
    yustation
        21
    yustation  
    OP
       2024-06-10 14:47:06 +08:00
    @birdAndBear 水平很一般,做东西就是给外行人看看,前端太丑了拿不出手哈哈
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     3510 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 35ms UTC 00:07 PVG 08:07 LAX 17:07 JFK 20:07
    Do have faith in what you're doing.
    ubao 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