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

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

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

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

3893 次点击
所在节点    分享创造
23 条回复
isCyan
2017-03-12 01:17:13 +08:00
设计大神,每次的作品都超漂亮超养眼的
notes
2017-03-12 01:32:51 +08:00
大牛做的漂亮
valkjsaaa
2017-03-12 03:17:46 +08:00
语法错误: currently logo 应为 current logo
sinv
2017-03-12 03:50:42 +08:00
imSam
2017-03-12 04:28:31 +08:00
@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
@nicoljiang 感谢你耐心的拍砖,另:我只做原创设计,初衷就是先保证满足我已有的核心用户。第二个网站的站长我认识,第一个,我只能说模仿得很好。再次感谢你的指教,希望下个版本的牛大拿能吸引你使用。
nicoljiang
2017-03-12 22:24:43 +08:00
@imSam 原创非常值得尊重,这点自不用说。希望你下个版本是一个能让人真切感觉到在为用户服务、认真考虑用户感受的产品。现在的感觉是想炫技,又没有摆布好。
imSam
2017-03-12 22:25:48 +08:00
@istark 之前考虑过,但是碍于没有技术,一直都是一个人做设计,做前端,但不懂开发,所以只能用 CMS 程序修改。😂
imSam
2017-03-12 22:30:50 +08:00
@nicoljiang 关于考虑用户感受这一点,我们的意见稍有出入,但我会像捍卫自己的意见一样尊重你的看法。其实我比较倾向于用户们直接给我的反馈,微信啦, QQ 啦之类的,另外流量就可以说明了。改版前流量跟改版后流量对比一下就很明显了。当然了,一定还会有不足的地方,请原谅一个人的精力实在是有限,我愿意尝试接下来继续调优,留住你这样的用户是我的荣幸。再次感谢耐心指教。
nicoljiang
2017-03-12 22:39:46 +08:00
@imSam 好的。
designer
2017-03-12 23:56:22 +08:00
@nicoljiang
你好,我在公众号有说过,左右卡片式布局我最初有借鉴钦慕(admire.so),侧边栏 side bar 确实借鉴了牛大拿的深色系设计。创造狮的 logo 说实话都比牛大拿新版早。

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

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

我不拒绝别人借鉴,但是你至少能承认。也能够得到别人的祝福。
imSam
2017-03-13 00:06:55 +08:00
@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
勘误:
[眼中] 的视觉分裂 => 严重;
但是你 [没有] 通过视觉 => 有没有。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/346773

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX