各路 UI 设计大神帮忙看看, 网站准备改版, 新的会好一些吗? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
shankee
V2EX    问与答

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

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

    当前的:

    准备改成酱紫:

    虽然变动不大, 不过还是想得到一些意见呢, 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 的信息, 不过都是在移动端, 几乎没点进去过桌面端网页 (TT)
    shankee
        20
    shankee  
    OP
       2015-08-28 07:45:25 +08:00
    不是强力 UI 设计师, 所以, 来这儿找槽点 (TT)
    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     Solana     1738 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 39ms UTC 16:16 PVG 00:16 LAX 09:16 JFK 12:16
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86