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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 999 天前的主题，其中的信息可能已经有所发展或是发生改变。

作为一个后端开发我做前端界面要么干巴巴黑白向要么花里胡哨颜色堆砌该怎么设计好看的界面呢？

求问各位大佬有没有前端资源或者设计资源可参考？求工具网站求收藏夹~~~先行拜谢各位大佬！

界面

大佬

花里胡哨

好看

40 条回复 • 2022-05-23 11:53:32 +08:00

HeapOverflow

2022-02-23 10:04:10 +08:00 via iPhone

找我🤣

dong706

2022-02-23 10:05:06 +08:00

@HeapOverflow 设计师大佬？

HeapOverflow

2022-02-23 10:05:15 +08:00 via iPhone

开个玩笑，界面设计我推荐上 dribbble https://dribbble.com/

yunying

2022-02-23 10:07:05 +08:00

术业有专攻，莫强求。。

dong706

2022-02-23 10:10:05 +08:00

@HeapOverflow 多谢

dong706

2022-02-23 10:10:15 +08:00

@yunying 人要有点追求呀

zhaodong

2022-02-23 10:17:49 +08:00

figma 社区

lancelock

2022-02-23 10:39:29 +08:00

关键你做那种前端？管理后台类的用 ui 库就行。
展示交互类的那就没办法了，人家吃饭的活你要是随随便便也能搞那还要 ui 干嘛

misaka19000

2022-02-23 10:40:22 +08:00

读一个美术相关的学位
或者找一个 UI 老婆？

66beta

2022-02-23 10:40:32 +08:00

直接用成熟的 UI 框架，也可以找些基于这个 UI 框架的模板

zy0829

2022-02-23 10:41:31 +08:00

找个前端

masterclock

2022-02-23 10:43:32 +08:00

摆烂
完全不考虑美观，只求能用，功能上好用

dong706

2022-02-23 10:52:22 +08:00

@66beta UI 框架是已经用了，但是界面怎么设计布局好看，UI 框架解决不了呀

ospider

2022-02-23 10:54:06 +08:00

首先，你最好有个专门的设计，自己瞎想不靠谱。然后，后端手写 CSS 不现实，了解 CSS 基础概念后直接上 tailwindcss ，基本上有个设计稿就能堆出来差不太多的界面。

kidult

2022-02-23 11:01:45 +08:00

figma 社区 +1

你再发现新大陆

Izumi1991

2022-02-23 11:02:58 +08:00

找个前端

labulaka521

2022-02-23 11:03:34 +08:00 via iPhone

@kidult 这个很推荐我也是后端资源贼多

dong706

2022-02-23 11:06:15 +08:00

@zhaodong
@kidult 这个确实不错，感谢

cosmtrek

2022-02-23 11:15:13 +08:00

https://www.degreeless.design/ 学一遍设计，了解设计基础，再多看和多模仿优秀的网站就入门了。

DT27

2022-02-23 11:19:03 +08:00

套模板啊

lower

2022-02-23 11:19:25 +08:00

美页，这网站里面好多素材可以抄

lower

2022-02-23 11:20:11 +08:00

@lower 错了，是美叶 www.meiye.art

RealJacob

2022-02-23 11:21:14 +08:00

有些前端没有设计稿的话，可能都做不出好页面。这东西跟个人审美和经验也有很大关系的。最好的方式是抄现成的，figma ，或者偏 b 端的看看飞书什么的

acmore

2022-02-23 11:24:12 +08:00

设计师怎么学的你也怎么学，后端并不会让你失去学习能力。
如果只是说说而已那么就找现成的框架好了。

libook

2022-02-23 12:02:19 +08:00

要不然从 Material Design 开始，用个现成的 UI 框架，然后再了解一下 Material Design 的设计规范。

有兴趣深入的话就找一些 UI 设计的书看看。

dengji85

2022-02-23 12:05:07 +08:00 via Android

页面好看还不行，交互才是重要的

cond0r

2022-02-23 13:06:29 +08:00

https://themeforest.net/ 直接买

kingfalse

2022-02-23 13:18:13 +08:00

vaadin

dong706

2022-02-23 14:08:19 +08:00

@cond0r 有免费的谁还买呀哈哈哈；再说还没产生任何收益就先不考虑收费的了

enchilada2020

2022-02-23 14:11:48 +08:00 via Android

不懂设计的前端如果没有设计稿也两眼一抹黑的…

xz410236056

2022-02-23 14:28:52 +08:00

@misaka19000 #9 还有用户体验设计师、交互设计师、产品等等岗位，总不能全娶了吧

madlifer

2022-02-23 14:35:18 +08:00

如果是复杂的一个页面要出来需要先 PM 决定页面元素 UX 完善 PM 的交互 UI 制作设计图并切图 ....

个人项目多看看 https://dribbble.com/ 也行，但是如果需要商业化的话，能找个 PM 规划一下功能分区和各页面元素也还是有必要的。

misaka19000

2022-02-23 14:51:30 +08:00

@xz410236056 哈哈哈哈😆

cond0r

2022-02-23 15:11:31 +08:00

@dong706 #29 哈哈主要是省事，我买了 4-5 套，来回用了好几年哈哈哈哈

ericwoflskin

2022-02-23 15:16:21 +08:00

做 UI 的给你些简单建议，基础的知识可以学学，先买些理论性的书籍看一看，了解一些常识概念，避免出现低级错误。
然后多看一些设计类网站，培养审美。更高水平的设计就需要长期的积累了。

96412hj

2022-02-23 17:18:48 +08:00

前后端思维方式都不一样的，就算搞出来，你觉得好看，别人不认为好看，专业的人做专业的事

Cbdy

2022-02-23 17:47:01 +08:00 via Android

为什么不试试 zxx 纯手工打造的露露 ui 呢？

sciel

2022-02-24 10:47:20 +08:00

我有个想法，找一款自己喜欢的游戏，做成游戏风格的界面。

lackar

2022-05-14 11:51:01 +08:00

如果 app 差不多做好了，我可以帮你看看交互和界面，我是设计师

pagepan

2022-05-23 11:53:32 +08:00

Web UI https://webui.design/ 我发现了这个，你可以参考一下。