V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
shankee
V2EX  ›  问与答

各路 UI 设计大神帮忙看看, 网站准备改版, 新的会好一些吗?

  •  
  •   shankee · 2015-08-27 21:44:14 +08:00 · 2695 次点击
    这是一个创建于 3377 天前的主题,其中的信息可能已经有所发展或是发生改变。

    当前的:

    准备改成酱紫:

    虽然变动不大, 不过还是想得到一些意见呢, thx!

    34 条回复    2015-08-28 18:49:25 +08:00
    Kilerd
        1
    Kilerd  
       2015-08-27 21:55:56 +08:00
    只能说,都一般般吧。

    不过硬是要做个比较,个人喜欢前者的排版
    lzhtony
        2
    lzhtony  
       2015-08-27 21:59:13 +08:00
    个人的感觉 3 列比较杂乱.
    astrayV2
        3
    astrayV2  
       2015-08-27 22:08:00 +08:00
    上面那块好像 theverge
    plqws
        4
    plqws  
       2015-08-27 22:16:35 +08:00
    感觉说成「调整」可能更好吧,两者都差不多吧,硬要说的话,我觉得还是原来的看起来舒服一些。

    顺便一个建议: top nav 底部的那个线条太显眼了,有点喧宾夺主的感觉,改成淡灰色细线可能会更好一点吧。
    Ansonyi
        5
    Ansonyi  
       2015-08-27 22:20:49 +08:00
    第一个就不错
    beingbin
        6
    beingbin  
       2015-08-27 22:24:29 +08:00
    网站的主体内容都在中间,为什么上面的导航要在两边放菜单和搜索?
    通篇不管 logo 、标题、还是正文都用红色,不觉得太刺眼、没重点吗?
    右侧图片下面的标题,变成两行的时候居中对齐真是灾难……
    导航栏下面的线条太明显了,换个颜色吧,试试看#dcdcdc 呢?
    下面,中间列表项缩略图还不一样大,感觉很怪异

    其他的,图太小看不太清楚。

    ps ,建议找个专业的 UI 吧,很多细节方面需要优化。
    beingbin
        7
    beingbin  
       2015-08-27 22:25:32 +08:00
    如果非要选一个的话,我倾向于上面那个,起码没有通篇的红色,这么大篇幅的红色文字,还以为进入了淘宝 C 店详情页呢
    beingbin
        8
    beingbin  
       2015-08-27 22:44:00 +08:00
    刚刚去网站看了下,随便瞎说说……

    鼠标移动到大图上的时候,去掉标题下面的下划线,既然鼠标移动上去已经效果变化了,没有必要再来个下划线,而且这个下划线很丑,文字也不要变成红色;

    鼠标移动到列表项,那个红色框框,实在太丑,建议改成色块,比如原来是白色背景,鼠标移动上去变成#f5f5f5 ;

    标题大片红色,时间的灰色却让人看不清,这个配色很成问题啊……

    [手工] 那个地方,是移动到手工标题点进去才能看到更多,这样会不会隐藏的太深导致用户不知道?

    点到手工里,列表项居然还有滚动条?而且缩略图大小不一很凌乱,对齐是个大问题

    导航建议重做吧,不管是下面的黑线还是获取焦点后的下滑红线,还是搜索框,都很……糟糕

    图片的内边距,各个模块都不一样,应该尽量统一

    列表项的缩略图尺寸,似乎没有章法可循

    [cooking] 下面的标题是左对齐,右边 [after hours ] 又是居中对齐,建议统一
    vincentqi
        9
    vincentqi  
       2015-08-27 22:57:03 +08:00
    新版的好,相对而言,新版内容看上去更活一点
    plqws
        10
    plqws  
       2015-08-27 22:57:57 +08:00
    @beingbin 说得在理,楼主应该多参考参考一些类似配色网站的设计
    blackboom
        11
    blackboom  
       2015-08-27 22:58:26 +08:00
    大量的 border 有点不舒服
    liangguan5
        12
    liangguan5  
       2015-08-27 22:59:23 +08:00 via iPhone
    要借鉴,就全借鉴啊, theverge
    welly
        13
    welly  
       2015-08-27 23:03:52 +08:00
    整体布局有点 36Kr 的感觉
    BGLL
        14
    BGLL  
       2015-08-27 23:18:55 +08:00
    所有标题文字颜色都这么红,好刺眼...
    shippo7
        15
    shippo7  
       2015-08-28 01:04:38 +08:00
    新版好,一眼就可以从中间栏开始阅读。旧版没有焦点,满眼的信息不知道从哪里开始看
    shankee
        16
    shankee  
    OP
       2015-08-28 07:28:20 +08:00
    @liangguan5 全借鉴就变成抄袭了 , 渐变色块那儿就是抄的 theverge
    shankee
        17
    shankee  
    OP
       2015-08-28 07:29:05 +08:00
    @shippo7 嗯, 同感因为感觉没焦点, 所以在改
    shankee
        18
    shankee  
    OP
       2015-08-28 07:34:27 +08:00
    @beingbin 非常感谢那么多的建议, 找专业 UI 比较不现实. 所以, 还是自己多学好了. 反正也只是做着玩, 做着学习的.
    shankee
        19
    shankee  
    OP
       2015-08-28 07:35:42 +08:00
    @welly 虽然关注 36kr 的信息, 不过都是在移动端, 几乎没点进去过桌面端网页 (T▽T)
    shankee
        20
    shankee  
    OP
       2015-08-28 07:45:25 +08:00
    不是强力 UI 设计师, 所以, 来这儿找槽点 (T▽T)
    Xuanwo
        21
    Xuanwo  
       2015-08-28 07:51:23 +08:00
    吓尿了,第一反应是善用佳软。。
    shankee
        22
    shankee  
    OP
       2015-08-28 08:09:15 +08:00
    @Xuanwo 完全没听过, 搜了下 看样子 logo 真的好像 Σ( ° △ °|||)︴
    bandaonanhai
        23
    bandaonanhai  
       2015-08-28 10:33:42 +08:00   ❤️ 1
    之前看过楼主的小站,如果楼主是程序员出身,就略有好奇,会做这种主题风格的网站。
    楼主网站的初衷应该是做一个介绍创意、艺术、设计、家居、生活、手工、 zakka 等等讯息,辅以同类型音乐等服务的有文艺情怀的网站,并有导向淘宝店铺的意向。

    其实这类型网站,说它是小众不准确,它的受众群还是比较广的,内容范围也是比较大的,而且国内也是有逐年上升的趋势。但有一点可以肯定,在 V2EX 这个程序员的世界,它的受众群体目前只会是凤毛麟角。放大到国内的“ IT 界设计圈”,无论是 Web 设计师还是 UI 设计师,能给你满意答案的人不多,大部分的“ IT 界设计圈设计师”都在忙于追求“陈词滥调”的“ Web 、 UI 设计法则和理论”、拘泥于网格、盲目追求酷炫屌炸天的效果,专注于技术性设计,而忽视了这类网站艺术性灵魂存在的特征。

    因为这种艺术性质的存在,这类网站又算不上是很大众,而你面对的这部分群体是挑剔的,有别于普通大众的。不能用主流网站的思维来做。你的网站需要的是一个有优质审美的人来主导设计,对 Web 设计师或是 UI 设计师的要求其实不是很高。

    你的信息流也有些过乱,从动画到室内设计再到摄影再到创意设计都涵盖了,这种内容风格的差异仅仅从视觉体验上来说,已经和网站原本想要做的感觉相去甚远了,同你店铺中卖的产品更是相差过大。像你的“ cooking ”类木,本有蓝莓蛋糕、有水果,很正常,突然居然插入了油腻的重庆小面,你觉得这个调子对吗?小面和你店铺中卖的东西调子对吗?

    所以,你现在要做的应该是:

    1.优化信息流,梳理风格和类别,统一。

    2.根据整体风格再调整板块。

    3.这类网站简单即是好,不要什么酷炫的效果和排版,关于酷不酷屌不屌,这类网站的受众群完全不 care 。
    kokdemo
        24
    kokdemo  
       2015-08-28 10:48:33 +08:00
    ……没见过用隶书做 logo 的……

    字体 logo 都是需要重新设计的,不然的话基本都很难看……
    shankee
        25
    shankee  
    OP
       2015-08-28 10:59:39 +08:00
    @bandaonanhai 算不上什么出身吧, 才毕业没多久, 也不是什么科班出来的. 只是兴趣驱动在做点东西.
    基本上是没什么浏览量的, 也都没去做推广宣传, 最多就是 V 坛给人留言打下小广告 (つд⊂)

    主题信息流的确得梳理, 略乱了.
    感谢如此用心的建议.
    newtonisaac
        26
    newtonisaac  
       2015-08-28 11:00:07 +08:00
    楼主应该多参考参考一些类似配色网站的设计
    shankee
        27
    shankee  
    OP
       2015-08-28 11:09:34 +08:00
    好多人提到配色方面问题, 看样子得研究研究 (◎-◎;)
    learnshare
        28
    learnshare  
       2015-08-28 11:45:59 +08:00
    三栏比较没重点,两栏比较合适
    shankee
        29
    shankee  
    OP
       2015-08-28 13:58:08 +08:00
    @astrayV2 不是好像, 就是学 theverge 的 (^ν^)
    Mysdes
        30
    Mysdes  
       2015-08-28 14:52:02 +08:00
    改版后的问题在三栏排版上,建议去掉第一栏,统一第二栏图片尺寸,丰富第三栏内容,字体别随便加粗。另外, hover 效果太太太太重,愚见
    shankee
        31
    shankee  
    OP
       2015-08-28 14:59:37 +08:00
    @Mysdes 我也觉得重了, 敢情自己就是在堆砌 CSS

    虽然看着只觉得怪, 但是说不出哪儿怪, 还是靠大家指点才发现问题.

    thx
    liyer
        32
    liyer  
       2015-08-28 15:35:40 +08:00
    颜色是硬伤。
    结合你的 logo 橙,橙只配用来点缀,大段大段的文字都用橙色就有些重口味了。
    建议文字改成黑色,区段标题、 hover 改成橙, hover 框去掉,改成背景色(#f4f4f4 这种)
    twor2
        33
    twor2  
       2015-08-28 17:19:19 +08:00
    看成 兽记 了

    真是重口味的网站
    shankee
        34
    shankee  
    OP
       2015-08-28 18:49:25 +08:00
    @twor2 额... 能这么看错字, 估计的确重口味, 腻害
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3585 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 04:58 · PVG 12:58 · LAX 20:58 · JFK 23:58
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.