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

[shankee]

当前的:

准备改成酱紫:

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

[Kilerd]

只能说，都一般般吧。

不过硬是要做个比较，个人喜欢前者的排版

[lzhtony]

个人的感觉 3 列比较杂乱.

[astrayV2]

上面那块好像 theverge

[plqws]

感觉说成「调整」可能更好吧，两者都差不多吧，硬要说的话，我觉得还是原来的看起来舒服一些。

顺便一个建议： top nav 底部的那个线条太显眼了，有点喧宾夺主的感觉，改成淡灰色细线可能会更好一点吧。

[Ansonyi]

第一个就不错

[beingbin]

网站的主体内容都在中间，为什么上面的导航要在两边放菜单和搜索？
通篇不管 logo 、标题、还是正文都用红色，不觉得太刺眼、没重点吗？
右侧图片下面的标题，变成两行的时候居中对齐真是灾难……
导航栏下面的线条太明显了，换个颜色吧，试试看#dcdcdc 呢？
下面，中间列表项缩略图还不一样大，感觉很怪异

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

ps ，建议找个专业的 UI 吧，很多细节方面需要优化。

[beingbin]

如果非要选一个的话，我倾向于上面那个，起码没有通篇的红色，这么大篇幅的红色文字，还以为进入了淘宝 C 店详情页呢

[beingbin]

刚刚去网站看了下，随便瞎说说……

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

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

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

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

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

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

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

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

[cooking] 下面的标题是左对齐，右边 [after hours ] 又是居中对齐，建议统一

[vincentqi]

新版的好，相对而言，新版内容看上去更活一点

[plqws]

@beingbin 说得在理，楼主应该多参考参考一些类似配色网站的设计

[RRL]

大量的 border 有点不舒服

[liangguan5]

要借鉴，就全借鉴啊， theverge

[welly]

整体布局有点 36Kr 的感觉

[BGLL]

所有标题文字颜色都这么红，好刺眼...

[shippo7]

新版好，一眼就可以从中间栏开始阅读。旧版没有焦点，满眼的信息不知道从哪里开始看

[shankee]

@liangguan5 全借鉴就变成抄袭了 , 渐变色块那儿就是抄的 theverge

[shankee]

@shippo7 嗯, 同感因为感觉没焦点, 所以在改

[shankee]

@beingbin 非常感谢那么多的建议, 找专业 UI 比较不现实. 所以, 还是自己多学好了. 反正也只是做着玩, 做着学习的.

[shankee]

@welly 虽然关注 36kr 的信息, 不过都是在移动端, 几乎没点进去过桌面端网页 (Ｔ▽Ｔ)

[shankee]

不是强力 UI 设计师, 所以, 来这儿找槽点 (Ｔ▽Ｔ)

[Xuanwo]

吓尿了，第一反应是善用佳软。。

[shankee]

@Xuanwo 完全没听过, 搜了下 看样子 logo 真的好像 Σ( ° △ °|||)︴

[bandaonanhai]

之前看过楼主的小站，如果楼主是程序员出身，就略有好奇，会做这种主题风格的网站。
楼主网站的初衷应该是做一个介绍创意、艺术、设计、家居、生活、手工、 zakka 等等讯息，辅以同类型音乐等服务的有文艺情怀的网站，并有导向淘宝店铺的意向。

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

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

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

所以，你现在要做的应该是：

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

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

3.这类网站简单即是好，不要什么酷炫的效果和排版，关于酷不酷屌不屌，这类网站的受众群完全不 care 。

[kokdemo]

……没见过用隶书做 logo 的……

字体 logo 都是需要重新设计的，不然的话基本都很难看……

[shankee]

@bandaonanhai 算不上什么出身吧, 才毕业没多久, 也不是什么科班出来的. 只是兴趣驱动在做点东西.
基本上是没什么浏览量的, 也都没去做推广宣传, 最多就是 V 坛给人留言打下小广告 (つд⊂)

主题信息流的确得梳理, 略乱了.
感谢如此用心的建议.

[newtonisaac]

楼主应该多参考参考一些类似配色网站的设计

[shankee]

好多人提到配色方面问题, 看样子得研究研究 (◎-◎；)

[learnshare]

三栏比较没重点，两栏比较合适

[shankee]

@astrayV2 不是好像， 就是学 theverge 的 （＾ν＾）

[Mysdes]

改版后的问题在三栏排版上，建议去掉第一栏，统一第二栏图片尺寸，丰富第三栏内容，字体别随便加粗。另外， hover 效果太太太太重，愚见

[shankee]

@Mysdes 我也觉得重了, 敢情自己就是在堆砌 CSS

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

thx

[liyer]

颜色是硬伤。
结合你的 logo 橙，橙只配用来点缀，大段大段的文字都用橙色就有些重口味了。
建议文字改成黑色，区段标题、 hover 改成橙， hover 框去掉，改成背景色(#f4f4f4 这种)

[twor2]

看成 兽记 了

真是重口味的网站

[shankee]

@twor2 额... 能这么看错字, 估计的确重口味, 腻害