全干工程师怎么入门 UI 设计

[coollest]

现在的工作是给一个生物信息实验室做相关的数据库项目，目前前后端代码逻辑没什么问题，就是被吐槽页面 UI 及结构设计比较丑，有没有相关设计的入门路线或者学习路线，各种文档或者学习视频都行，提前感谢各位大佬！

[shawndev]

《 Refactoring UI 》

[xz410236056]

@shawndev 刚去搜了一下，这本书 99 刀？

[shawndev]

@xz410236056 你都能搜到 99 刀了，怎么不能搜到 pdf download 呢。

[PluginsWorld]

Refactoring UI ，我翻译了中文版～




不过我推荐先学设计的基础，例如 4px ，高度定义。组件库的使用等等。不然看完了这本书其实还是无法做好前端项目的还原或者无法让自己的前端工作达到自己的预期。

https://www.bilibili.com/video/BV1F34y1G78a/?plat_id=413&share_from=season&share_medium=iphone&share_plat=ios&share_session_id=29D4DD17-0059-4E6B-8ADE-B8054042B7C6&share_source=WEIXIN&share_tag=s_i&spmid=main.space-contribution.0.0&timestamp=1701159705&unique_k=hJ1vUUS&vd_source=87d10c9e1fa5942b0cb3349e72869089

我是看完了这本书后，翻译成中文又阅读过几遍，最后从 b 站视频学起来，才解决了前端开发的设计问题。

[PluginsWorld]

最近 2 天练习了 2 个设计稿，也算是学习了差不多一年的小有成果。B 端的没放出来自己练习成果。

可以在 https://x.com/MouBiYong 看到我目前的大致学习结果。

[BeforeTooLate]

@PluginsWorld 设计基础有啥推荐的教程吗？

[PluginsWorld]

B 站的，这个公开的可以看，能学到很多，然后他的公众号，有很多很多干货。

看完绝大多数，并有一定的练习，这个是基础，可以理解为设计的常识。

然后才能理解 Refactoring UI （不理解也没事，前面的基础足够做设计入门了）。

他们还弄了 https://uxbaike.com/ , 里面也有很多资料学习。算是对我比较有帮助的。

非推广，纯经验推荐。

[PluginsWorld]

他的 B 站空间： https://space.bilibili.com/393337657

[luchong]

@PluginsWorld #4 中文版地址发一下 谢谢~

[dearmymy]

抄阿 看个书能学个啥

[me1onsoda]

没必要啊，ui 这玩意跟领导说一下找人接单做就完了，ui 廉价

[evan9527]

信我，资深设计，学一下 Figma ，然后找适合的 ui 作品抄就行了！

[PluginsWorld]

官方不让公开，私下我倒可以提供一下。

[ETiV]

ui8.net 上面买一个你觉得好看的设计，照着实现就行了

[coollest]

@shawndev 感谢！

[coollest]

@PluginsWorld 太强了大佬！
@dearmymy 确实有道理，但是还是想多少了解一下
@evan9527 稳健，我去看看
@ETiV 666666 ，我去看看

[nikenidage1]

《写给大家看的设计书》
我认为非设计专业的看这本书够了，简单的说，教你什么是好看，做起来也不难

[coollest]

@me1onsoda 哎，肯定是不愿意花钱才找全干的。不过找个机会我去尝试一下

[coollest]

@nikenidage1 确实我的痛点也在这，没啥审美，只关注功能实没实现。感谢！

[showonder]

UI 门槛低，Dribbble 上找现成的设计文件 1:1 抄一抄技术上就没啥问题了，基本的页面组件在 ui8 下个 uikit 看看源文件就行了，两个周就能超过一般所谓的 UI 设计。