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

[AInoob]

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

原来的

现在的

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

[AInoob]

@koalli 加上描述的确会好些，不过的确没有位置放了，目前是可以鼠标悬浮后提示

间距的问题也是我一直纠结的，一方面希望放更多的拓展，一方面希望大间距好看

[xd314697475]

缺乏设计基础，想设计出比较好看的界面有主要注意两点：颜色，对齐

颜色参考 google material design 的配色方案：
https://material.io/guidelines/style/color.html#color-color-palette （无需科学上网）

对齐的话：
去找一个现成的界面图，在他的基础上改改
1.左侧的大图标统一大小，或者放在一个固定大小的背景方框上，保证整体对齐。
2.右侧的三个图标，调整高度 #对齐 左侧大图标
3.适当采用居中

[explon]

难看 1.0 升级难看 2.0

[learnshare]

按钮隐藏掉，hover 的时候显示出来
图标缩小为 30%，放到跟原来一样大的格子里
颜色清淡一点

[AInoob]

@learnshare
嗯呢，正在改，感觉的确是好看不少，操作上也没有我原来想的差

[AInoob]

@xd314697475 感谢！颜色可以自定义，所以我回头找一个默认的就可以了，对齐这个的确是问题，我改改～

[zpf124]

比之前好的地方，区块划分，排版布局，item 的规格大小都很统一了
不如的地方，主次感觉不清晰了， 导航条和内容感觉像是同一个层级的东西了。

另外 不论新旧 ，chrome 图标风格有点违和， 还比别的大一圈。

[rocksolid]

你这图标都不统一，有拟物的也有扁平的

[AInoob]

@zpf124 哈哈，主次这个你都发现了，好厉害！的确，新的我想的是 Navigator 直接白色，和新的内容融为一体。。。然后的确觉得有点不适应。。。

chrome 图标这个我也是很烦恼。。。在想着要不要找单色的 svg。

[nadoo]

先把下面各种小按钮都改成灰色试一下，现在色彩太杂乱了

[ssynhtn]

没人提到阴影吗？原来的这个是不是用了 Google 的东西？导航和按钮都有阴影，明显好看很多。
颜色上原来哦清淡一点
底下的大图标应该是你改的好看一些

[ii4Rookie]

粗了。

[AInoob]

@nadoo 恩，会把 Chrome 彩色图标统一的～

[qiuai]

配色问题.其他倒是还 好

[AInoob]

@ssynhtn 嗯呢，原来照搬的 MD，结果靠着我恶心的 UI 技巧，愣是弄得很难看，哈哈

我也觉得阴影挺好，接下来会增加的～

[miyalee]

这 UI 应该是 vuetify，虽然没看出更多功能，不过感觉这个框架不太适合

[AInoob]

@qiuai 哈哈，配色可以自定义的～

[AInoob]

@miyalee 没用 vuetify，原来的是 md 神马的，新的是自己写的 css

[BlackCat02]

按钮隐藏了好多了。。之前按钮全显示出来什么鬼。。

[sobigfish]

实在不知道怎么配色就黑白两色 来弄