• 请不要在回答技术问题时复制粘贴 AI 生成的内容
dream4ever
V2EX  ›  程序员

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

  •  
  •   dream4ever · Feb 22, 2023 · 6840 views
    This topic created in 1351 days ago, the information mentioned may be changed or developed.

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

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

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

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

    34 replies  •  2023-09-25 16:54:16 +08:00
    er567
    er567
    Feb 22, 2023❤️10
    1
    dream4ever
    dream4ever
    OP
    Feb 22, 2023❤️4
    2
    @er567 我也收藏了几个这类的网站,https://screenlane.com/ 是 APP 的截屏,https://pagecollective.com/ 是 PC 端页面的截屏。
    himozzie
    himozzie
    Feb 22, 2023
    3
    同困扰,慢慢意识到 UI 设计的重要性。国内前端几乎不点这个天赋,国外挺多前端具备 UI 、UE 相关能力的。要么积累设计稿、培养设计思维,要么公司找个 UI
    dream4ever
    dream4ever
    OP
    Feb 22, 2023
    4
    @himozzie 小公司没法再加个 UI 岗,现在也是通过不断地观摩 + 抄各种 UI ,来一点点地学习领悟。发这个帖子主要是想和大家交流一下。
    zqlcrow
    zqlcrow
    Feb 22, 2023
    5
    哎。我是一个完全没有 UI 意识的 app ,以前有专职 UI 。
    如今行情不好,UI 和测试都没有了。
    vsitebon
    vsitebon
    Feb 22, 2023
    6
    如果长期都是这样的话,建议用 eagle 来积累喜欢的风格的 UI
    xiaohouzhi
    xiaohouzhi
    Feb 22, 2023
    7
    如果是面向 C 端的产品,难以想象没有 UI 设计是怎么样的,除非是有人既懂设计又懂开发
    dream4ever
    dream4ever
    OP
    Feb 22, 2023
    8
    @vsitebon 已经用了几年 Eagle 了,UI 积累得有些少,很多觉得不错的 UI 设计稿都是 UI8 上面的,淘宝花钱买了资源包合集,下载过来的都是 Figma 、Sketch 、XD 这种专有格式的,网站上的预览又只是部分页面的精选,不知道有什么好的方式可以把前面专有格式的页面方便地导出成图片的。
    dream4ever
    dream4ever
    OP
    Feb 22, 2023
    9
    @xiaohouzhi 其实没什么难以想象的,全干工程师嘛,什么都懂一点点,什么都不深入。
    BearD01001
    BearD01001
    Feb 22, 2023 via iPhone
    10
    用 ai 画,开发过程中微调一下改一改就能用了
    dream4ever
    dream4ever
    OP
    Feb 22, 2023
    11
    @BearD01001 这个不是用什么画的问题,这个是不知道要画成什么样子的问题。
    nbboy
    nbboy
    Feb 22, 2023
    12
    开始设计自己的产品后,也慢慢意识到这个技能的重要性。
    HHHans
    HHHans
    Feb 22, 2023
    13
    似乎已经有 ai 设计的网站了,可以上传原型图,他给你出设计稿 之前在 b 站刷到过但是我忘了叫啥了。。
    dream4ever
    dream4ever
    OP
    Feb 22, 2023
    14
    @HHHans 没有 UI 设计能力,原型图也画不出来,哈哈。
    LaGeNanRen
    LaGeNanRen
    Feb 22, 2023
    15
    ui 也没有产品也没有,那也太小作坊了吧 = =
    shaojz2005
    shaojz2005
    Feb 22, 2023
    16
    你经常要做不同需求的 UI ,那就是个外包公司?

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

    反正都没专职 UI 了,估计设计要求也不会很高。
    shaojz2005
    shaojz2005
    Feb 22, 2023
    17
    好奇这样的全干工程师,薪酬会怎么样
    iamgx
    iamgx
    Feb 22, 2023
    18
    @HHHans #13 能回想到吗 这个东西好
    luvsic
    luvsic
    Feb 22, 2023
    19
    用 antd 这类 UI 库不行?
    BUHeF254Lpd1MH06
    BUHeF254Lpd1MH06
    Feb 22, 2023
    20
    @luvsic B 端足够了,C 端用这个老觉得奇怪
    dream4ever
    dream4ever
    OP
    Feb 22, 2023
    21
    @LaGeNanRen
    @shaojz2005 非互联网公司,我们部门算是辅助类的,不是核心,收入还好吧。
    dcsuibian
    dcsuibian
    Feb 22, 2023
    22
    来自后端的全干程序员路过。
    学了后端学前端,学了前端学设计。感觉精力太分散,放弃了。
    ( toB ,反正连专业 UI 都没用,那功能给做上就行了)
    coreki
    coreki
    Feb 22, 2023
    23
    mark 一下,我每次开发新的项目也需要去找同类 ui 截图拿来 copy
    bumo
    bumo
    Feb 22, 2023
    24
    一个字,买买买。
    例如: https://www.untitledui.com/
    lolizeppelin
    lolizeppelin
    Feb 22, 2023
    25
    themeforest.net 买买买
    james2013
    james2013
    Feb 22, 2023
    26
    直接 copy 同类产品
    以前有的项目产品甚至把类似功能的 app 截图给 ui 设计,ui 设计按截图稍微改下样式,就进行开发了...
    dream4ever
    dream4ever
    OP
    Feb 22, 2023
    27
    @bumo 看了看 pro 版本的 figma 设计稿,感觉质量很不错啊。
    star7th
    star7th
    Feb 22, 2023
    28
    我也算前后端都做的类型吧。但是我决定不往 UI 方向深入了。
    浅度的 ui ,自己用框架的组件搭建,或者使用 tailwind css 一些模板。深度 UI 设计,找设计师外包,不要浪费自己时间去折腾,而且还做不好。
    yuezk
    yuezk
    Feb 22, 2023
    29
    Google 大法好: https://images.google.com
    AyaseEri
    AyaseEri
    Feb 22, 2023
    30
    AI 生成啊
    不过漂亮的界面不贡献业务价值,OP 想往这方面走一走最好三思
    nijux
    nijux
    Feb 22, 2023
    31
    每个行业大体的业务流程也就那些,然后业务流程对应的设计页面也一样
    可以通过外部工具(eagle),按照不同行业类型来划分收藏设计稿件,
    比如购物行业,业务流程来看,都需要“搜索页面”、“产品列表页面”、“产品详情页面”,“购买”,“订单列表” 。。。
    下次看到设计稿就知道是什么行业,哪个操作流程里面的了。
    平时多多了解不同行业的业务流程就行啊
    dream4ever
    dream4ever
    OP
    Feb 22, 2023
    32
    @nijux leader 对 UI 总有新的需求,要不同,要好看,要换花样。
    yancymin
    yancymin
    Sep 25, 2023
    33
    https://jsai.app/ai 可以通过需求描述生成 web 、mobile 端的设计稿,满足中级设计质量的要求还是可以的
    dream4ever
    dream4ever
    OP
    Sep 25, 2023
    34
    @yancymin 多谢分享,有机会尝试一下
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1402 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 109ms · UTC 22:49 · PVG 06:49 · LAX 14:49 · JFK 17:49
    ♥ Do have faith in what you're doing.