@xiaohanyu 我也有用 tainwind ，但是目前也处于放弃阶段。上周都还引入使用了。

放弃原因，html 中要写太多的 class ，维护的时候很不方便，需要还原 UI 都高度时，有些时候高度需要自己写，tailwindcss 写法时 h-[xxxPx], 例如 h-[44px]，而且顺序问题，样式层级分组问题。这些在 UI 层面就是图层。

tailwindcss 看似很方便，也有弊端。

@sagaxu #3 2 餐时早中晚正常吃之类的吗。还是说一天里面 2 餐代餐粉

可能在 #49 结尾有些不太好的地方。因为来加我的人，我连对方是谁都不知道，备注都无法进行。最起码的我尊重我感觉都没有受到。我不了解对方，那最终如果要清理微信过多的好友时，对我来说只是一个陌生人。


https://i.imgur.com/eHMhmoO.png

联系人太多了，后面总有一个时间会清理一下的。

https://kitlib.cn/color 这个地址访问 403 ，

https://kite.kitlib.cn/ 这个感觉挺好看的。比我做的好超多。

没到 100 人的话也会去做这个梳理，只是会顾及生活，时间精力上会慢慢弄。

我也不是美术生，审美上面也有欠缺。达不到专业设计水平。先看看有多少人感兴趣，人多的话，我可以从开发角度入手，以我入门后的理解、体会、经验，去梳理一下知识，让大家可以更快的掌握和更短时间内掌握 UI 。不说做的多好看，至少能从 C 端 UI 上入手，理解 UI 设计的思考方式。

掌握设计常识，不需要太久的时间。结合着临摹，就会有很大。我是自己慢慢摸索才能在几天时间内产出这样的 UI：
UI1: https://x.com/MouBiYong/status/1855122427808039170
UI2: https://x.com/MouBiYong/status/1855485335427592450


刚创建了一个众筹，看看有多少人感兴趣愿意支持我，如果支持的人达到 100 人，就可以全身心投入这个事情了： https://paycenter.plugins-world.cn/buy/8

不知道为什么，感觉好多人加我微信只是为了跳过捐赠要一份文件。当时设置了捐赠的主要目的是在经济下行的情况下，能让自己吃上几顿午餐，能提供需要的人想要的资源，并且让自己以前认真做的东西有一点点回报。

其实如果大家都经济比较不好，说明一下，也会提供。但啥都没说的时候，我也不知道自己做的对不对，是不是那么多人喜欢白嫖他人的努力和幸苦工作

@zsh2517 感谢大佬支持辛苦的付出

@YiXinCoding #44, 说实话，我尝试过使用别的颜色。很难掌握。

使用#000 时，需要搭配透明度，或者 HSB, HSL 中的 B ，L 做一定调整。也不算纯黑。
如果不使用 #333 #666 #999 的时候，在没有自定义色彩能力的时候，没法很好的选颜色给字体做强调和减淡，这 3 个是最简单便捷好理解的颜色了。

包括颜色渐变，我之前看 PPT 教程学到的知识，可以一分钟做出渐变颜色： https://discuss.plugins-world.cn/post/GORWrkmA ，大致如下：

选一个颜色，使用 hsl 方式，色调增加 30 或减少 30 。得到另一个颜色。
一个颜色为起点，另一个颜色为终点。
去试试选择你喜欢的渐变色。
当感觉 30 度的色相变化差异较大时，可以调整一下，增加 15 或减少 15 。此时的渐变色会相对合适一些。

如果想要走专业的 UI 路线，需要多临摹，多观察多看，多画和实践，不然很多都太理论了。

如果是其他岗位希望快速做出来不丑的东西，那掌握一些设计常识，组件库的使用和关注点，然后实践过几次，就会有所感悟的。

很多人是排版都还不会，希望从开发角度出发，能解决做出来的东西不那么好看的问题。

关于聚焦内容，这个其实很偏产品方面了，例如我，即使掌握了一些基础，当自己去做 PC 端 UI 的时候，依然会面对页面很空洞的感觉，不知道填充什么进去。

而这我理解上是，产品经验的不足，不知道怎么提炼内容。我放个截图也许好理解。

https://i.imgur.com/elW3YXy.png

首先做的时候不需要高级感，需要能做出来，不那么丑，能接受。基本上就可以继续和坚持。因为做任何事情都需要一点正反馈才有办法长期继续下去。

#37 分享中，第二点是对的。
第一点并不好掌握。目前我用过多种颜色后，大致领悟到了黑白灰配色方案的使用。然后要适当结合主色，#333 #666 #999 #f5f5f5 #ffffff 这几种颜色。可以做绝大多数 UI 场景。

同时高度和圆角和边框，是最重要的设计感元素。这里漏提了。

我也是 chrome 浏览器，站点在国内的腾讯云服务器。你如果打不开的话，可以直接加我微信。

https://paycenter.plugins-world.cn/buy/7

看是否有大佬愿意，捐赠一杯咖啡呗～

我之前翻译和校对，差不多 2 周。目前里面没几个人。支付后通过卡密的方式得到 QQ 群号。然后置顶公告是链接和访问密码。

本来想用微信群组一个大家交流的地方。然后想要过滤掉不相关随便加群拿资源的人。

我后续看看能否整理出我入门 UI 的经验。

@YiXinCoding 很难的，不是代码的问题，而是对 UI 思考方式和前端还原代码的思考方式。在这里需要互相了解对返，才能做到说不难看。我目前也是磕磕碰碰差不多一年才做到前端和设计的共通

@zeroFans 可以加我微信 1254075921 ，私下单独提供。

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


https://i.imgur.com/BstR6fG.png

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

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

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

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

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

非推广，纯经验推荐。

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

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

Refactoring UI ，我翻译了中文版～

https://i.imgur.com/Osi3YR6.jpeg


不过我推荐先学设计的基础，例如 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 站视频学起来，才解决了前端开发的设计问题。