tailwindcss 主要缺点就是维护。例如我从 vercel 找一个模板下来。为了在顶部加上导航条。需要从代码一层层的 div 中找到真实影响的，然后再去定制华。维护的时候挺麻烦

@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 看到我目前的大致学习结果。