小优觉得有必要跟大家谈谈界面设计这个问题,因为我真是遇到太多难看的产品界面了,相信你们肯定也有遇到过,难看的界面设计真的有点让人抓狂!下面就由小优分享一些亚星管理平台菁思福科技设计师给广大小伙伴们一些建议:
1、使用空白或轻微的背景色来划分界面,而不要使用线条
为什么?因为线条在前景中,而空白和颜色在背景上。前景会更多地吸引人们的注意力。
把你要呈现给用户的内容放在前景上,分隔页面与内容分类,放在背景就好了。所有东西都放在前面,用户会疯掉的。
2、尽可能使用强调
如果仅加粗就行了,就不必又加粗、又放大、又变成红色。别用粗黑线,匀称浅色的线更好
3、控制信息的层次
如果页面中的信息层次超过3或3个层次,就会让用户迷惑。比如,要少用数字、大字体或粗字体。
后总共不超过三个层次:标题、副标题、正文。
纽约时报的首页设计十分合理,不同版面的分割简洁美观。用户不会因为面对一大堆信息而感到焦虑。
我们再来看看国内一些新闻网站的首页
在小优看来,国内的新闻网站版面设计和内容大都过于繁杂,无数信息充斥其中。用户完全无法找到自己想要的东西,只能到处乱点。这样做只会加剧用户的烦躁感和焦虑感。
这样的设计在过去也许会为人们所接受,但是在今天,这样的首页已经完全落伍了。加之国内的产品经理大多互相“借鉴”,各大门户网站的首页如此雷同也就不足为奇了。这实在是产品设计上的一种悲哀。
PS:做产品不应该是看着别人有什么自己就抄过来。这样的做法毫无意义。多思考自己的产品风格和定位才是正途。
4、减少元素的变化
举个栗子:如果你要设计某个音乐APP的页面,可能需要会一大块放置热门专辑封面的区块,再加上五个放置稍微次要一点的专辑封面的区块。这时需要注意的是:“不要让页面上出现六块大小都不同的区块。
某音乐APP的首页有七个区块(数量太多)。后一个区块已经被挤到屏幕的下方去了,并且与菜单栏重叠。如果用户不滑动屏幕,就很难点击到这项内容。
另一方面,不知道为什么,产品右侧的屏幕却完全被舍弃掉了。与其死命地去抢屏幕底部的那一点空间,不如考虑考虑如何把屏幕右侧的空间利用起来。更能提高产品的易用性。
接下来是一个比较成功了例子:
Nokia Mix Radio是一款非常漂亮的音乐APP。它的首页给人一种独特的美感。由三种不同大小的区块组成,给予用户播放进度的反馈。并且隐藏了页面顶部手机信号、电池电量等图标,整个页面简洁易用。音乐的图标显示又与Windows Phone系统整体的设计语言相互呼应,不失为一款出色的APP。
再来看另一款小众独立音乐APP"落网”
它将用户的个人中心分成了四个区块(一个合适的数量),点击音乐期刊,进入音乐列表的同时软件的背景也变成相应期刊的封面(给予视觉反馈)。一块屏幕正好显示三组期刊。提供的信息正好是用户所能接受的量,整个APP的设计简洁大方,可用性也非常强。(更重要的是音乐好听(~ ̄▽ ̄)~)
PS:“落网”的开发者仅仅是三个普通的独立音乐爱好者而已。靠着对音乐的热情和支持者的帮助,起起落落近13年。开发出如此出色的产品和网站,令手握巨量资源却开发不出一款令人满意的应用的公司汗颜。至少,落网告诉了我们一个道理:掌握的资源并不是决胜的关键,存在人心中的信念和决心更能决定一个人的作为!
5、整个界面尽量用一种样式显示,三种或四种太花哨了
优酷APP的首页推荐由两个部分组成:上半部分的滑块显示近一段时间以来的推荐,下半部分的区块则显示近的热门视频。很清楚,对吧。
而某云音乐的产品则推荐页面则显得有一些混乱,三种元素略显花哨。中间的“私人FM”和“个性化推荐”如果采取横向排列的方式会减轻拥挤感,下方的功能说明也显得鸡肋。用户当然知道“私人FM”和“个性化推荐”是什么意思,删掉这两句话反而可以让产品更加简洁。
电台节目和歌单推荐混杂在一起,既降低了寻找歌单的用户的效率,又降低了寻找电台的用户的效率。分开显示会好很多。
PS:小优无意抹黑这款产品,只是它的界面实在让我想吐槽。。。。
后小优呼吁广大设计师设计好看的产品界面,做到让用户心动吧!
亚星管理平台菁思福科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
亚星管理平台菁思福科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。亚星管理平台菁思福科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站、APP开发)、微信定制开发(微信亚星官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。
责任编辑:亚星管理平台菁思福科技
版权所有:https://www.uzncsrj.com (亚星管理平台菁思福科技) 转载请注明出处