全干型的前端工程师如何找到好的页面 UI 设计稿？

[dream4ever]

在公司作为一名“全干工程师”，不仅需要做出页面，还需要能够自己设计（ copy ）页面。

工作这几年，发现自己在这方面一直是个短板，虽然也收藏了不少相关的网站，比如 dribbble 、UI8 、Template Monster 等等，但是每次需要设计一个新的页面 /网站时，往往还是需要在这些网站里面一个个查看 UI 设计稿，大海捞针般地找出符合本次需求的页面 /网站 UI 。

也曾经尝试过用关键词在这些网站上搜索，但是发现很多符合自己需求的页面 /网站 UI ，并不在所搜索的关键词里。

所以想问问大家，有什么方法能够比较高效率地找到符合自己需求的 UI 设计稿？另外平时怎样可以积累一些好的页面设计资源，以备将来的需求？

[er567]

https://uinotes.com/

[dream4ever]

@er567 我也收藏了几个这类的网站，https://screenlane.com/ 是 APP 的截屏，https://pagecollective.com/ 是 PC 端页面的截屏。

[himozzie]

同困扰，慢慢意识到 UI 设计的重要性。国内前端几乎不点这个天赋，国外挺多前端具备 UI 、UE 相关能力的。要么积累设计稿、培养设计思维，要么公司找个 UI

[dream4ever]

@himozzie 小公司没法再加个 UI 岗，现在也是通过不断地观摩 + 抄各种 UI ，来一点点地学习领悟。发这个帖子主要是想和大家交流一下。

[zqlcrow]

哎。我是一个完全没有 UI 意识的 app ，以前有专职 UI 。
如今行情不好，UI 和测试都没有了。

[vsitebon]

如果长期都是这样的话，建议用 eagle 来积累喜欢的风格的 UI

[xiaohouzhi]

如果是面向 C 端的产品，难以想象没有 UI 设计是怎么样的，除非是有人既懂设计又懂开发

[dream4ever]

@vsitebon 已经用了几年 Eagle 了，UI 积累得有些少，很多觉得不错的 UI 设计稿都是 UI8 上面的，淘宝花钱买了资源包合集，下载过来的都是 Figma 、Sketch 、XD 这种专有格式的，网站上的预览又只是部分页面的精选，不知道有什么好的方式可以把前面专有格式的页面方便地导出成图片的。

[dream4ever]

@xiaohouzhi 其实没什么难以想象的，全干工程师嘛，什么都懂一点点，什么都不深入。

[BearD01001]

用 ai 画，开发过程中微调一下改一改就能用了

[dream4ever]

@BearD01001 这个不是用什么画的问题，这个是不知道要画成什么样子的问题。

[nbboy]

开始设计自己的产品后，也慢慢意识到这个技能的重要性。

[HHHans]

似乎已经有 ai 设计的网站了，可以上传原型图，他给你出设计稿 之前在 b 站刷到过但是我忘了叫啥了。。

[dream4ever]

@HHHans 没有 UI 设计能力，原型图也画不出来，哈哈。

[LaGeNanRen]

ui 也没有产品也没有，那也太小作坊了吧 = =

[shaojz2005]

你经常要做不同需求的 UI ，那就是个外包公司？

如果不是的话，维护自己的平台产品，应该是按照一套用得熟悉的 UI 库，不断修改使用就行了吧。

反正都没专职 UI 了，估计设计要求也不会很高。

[shaojz2005]

好奇这样的全干工程师，薪酬会怎么样

[iamgx]

@HHHans #13 能回想到吗 这个东西好

[luvsic]

用 antd 这类 UI 库不行？

[v135ex]

@luvsic B 端足够了，C 端用这个老觉得奇怪