网站改版 4 个月了，分享一下改版的 UX 介绍。

V2EX = way to explore

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

已注册用户请登录

爱意满满的作品展示区。

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

顺便请容我仅有的一次吐槽：像以往的版本一样，新版一出，瞬间被抄走，无论是善意的借鉴还是恶意的抄袭，有的朋友会很厚道地直接联系我，参考了新版牛大拿的一些元素，有些干脆就直接抄走，并且美其名曰原创设计，对此我一直没有公开吐槽，今天各位请原谅我唯一的这一次不爽。

去年 11 月份进行了改版，一直没有整理 UX 简洁，今天放出来分享给热爱设计的朋友共勉。

On Dribbble https://dribbble.com/shots/3355120-UX-Design-for-Niudana

改版

吐槽

新版

Dribbble

23 条回复 • 2017-03-14 18:26:28 +08:00

isCyan

2017-03-12 01:17:13 +08:00 via Android

设计大神，每次的作品都超漂亮超养眼的

notes

2017-03-12 01:32:51 +08:00 via Android

大牛做的漂亮

valkjsaaa

2017-03-12 03:17:46 +08:00

语法错误： currently logo 应为 current logo

sinv

2017-03-12 03:50:42 +08:00 via iPhone

chuangzaoshi.com

imSam

2017-03-12 04:28:31 +08:00 via iPhone

@isCyan
@notes 谢谢鼓励。

@valkjsaaa 谢谢提醒，一直在恶补语法，有疏漏请谅解。

@sinv 这个站长改版前就加我好友了，并且表示借鉴了牛大拿的一些元素，属于蛮厚道的朋友。

istark

2017-03-12 15:10:46 +08:00

以前有位 V 友做了可以自主编辑的导航，蛮不错的，可惜忘记网址了，楼主可以考虑下这个功能。

dreamcog

2017-03-12 16:59:51 +08:00

赞！

v2ex_user001

2017-03-12 21:21:33 +08:00

不错

nicoljiang

2017-03-12 22:12:56 +08:00

很早就知道牛大拿，也在 v2 看到站长分享过几次，其实觉得体验一点都不好，但是本着不喜勿用的原则，也不适合去多说什么。

但是今天看到这篇，还是有点感慨。

以下是三个同类网站的截图，孰优孰劣一眼便知：
http://ompgl8dri.bkt.clouddn.com/seeseed.png
http://ompgl8dri.bkt.clouddn.com/chuangzaoshi.png
http://ompgl8dri.bkt.clouddn.com/niudana.png

感觉牛大拿的整个设计意图应该是根本就不想让人好好看，从布局到颜色，再到字体、留白、排版。。。特别左边那个导航，真是既不想让人看清楚，又一直在抢视觉重点。

今天发这篇帖子主要是想告诉站长：你上面四幅原型看起来全都比网站舒服多了。

创造狮也是好的没抄到～

利益相关：无。

imSam

2017-03-12 22:21:14 +08:00 via iPhone

@nicoljiang 感谢你耐心的拍砖，另：我只做原创设计，初衷就是先保证满足我已有的核心用户。第二个网站的站长我认识，第一个，我只能说模仿得很好。再次感谢你的指教，希望下个版本的牛大拿能吸引你使用。

nicoljiang

2017-03-12 22:24:43 +08:00

@imSam 原创非常值得尊重，这点自不用说。希望你下个版本是一个能让人真切感觉到在为用户服务、认真考虑用户感受的产品。现在的感觉是想炫技，又没有摆布好。

imSam

2017-03-12 22:25:48 +08:00 via iPhone

@istark 之前考虑过，但是碍于没有技术，一直都是一个人做设计，做前端，但不懂开发，所以只能用 CMS 程序修改。😂

imSam

2017-03-12 22:30:50 +08:00 via iPhone

@nicoljiang 关于考虑用户感受这一点，我们的意见稍有出入，但我会像捍卫自己的意见一样尊重你的看法。其实我比较倾向于用户们直接给我的反馈，微信啦， QQ 啦之类的，另外流量就可以说明了。改版前流量跟改版后流量对比一下就很明显了。当然了，一定还会有不足的地方，请原谅一个人的精力实在是有限，我愿意尝试接下来继续调优，留住你这样的用户是我的荣幸。再次感谢耐心指教。

nicoljiang

2017-03-12 22:39:46 +08:00

@imSam 好的。

designer

2017-03-12 23:56:22 +08:00 via iPhone

@nicoljiang
你好，我在公众号有说过，左右卡片式布局我最初有借鉴钦慕(admire.so)，侧边栏 side bar 确实借鉴了牛大拿的深色系设计。创造狮的 logo 说实话都比牛大拿新版早。

牛大拿的侧边栏最开始是悬浮圆角的。后面也跟创造狮一样，上下全屏固定到了屏幕右侧。算是好的设计一种相互借鉴吧。

也比较钦佩 sam ，都是设计好友，在牛大拿改版的时候我们一起交流了下导航设计。那是牛大拿风格还处于定位，创造狮也刚刚起来，内页还没有设计其实。 sam 对牛大拿有他自己的理解。牛大拿及牛大拿的内页的设计也并不是创造狮的方向，所以并不存在好的没“抄”到，请你用词注意一下。因为你并不了解。我能理解。
-------------------
你的截图 seeseed.com 这个网站是 designup 旗下的最新推出的。你可以看下他跟创造狮 chuangzaoshi.com 的对比。说实话他们抄了创造狮比较多，书签上带有浏览量和其他一些微交互属性算是创造狮的鲜明特色了。手机版基本跟创造狮一样， seeseed 当初毫不知耻批量爬创造狮的书签 icon ，被我保存到了国外缓存网站，后面他们官方出了一个“道歉信”，我就算了。

我不拒绝别人借鉴，但是你至少能承认。也能够得到别人的祝福。

imSam

2017-03-13 00:06:55 +08:00 via iPhone

@designer 没错，借鉴本来并不是什么大不了的，只要抱着一颗交流学习的心态就可以了。而不是堂而皇之抄走，还绞尽脑汁的玩文字游戏，各种开脱。

另：牛大拿新版侧边栏最早就是固定的，我在牛大拿 QQ 群里也有说，想试试悬浮效果，如果不行就改回来，如果借鉴了你的，我会说的，这没什么……😂

haopic

2017-03-13 09:03:38 +08:00

@imSam 网站很漂亮，一直有关注。
图片素材站能否做个连接？

yunlongzi

2017-03-13 10:21:55 +08:00

第一次见到这么专业的设计稿，漂亮，希望自己也能够有这样的能力

nicoljiang

2017-03-13 12:09:19 +08:00

@designer
抱歉，我一直以为我打的是「创造狮也没学个好的」，措词有比较大的问题。

+ @imSam
其实我本想强调的并不是借鉴、抄袭的问题，不过算了，可能角度不一样，很能理解那种愤怒💢。

而且我本身并不是设计师，只是产品🐶，所以对视觉其实没有太大的发言权。单纯觉得「这网站乍一眼看起来完全不知道重点在哪里」。但是私以为，你看到几个截图对比，心里还是会有公允的对比。

必须说，设计稿很棒， Logo 改的很可爱，网站里的一些小细节都很赞。但是没能很好地 Hold 住你的「设计导读」和左边的「菜单」，再加上各种 Tip 以及广告，在首屏造成了眼中的视觉分裂。而且我认为，这不是理解不同，用户一开始哪有什么理解，但是你没有通过视觉清楚地传递你的理念和意图，我觉得一看便知。个性地鲜明表达，一定是建立在达标的基础上。比如毛主席的单个字对大多数人来讲并不会觉得好看，但一个篇幅下来，观客能充分感知那种豪放和苍劲。

希望可以从「抄袭、借鉴」这些小思维中跳脱出来看问题。

以上都不妨碍我对所有原创设计的致敬和崇拜。

nicoljiang

2017-03-13 12:16:00 +08:00

勘误：
[眼中] 的视觉分裂 => 严重；
但是你 [没有] 通过视觉 => 有没有。

ryh

2017-03-13 12:47:11 +08:00

可能因为 rMBP 13 屏幕比较小, dribbble 的图片被压缩的不是原始长宽比了（#tablist1 > div.block > ul > li:nth-child(1) > a 205.3 X 168px ），一般的图感受不到，但 F+J Holiday Card
那张因为是圆形的所以很明显。

nicoljiang

2017-03-13 12:51:36 +08:00

@ryh 我 15 吋的一样。

nevergg24

2017-03-14 18:26:28 +08:00

整体设计很不错，尤其是展示，但是感觉左侧导航的对齐方式有点奇怪，整体的对齐方式是居中对齐，但是底下细分的菜单是局左对齐，觉得统一一下会更好，个人意见。