V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
AInoob
V2EX  ›  程序员

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

  •  5
     
  •   AInoob ·
    AInoob · 2017-08-07 09:19:04 +08:00 · 13364 次点击
    这是一个创建于 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  
    wyz123723
        101
    wyz123723  
       2017-08-08 07:20:10 +08:00
    主要改成了原谅绿
    AInoob
        102
    AInoob  
    OP
       2017-08-08 07:46:28 +08:00
    @wyz123723。。。可以可以,不知道有没有萌萌紫~
    xiaomeimei
        103
    xiaomeimei  
       2017-08-08 08:44:03 +08:00
    @AInoob 怎么发图片呀
    gongpeione
        104
    gongpeione  
       2017-08-08 08:51:26 +08:00 via iPhone
    悬浮的阴影颜色带一些色彩倾向感觉更好看一些
    timothyye
        105
    timothyye  
       2017-08-08 08:52:03 +08:00 via Android
    原谅绿不错
    AInoob
        106
    AInoob  
    OP
       2017-08-08 09:18:04 +08:00
    @xiaomeimei 直接放图片地址就可以了啊
    AInoob
        107
    AInoob  
    OP
       2017-08-08 09:18:13 +08:00
    @gongpeione 有道理,我试试~
    AInoob
        108
    AInoob  
    OP
       2017-08-08 09:32:32 +08:00
    @gongpeione 感觉还可以,你看看~

    jasonpeng0322
        109
    jasonpeng0322  
       2017-08-08 09:54:00 +08:00
    感觉还行,图标建议再小一点,现在感觉有点太拥挤
    xavierskip
        110
    xavierskip  
       2017-08-08 10:21:27 +08:00
    这 UI 前后的差别好大
    AInoob
        111
    AInoob  
    OP
       2017-08-08 10:23:30 +08:00
    @jasonpeng0322 嗯呢,同意!
    AInoob
        112
    AInoob  
    OP
       2017-08-08 10:27:38 +08:00
    @xavierskip 你看看效果,新的附言~ 感觉的确清爽不少
    pengbo37877
        113
    pengbo37877  
       2017-08-08 10:48:13 +08:00
    我要说都很丑,会不会被打,哈哈哈
    AInoob
        114
    AInoob  
    OP
       2017-08-08 11:53:59 +08:00
    @pengbo37877 不会~ 都丑我就没有担心了,如果重写的更丑,那我就很迷茫了~
    blaxmirror
        115
    blaxmirror  
       2017-08-08 12:08:15 +08:00
    一个微小的建议,保持各方块边框粗细一致会不会好一些,现在中间相邻的方块粗细会叠加,跟最外面四条边就不一致了。
    gearkey
        116
    gearkey  
       2017-08-08 12:26:15 +08:00 via Android
    @AInoob 导航切换应该不会困难吧,参考淘宝、typecho 的顶栏,悬浮展开,点击可以默认进入其中一个,这个交互其实还更原始些。

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

    UI 还说不上,要学习的还有很多。
    具体就按实际情况考量吧,很高兴有帮助
    AInoob
        117
    AInoob  
    OP
       2017-08-08 12:35:38 +08:00
    @blaxmirror 这小细节都被发现了! 已经
    AInoob
        118
    AInoob  
    OP
       2017-08-08 12:36:17 +08:00
    @blaxmirror 已经在附言更新了~ 哈哈
    AInoob
        119
    AInoob  
    OP
       2017-08-08 12:41:53 +08:00
    @gearkey 导航栏现在感觉的确很好~ 直接点击一级菜单会直接进入上次访问的二级菜单(有记录)。

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

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

    感谢帮助!
    1  2  
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3438 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 10:29 · PVG 18:29 · LAX 02:29 · JFK 05:29
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.