ui 太丑，怎么找优化灵感

[iamtsm]

最近有人吐槽说我的示例网站 ui 很丑，有没有大佬给点建议或者方向，可以让我我找找优化灵感

https://im.iamtsm.cn

有好的想法建议，也可以提 issue

https://github.com/iamtsm/tl-rtc-file/issues

[gaobh]

大背景改成白底，按钮改成黑底白字。都是黑白配色就好点。

[wemadefoxmoon]

UI 设计师来简单答下
1. 在擅长设觉设计的情况尽量做简单，不要过度设计，比如按钮样式
2. 可以参考一个组件库的样式来做，保持统一，图标也用同一个图标库，比如 https://icones.js.org/
3. 缺乏 hover active 效果 简单的颜色变深变浅一下体验就会生动很多
4. 组件库会有配色参考，https://color.review/ 这个网站可以检测文字和背景颜色是否符合无障碍阅读标准
5. tailwind css

最后吐槽下🤣交互问题，很简单的东西弄的看起来好复杂，不过慢慢来吧，处理视觉问题还是要比处理代码问题简单多了

[wemadefoxmoon]

@wemadefoxmoon 捉虫 不擅长视觉设计的情况下🥲

[clf]

你这个配色有点……

[iamtsm]

@wemadefoxmoon 学到了，多谢大佬

[shenhualv7]

我的经验是少用文字多用图标，背景只选白或黑或上纹理，要不就是低饱和度的颜色，图标和排版风格统一，动效和不透明度阴影设置一下，基本就不错了

[xiaohouzhi]

术业有专攻，你还是找个设计师帮你优化一下吧

[zxCoder]

抄。。。

[hello00001]

确实很丑

[Thecosy]

1 ，颜色
2 ，比例不对

[yawenimy122]

不单是 UI 丑，设计也是过时了，加上细节没做好，不论功能性，看上去是大学生的期末作业一般

[yawenimy122]

建议可以花点小钱去 tb 买个模版或者写好的框架，套上自己的业务代码就行，比较实用省时间

[throns]

可以考虑把 layui 换掉，这个一般用来开发后台应用。可以看一下国内应用截图：uinotes.com 和国际应用截图：mobbin.com 找找灵感。

[iamtsm]

感谢各位大佬们的建议，我准备开始改版了，到时候做出来了再给大家看看

[Skifary]

网页端接入一下样式库例如谷歌的 Material Design 的实现 https://github.com/material-components/material-web#readme 和 https://github.com/mui/material-ui

这些库提供了丰富的组件和统一的样式（包括 icon ），让开发者可以专注于业务

[horizon]

卧槽，确实丑。。换个组件库吧

[molvqingtai]

看得出来很用心在做特效了，不过确实有点丑，找个好看点的 UI 框架吧

[Echo28]

找不到重点，配色也存在问题
设计入门可以看看《写给大家看的设计书》，了解一些基本的规则

[netabare]

我觉得丑其实是次要的，让人没法很好的理解该怎么操作才是大问题。

比如说 linux 下的很多程序界面丑出了天际线，但是交互逻辑其实蛮直观的，这种也挺好。

[hoopan]

我一般找喜欢的组件库或现成的模板，设计不来