在设计师帮忙下把产品首页 UI 优化了，欢迎提出建议

UI 过来说一下，现在几乎没有人用这种纯度的黑色做设计，因为对心理和视觉都不友好；类 3D 的装饰部门的色彩感觉就是从其他颜色的块面直接调整过来的，那种违和感不能忽视；

这么差的 UI 居然流量还不小，怎么做到的

有点瘆人

@EasonCheng 你的建议确实是最简洁又实用的。

@waytocode 因为 showdoc 的核心竞争力不在 UI 上。只是说好的 UI 能锦上添花，我现在想把 UI 做得更好。

建议直接参考类似的产品，然后搞个多主题

@star7th 当时是一个项目的文档放上面，项目停止维护，后续也就没用了。
有一些细节体验，可以继续提升。不过我不是开发， 基本没怎么用，后面如果有时间深度体验，会给提的

看了一下楼上的评价，大多数围绕着颜色、心理压力进行评价。
我觉得吧，前期不用很在意这些因素，重要的是内在使用流程。
流程 OK 了，再去完善这些细枝末节。
流程不 OK，你 UI 做的再好看又有什么用呢？

视觉重点难以联系内容重点，甚至是干扰，还不如纯文字。头图大大的“Login”就已经让整个产品在用户心中 pass 掉了。

用 Stylus 瞎🐔儿调了下配色。

几个地方有点问题：

1. 个别图片好黑，比如那个 [数据字典] 的配图，图片设计好之后导出时出了问题？
2. PNG 图片可以压缩下，省点加载时间和流量。
3. 客户端页面，有个按钮漏了 class


```
/* ==UserStyle==
@name showdoc.com.cn
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document domain("showdoc.com.cn") {
.body {
color: #393e46 !important;
}
.header {
background: #F3F4F6 !important;
}
.logo {
filter: invert(100%);
}
.hbanner {
background: #F3F4F6;
}
.hbanner-txt h2 {
color: #393e46 !important;
}
.hbanner-txt .list .num {
color: #F3F4F6;
}
.hbanner-txt .btns a.on {
background-color: #5991f3 !important;
color: #eeeeee !important;
border: 1px solid #5991f3 !important;
}
.hbanner-txt .btns a {
border: 1px solid #393e46 !important;
}
.hrow .img {
filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, .5));
}
.hrow1,
.hrow3,
.hrow5,
.hrow7 {
background: #f7f7f7 !important;
}
.hrow2,
.hrow4,
.hrow6 {
background: #eeeeee !important;
}
.regbg {
background: #eeeeee !important;
}
.downpage {
background: #f7f7f7 !important;
}
}
```

忘记说了：

每个段的文字内容都比较少，而高度又太多，整体看着会觉得缺乏内容，建议缩减一下高度，或者优化下文案。
又或者部分内容，做成 3-4 栏并列的方式，减少滚动长度，看着也比较有内容。
以及，配图还是感觉略丑🐒建议翻一翻公共免费素材库，比如： https://interfacer.xyz/

@MapleObserver 感谢建议。你这个方案不错，我顺着这个方向再优化下

https://www.showdoc.com.cn/static/img/home1.cf81ad2.png
https://www.showdoc.com.cn/static/imgs/home2-img.png
https://www.showdoc.com.cn/static/imgs/home3.png

@star7th 我实在理解不了设计师为啥会弄这么黑的点缀色块🌚

@star7th 其实你们可以直接把顶部导航菜单那几个页面（客户端、价格、联系）全部集中在首页，做成一个产品单页就行了。

@3x1415926535 hha 真乌鸦设计师

设计师成功的把话题带偏了，都没人讨论你产品本身了😂

@MapleObserver 我在昨天假期的时候，根据你的建议改了一版。但是我发现如果要改成这种灰色背景风格的话，图标必须换才行，不然比现状更难看。而我一时找不齐那么多图标，所以还是先保持原风格吧。目前我是把导航条变窄了些，文字变小一点。然后，中间的蓝色和白色背景，改成了某深色背景，这样跟黑色 /深灰色能平滑过渡，不会“亮瞎眼”。
目前可能只能这么做了，要换风格可能还是得另外找设计师换一套图标。

@star7th 我看了你改的页面。换回没改之前的吧，现在更差

@Boor 现状更差吗，好吧，我晚点有时间再改回去。

@star7th 太为难你了。。。我觉得你要不就纯黑好了，要不就黑白配。