风格
到底该如何设计虎嗅的页面?第一步,找到你的风格!怎么找?很简单,风格来自于内容,设计与内容务必保持一致,也就是说,你不能用幼圆字体去写“人民日报”然后登在报纸上。
虎嗅网的同志显然意识到了网站的设计与内容不一致,当你说出“千万别被它眼下的‘小清新‘外表所迷惑哦”的时候,你难道没有意识到这就是个大问题吗?
内容是,快、准、狠!
所以,风格是,快、准、狠!
接下来要做的,就是在每一个元素上尽情展现风格!
本文将从图片、字体、色彩与交互四方面分条论述,说说那些让我不爽的东西,并提一些琐碎的建议。
图片
1.文字式logo本身没有错,但“虎嗅”二字能否锐利一点?另外,你要么把logo底色改为透明,要么改为#333333,要么把导航栏底色改为#3c3c3c,总之要的就是底色一致,在#333333的背景中贴上一块#3c3c3c是什么意思?说形成色彩对比吧,还不够;说色调一致吧,又差远了。
2.用户默认头像到底是个什么东西?哦,那是一个面朝右侧、虎视眈眈、龇牙咧嘴的虎头!您看出来了?我不信。
3.插图太过随便,一个堂堂有观点的网络媒体,怎么能够忍受水印这种东西?
4.图片要压缩,你不能把一个10000px*10000px的图片设置为10px*10px然后给我看,“为用户创造获取与交流商业资讯的更‘有效率‘的体验“要从Web优化做起!
字体
1.为什么要用微软雅黑?为什么要用这一个处处是圆角、软绵绵的字体?
2.我相信大多数人都没有安装一个名为“楷体”的字体,我们只有“楷体_GB2312”。
色彩
1.要有色彩呼应!不能随随便便一会儿黑,一会儿深蓝,一会儿浅蓝,一会儿橙,一会儿绿。
2.虎嗅,如果你真的有种,大可用一些颜色对比显明,表现猛烈的方案。
交互
1.在我点击“更多”时,你为什么要打开一个新窗口?我点“更多”已经清楚表明“这一页东西我已经看完,或者看烦,我想看其它的东西”,所以,你应该直接去掉那个target="_blank"!
2.登陆时,输了用户名与密码,习惯性回车,你却呆若木鸡!非要我将右手撤出键盘区域,摸索到鼠标,艰难地瞄准登陆按钮。
总结
越写下去,就越感觉这篇文章不会被发表,所以就此打住。
我想说的是,设计总会在不经意间影响着用户对产品的态度,所谓不经意间,指的是用户既没有留意也没有反馈,这种情况下,如果产品人不能捕捉这些设计缺陷,可能就永远不会更上一层楼。
虎嗅的文字是珍贵的,请用优秀的设计呵护它。