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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2664 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

原来的

现在的

重写的

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

第 1 条附言 · 2017-08-07 09:52:46 +08:00

哈哈，如果都挺难看那我就放心了。。。这样更新版本也不会被喷的更惨了。。。

新的版本支持自定义颜色，所以如果不喜欢骚紫色可以自己切换。

第 2 条附言 · 2017-08-07 10:12:15 +08:00

新的，感觉受了建议，把图标隐藏的确好看很多～

然后配色是可以自己调的～

第 3 条附言 · 2017-08-07 10:29:57 +08:00

完成 Chrome 图标的 svg 单色任务～

第 4 条附言 · 2017-08-07 10:54:38 +08:00

听了大家的建议，感觉收获很多，本来烦的快哭了～

新的层次好一点的界面～

悬浮后会加强阴影～

第 5 条附言 · 2017-08-07 16:32:55 +08:00

先撤退了，回头再更新，现在的样子（颜色是可以自定义的～）：

第 6 条附言 · 2017-08-08 07:45:38 +08:00

几经修改，现在的效果是这样的

还可以自定义配色，这里我配了个红黑的～

第 7 条附言 · 2017-08-08 09:33:16 +08:00

把 shadow 也从灰色改成自定义的主颜色了～

第 8 条附言 · 2017-08-08 10:27:17 +08:00

修改图标大小～

第 9 条附言 · 2017-08-08 12:35:26 +08:00

现在拓展之间的隔断的粗细一致了～

第 10 条附言 · 2017-08-10 11:14:20 +08:00

现在差不多定下来了～ Grid 模式就是这样，然后列表模式还要弄

下面这个是修改 Group 的，啦啦啦

重写

难看

原来

感觉

119 条回复 • 2017-08-08 12:41:53 +08:00

1 2

❮

❯

101

wyz123723

2017-08-08 07:20:10 +08:00

主要改成了原谅绿

102

AInoob

2017-08-08 07:46:28 +08:00

@wyz123723。。。可以可以，不知道有没有萌萌紫～

103

xiaomeimei

2017-08-08 08:44:03 +08:00

@AInoob 怎么发图片呀

104

gongpeione

2017-08-08 08:51:26 +08:00 via iPhone

悬浮的阴影颜色带一些色彩倾向感觉更好看一些

105

timothyye

2017-08-08 08:52:03 +08:00 via Android

原谅绿不错

106

AInoob

2017-08-08 09:18:04 +08:00

@xiaomeimei 直接放图片地址就可以了啊

107

AInoob

2017-08-08 09:18:13 +08:00

@gongpeione 有道理，我试试～

108

AInoob

2017-08-08 09:32:32 +08:00

@gongpeione 感觉还可以，你看看～

109

jasonpeng0322

2017-08-08 09:54:00 +08:00

感觉还行，图标建议再小一点，现在感觉有点太拥挤

110

xavierskip

2017-08-08 10:21:27 +08:00

这 UI 前后的差别好大

111

AInoob

2017-08-08 10:23:30 +08:00

@jasonpeng0322 嗯呢，同意！

112

AInoob

2017-08-08 10:27:38 +08:00

@xavierskip 你看看效果，新的附言～感觉的确清爽不少

113

pengbo37877

2017-08-08 10:48:13 +08:00

我要说都很丑，会不会被打，哈哈哈

114

AInoob

2017-08-08 11:53:59 +08:00

@pengbo37877 不会～都丑我就没有担心了，如果重写的更丑，那我就很迷茫了～

115

blaxmirror

2017-08-08 12:08:15 +08:00

一个微小的建议，保持各方块边框粗细一致会不会好一些，现在中间相邻的方块粗细会叠加，跟最外面四条边就不一致了。

116

gearkey

2017-08-08 12:26:15 +08:00 via Android

@AInoob 导航切换应该不会困难吧，参考淘宝、typecho 的顶栏，悬浮展开，点击可以默认进入其中一个，这个交互其实还更原始些。

嗯，筛选器的话，这种场景用按钮也是合适的。
之前认为批量操作应当谨慎，执行相当于一个回车，它的作用就是让操作慢下来。

UI 还说不上，要学习的还有很多。
具体就按实际情况考量吧，很高兴有帮助

117

AInoob

2017-08-08 12:35:38 +08:00

@blaxmirror 这小细节都被发现了！已经

118

AInoob

2017-08-08 12:36:17 +08:00

@blaxmirror 已经在附言更新了～哈哈

119

AInoob

2017-08-08 12:41:53 +08:00

@gearkey 导航栏现在感觉的确很好～直接点击一级菜单会直接进入上次访问的二级菜单（有记录）。

筛选器这个的确实时响应比较方便，毕竟拓展数量有限，所以不会卡顿，加上现在实时是一个趋势，很多网站搜索也都实时搜索了～

批量操作的确应该谨慎，所以加了一个 undo，可以一直撤销当前做的更改（本来想着要不要保存，下一次会话也可以撤销当前会话的修改，想了想，这样什么时候是头。。。于是决定放弃唯一感觉还不错的方法是保存上一次会话的修改 1 分钟之类的，保证误操作关掉后还可以恢复。）

感谢帮助！

1 2

❮

❯