为什么重写的界面这么难看。。。

[AInoob]

本着简洁的原则，却感觉写了一部分后貌似比原来的难看了。。。 莫名的感觉 UI 这东西很神奇。。。

原来的

现在的

感觉这样下去，重写的动力都没有了，555

[AInoob]

@jasonpeng0322 你看看附言 5 的效果，肿么样？

[crazycen]

有几个图标多出来的框框，不知何意！

[zhoulouzi]

你选颜色有问题。

[cizixs]

审美错了，越努力越丑啊！
所以，系统性地提升审美是关键。

[KevZhi]

比上一版好多了，有能力的话重绘图标吧，因为每个图标风格完全不一样，很扎眼，要么就放弃大图标模式。
往成熟的设计靠总不会错

[KevZhi]

Main Color 和 Sub Color 两个取色块对齐
Pixel Perfect 还有很多要做的

[Owis]

配色问题

[patx]

感觉眼睛要瞎了

[zangbob]

楼主你听我的，你需要一个专业的美工。。。程序员的审美完全不成的。。

[ffx0s]

用纯色试试 五颜六色 不知道哪里才是重点

[gearkey]

emm，，show the pic，

+ 整合导航
+ 筛选器简化
+ 项目卡片化、整合简化操作

粗略的图，细节还要再做，比如应该更大的卡片间距，
没有试用，一些理解可能不到位，轻喷

[ued]( http://ouborap37.bkt.clouddn.com/IMG_20170807_235231.png)

[gearkey]

<img src="http://ouborap37.bkt.clouddn.com/IMG_20170807_235231.png"/>

[AInoob]

@cizixs 审美一般关键不会设计，还好 v2 大家很热心地帮忙～

[AInoob]

@KevZhi 图标这个是 Chrome 软件自带的，这个不是一个商业软件，所以肯定没精力自己做图标的，选色对齐这个是个好建议！马山更改！

[AInoob]

@zangbob 小小软件，就不找专业的美工了～

[AInoob]

@gearkey 太感谢了！

整合导航这个美感上的确很有效，操作上感觉也和现在的不相上下（第一次进入 AutoState 或者 Manage 容易了，进入后互相切换难了），所以我就用你的思路了～

简化筛选器这个是我没有说清楚，enable，disable，和 undo 都是动作，所以如果放到 select 里面，效率会下降太多，加上这个是实时筛选的，所以没有必要弄个执行。

卡片化这个真的好漂亮！感觉会增加这个布局的方案，不过不会替代，因为原来的虽然密集，但是相对的会展示更多的拓展，新的这个漂亮而且简洁～

超级谢谢！你就是传说中的高级 UI 设计师吧～

[lhc70000]

1. padding 很重要，边距大了立刻显得高大上。
2. 最多两种颜色，不重要的正文 /控件多用黑 /灰色。

还用这个绿色和排版，我随便撸了一个供参考： http://www.lhc.moe/0807test.html

[chyiz]

Firefox 下类似的扩展 Extensor ( https://addons.mozilla.org/en-US/firefox/addon/extensor/) ，一开始界面也是难看得不行。感觉这种界面是很难做。功能很多，元素内容也不可控。这货现在的设计已经比一开始进步很多了，给 LZ 一个参考吧。

[AInoob]

@chyiz 看到那个的排版，我就放心了，哈哈～ Chrome 上倒是有几个挺好看的，当时用户评论的时候有提到。

[AInoob]

@lhc70000 感谢！不过这个设计边角感觉有的方，有的圆，不知道是不是根据层级来选择的。

界面设计的是真的漂亮，不过我这个的限制是 760px 宽度，所以可能就参考 91 楼的设计了～