在公司作为一名“全干工程师”,不仅需要做出页面,还需要能够自己设计( copy )页面。
工作这几年,发现自己在这方面一直是个短板,虽然也收藏了不少相关的网站,比如 dribbble 、UI8 、Template Monster 等等,但是每次需要设计一个新的页面 /网站时,往往还是需要在这些网站里面一个个查看 UI 设计稿,大海捞针般地找出符合本次需求的页面 /网站 UI 。
也曾经尝试过用关键词在这些网站上搜索,但是发现很多符合自己需求的页面 /网站 UI ,并不在所搜索的关键词里。
所以想问问大家,有什么方法能够比较高效率地找到符合自己需求的 UI 设计稿?另外平时怎样可以积累一些好的页面设计资源,以备将来的需求?
1
er567 2023-02-22 09:02:37 +08:00 10
|
2
dream4ever OP |
3
himozzie 2023-02-22 09:08:55 +08:00
同困扰,慢慢意识到 UI 设计的重要性。国内前端几乎不点这个天赋,国外挺多前端具备 UI 、UE 相关能力的。要么积累设计稿、培养设计思维,要么公司找个 UI
|
4
dream4ever OP @himozzie 小公司没法再加个 UI 岗,现在也是通过不断地观摩 + 抄各种 UI ,来一点点地学习领悟。发这个帖子主要是想和大家交流一下。
|
5
zqlcrow 2023-02-22 09:20:17 +08:00
哎。我是一个完全没有 UI 意识的 app ,以前有专职 UI 。
如今行情不好,UI 和测试都没有了。 |
6
vsitebon 2023-02-22 09:23:00 +08:00
如果长期都是这样的话,建议用 eagle 来积累喜欢的风格的 UI
|
7
xiaohouzhi 2023-02-22 09:28:49 +08:00
如果是面向 C 端的产品,难以想象没有 UI 设计是怎么样的,除非是有人既懂设计又懂开发
|
8
dream4ever OP @vsitebon 已经用了几年 Eagle 了,UI 积累得有些少,很多觉得不错的 UI 设计稿都是 UI8 上面的,淘宝花钱买了资源包合集,下载过来的都是 Figma 、Sketch 、XD 这种专有格式的,网站上的预览又只是部分页面的精选,不知道有什么好的方式可以把前面专有格式的页面方便地导出成图片的。
|
9
dream4ever OP @xiaohouzhi 其实没什么难以想象的,全干工程师嘛,什么都懂一点点,什么都不深入。
|
10
BearD01001 2023-02-22 09:33:03 +08:00 via iPhone
用 ai 画,开发过程中微调一下改一改就能用了
|
11
dream4ever OP @BearD01001 这个不是用什么画的问题,这个是不知道要画成什么样子的问题。
|
12
nbboy 2023-02-22 09:39:39 +08:00
开始设计自己的产品后,也慢慢意识到这个技能的重要性。
|
13
HHHans 2023-02-22 09:42:46 +08:00
似乎已经有 ai 设计的网站了,可以上传原型图,他给你出设计稿 之前在 b 站刷到过但是我忘了叫啥了。。
|
14
dream4ever OP @HHHans 没有 UI 设计能力,原型图也画不出来,哈哈。
|
15
LaGeNanRen 2023-02-22 10:04:20 +08:00
ui 也没有产品也没有,那也太小作坊了吧 = =
|
16
shaojz2005 2023-02-22 10:05:44 +08:00
你经常要做不同需求的 UI ,那就是个外包公司?
如果不是的话,维护自己的平台产品,应该是按照一套用得熟悉的 UI 库,不断修改使用就行了吧。 反正都没专职 UI 了,估计设计要求也不会很高。 |
17
shaojz2005 2023-02-22 10:06:07 +08:00
好奇这样的全干工程师,薪酬会怎么样
|
19
luvsic 2023-02-22 10:13:19 +08:00
用 antd 这类 UI 库不行?
|
20
BUHeF254Lpd1MH06 2023-02-22 10:18:32 +08:00
@luvsic B 端足够了,C 端用这个老觉得奇怪
|
21
dream4ever OP |
22
dcsuibian 2023-02-22 10:44:03 +08:00
来自后端的全干程序员路过。
学了后端学前端,学了前端学设计。感觉精力太分散,放弃了。 ( toB ,反正连专业 UI 都没用,那功能给做上就行了) |
23
coreki 2023-02-22 11:05:16 +08:00
mark 一下,我每次开发新的项目也需要去找同类 ui 截图拿来 copy
|
24
bumo 2023-02-22 11:10:15 +08:00
一个字,买买买。
例如: https://www.untitledui.com/ |
25
lolizeppelin 2023-02-22 11:36:32 +08:00
themeforest.net 买买买
|
26
james2013 2023-02-22 11:43:02 +08:00
直接 copy 同类产品
以前有的项目产品甚至把类似功能的 app 截图给 ui 设计,ui 设计按截图稍微改下样式,就进行开发了... |
27
dream4ever OP @bumo 看了看 pro 版本的 figma 设计稿,感觉质量很不错啊。
|
28
star7th 2023-02-22 13:15:49 +08:00
我也算前后端都做的类型吧。但是我决定不往 UI 方向深入了。
浅度的 ui ,自己用框架的组件搭建,或者使用 tailwind css 一些模板。深度 UI 设计,找设计师外包,不要浪费自己时间去折腾,而且还做不好。 |
29
yuezk 2023-02-22 13:41:38 +08:00
Google 大法好: https://images.google.com
|
30
AyaseEri 2023-02-22 15:31:04 +08:00
AI 生成啊
不过漂亮的界面不贡献业务价值,OP 想往这方面走一走最好三思 |
31
nijux 2023-02-22 16:31:39 +08:00
每个行业大体的业务流程也就那些,然后业务流程对应的设计页面也一样
可以通过外部工具(eagle),按照不同行业类型来划分收藏设计稿件, 比如购物行业,业务流程来看,都需要“搜索页面”、“产品列表页面”、“产品详情页面”,“购买”,“订单列表” 。。。 下次看到设计稿就知道是什么行业,哪个操作流程里面的了。 平时多多了解不同行业的业务流程就行啊 |
32
dream4ever OP @nijux leader 对 UI 总有新的需求,要不同,要好看,要换花样。
|
33
yancymin 2023-09-25 16:08:16 +08:00
https://jsai.app/ai 可以通过需求描述生成 web 、mobile 端的设计稿,满足中级设计质量的要求还是可以的
|
34
dream4ever OP @yancymin 多谢分享,有机会尝试一下
|