后端开发怎么设计好看的界面 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
dong706
V2EX    设计

后端开发怎么设计好看的界面

  •  
  •   dong706 2022-02-23 10:02:53 +08:00 7196 次点击
    这是一个创建于 1331 天前的主题,其中的信息可能已经有所发展或是发生改变。
    作为一个后端开发 我做前端界面要么干巴巴黑白向 要么花里胡哨颜色堆砌 该怎么设计好看的界面呢?

    求问各位大佬 有没有前端资源或者设计资源可参考?求工具网站 求收藏夹~~~先行拜谢各位大佬!
    40 条回复    2022-05-23 11:53:32 +08:00
    HeapOverflow
        1
    HeapOverflow  
       2022-02-23 10:04:10 +08:00 via iPhone
    找我
    dong706
        2
    dong706  
    OP
       2022-02-23 10:05:06 +08:00
    @HeapOverflow 设计师大佬?
    HeapOverflow
        3
    HeapOverflow  
       2022-02-23 10:05:15 +08:00 via iPhone
    开个玩笑,界面设计我推荐上 dribbble https://dribbble.com/
    yunying
        4
    yunying  
       2022-02-23 10:07:05 +08:00   1
    术业有专攻,莫强求。。
    dong706
        5
    dong706  
    OP
       2022-02-23 10:10:05 +08:00
    @HeapOverflow 多谢
    dong706
        6
    dong706  
    OP
       2022-02-23 10:10:15 +08:00
    @yunying 人要有点追求呀
    zhaodong
        7
    zhaodong  
       2022-02-23 10:17:49 +08:00
    figma 社区
    lancelock
        8
    lancelock  
       2022-02-23 10:39:29 +08:00
    关键你做那种前端?管理后台类的用 ui 库就行。
    展示交互类的那就没办法了,人家吃饭的活你要是随随便便也能搞那还要 ui 干嘛
    misaka19000
        9
    misaka19000  
       2022-02-23 10:40:22 +08:00
    读一个美术相关的学位
    或者找一个 UI 老婆?
    66beta
        10
    66beta  
       2022-02-23 10:40:32 +08:00
    直接用成熟的 UI 框架,也可以找些基于这个 UI 框架的模板
    zy0829
        11
    zy0829  
       2022-02-23 10:41:31 +08:00
    找个前端
    masterclock
        12
    masterclock  
       2022-02-23 10:43:32 +08:00
    摆烂
    完全不考虑美观,只求能用,功能上好用
    dong706
        13
    dong706  
    OP
       2022-02-23 10:52:22 +08:00
    @66beta UI 框架是已经用了,但是界面怎么设计布局好看,UI 框架解决不了呀
    4BVL25L90W260T9U
        14
    4BVL25L90W260T9U  
       2022-02-23 10:54:06 +08:00
    首先,你最好有个专门的设计,自己瞎想不靠谱。然后,后端手写 CSS 不现实,了解 CSS 基础概念后直接上 tailwindcss ,基本上有个设计稿就能堆出来差不太多的界面。
    kidult
        15
    kidult  
       2022-02-23 11:01:45 +08:00   1
    figma 社区 +1

    你再发现新大陆
    Izumi1991
        16
    Izumi1991  
       2022-02-23 11:02:58 +08:00
    找个前端
    labulaka521
        17
    labulaka521  
       2022-02-23 11:03:34 +08:00 via iPhone
    @kidult 这个很推荐 我也是后端 资源贼多
    dong706
        18
    dong706  
    OP
       2022-02-23 11:06:15 +08:00
    @zhaodong
    @kidult 这个确实不错,感谢
    cosmtrek
        19
    cosmtrek  
       2022-02-23 11:15:13 +08:00
    https://www.degreeless.design/ 学一遍设计,了解设计基础,再多看和多模仿优秀的网站就入门了。
    DT27
        20
    DT27  
       2022-02-23 11:19:03 +08:00
    套模板啊
    lower
        21
    lower  
       2022-02-23 11:19:25 +08:00
    美页,这网站里面好多素材可以抄
    lower
        22
    lower  
       2022-02-23 11:20:11 +08:00
    @lower 错了,是美叶 www.meiye.art
    RealJacob
        23
    RealJacob  
       2022-02-23 11:21:14 +08:00
    有些前端没有设计稿的话,可能都做不出好页面。这东西跟个人审美和经验也有很大关系的。最好的方式是抄现成的,figma ,或者偏 b 端的看看飞书什么的
    acmore
        24
    acmore  
       2022-02-23 11:24:12 +08:00
    设计师怎么学的你也怎么学,后端并不会让你失去学习能力。
    如果只是说说而已那么就找现成的框架好了。
    libook
        25
    libook  
       2022-02-23 12:02:19 +08:00
    要不然从 Material Design 开始,用个现成的 UI 框架,然后再了解一下 Material Design 的设计规范。

    有兴趣深入的话就找一些 UI 设计的书看看。
    dengji85
        26
    dengji85  
       2022-02-23 12:05:07 +08:00 via Android
    页面好看还不行,交互才是重要的
    cond0r
        27
    cond0r  
       2022-02-23 13:06:29 +08:00
    kingfalse
        28
    kingfalse  
       2022-02-23 13:18:13 +08:00
    vaadin
    dong706
        29
    dong706  
    OP
       2022-02-23 14:08:19 +08:00
    @cond0r 有免费的 谁还买呀 哈哈哈;再说还没产生任何收益 就先不考虑收费的了
    KMpAn8Obw1QhPoEP
        30
    KMpAn8Obw1QhPoEP  
       2022-02-23 14:11:48 +08:00 via Android
    不懂设计的前端 如果没有设计稿 也两眼一抹黑的…
    xz410236056
        31
    xz410236056  
       2022-02-23 14:28:52 +08:00
    @misaka19000 #9 还有用户体验设计师、交互设计师、产品等等岗位,总不能全娶了吧
    madlifer
        32
    madlifer  
       2022-02-23 14:35:18 +08:00
    如果是复杂的一个页面要出来 需要 先 PM 决定页面元素 UX 完善 PM 的交互 UI 制作设计图并切图 ....

    个人项目多看看 https://dribbble.com/ 也行,但是如果需要商业化的话,能找个 PM 规划一下功能分区和各页面元素也还是有必要的。
    misaka19000
        33
    misaka19000  
       2022-02-23 14:51:30 +08:00
    @xz410236056 哈哈哈哈
    cond0r
        34
    cond0r  
       2022-02-23 15:11:31 +08:00
    @dong706 #29 哈哈 主要是省事,我买了 4-5 套,来回用了好几年 哈哈哈哈
    ericwoflskin
        35
    ericwoflskin  
       2022-02-23 15:16:21 +08:00
    做 UI 的给你些简单建议,基础的知识可以学学,先买些理论性的书籍看一看,了解一些常识概念,避免出现低级错误。
    然后多看一些设计类网站,培养审美。更高水平的设计就需要长期的积累了。
    96412hj
        36
    96412hj  
       2022-02-23 17:18:48 +08:00
    前后端思维方式都不一样的,就算搞出来,你觉得好看,别人不认为好看,专业的人做专业的事
    Cbdy
        37
    Cbdy  
       2022-02-23 17:47:01 +08:00 via Android
    为什么不试试 zxx 纯手工打造的露露 ui 呢?
    sciel
        38
    sciel  
       2022-02-24 10:47:20 +08:00
    我有个想法,找一款自己喜欢的游戏,做成游戏风格的界面。
    lackar
        39
    lackar  
       2022-05-14 11:51:01 +08:00
    如果 app 差不多做好了,我可以帮你看看交互和界面,我是设计师
    6jcstWg94A5u0vF3
        40
    6jcstWg94A5u0vF3  
       2022-05-23 11:53:32 +08:00
    Web UI https://webui.design/ 我发现了这个,你可以参考一下。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1191 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 23ms UTC 23:42 PVG 07:42 LAX 16:42 JFK 19:42
    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