避免糟糕设计的十个注意事项

记住,设计需要练习
需要一些时间和练习才能够训练出一双辨别设计的锐眼,但是你会发现上面的建议会大大提高你的设计。

本文是为初学者/门外汉准备的五分钟设计指南。好的设计原则对任何人都有用。这个指南会告诉你一些基础设计原则,立即就能用得上并分享给别人。如果你不相信自己能够做好设计,那么请记住传说中的人物David Eric Grohl说过的这段话:“我从不学习打鼓课程,从不学习吉他课程,我靠自己摸索。我认为倘若你真的对什么东西有所热诚,你就会有动力,你就会集中注意力,你可以做任何你想做的事情。”——Dave Grohl,喷火战机乐队。

让我们开始吧(没有特定顺序):

1.足够强烈的色彩对比

背景和字体必须有足够区分,阅读起来不伤眼睛。白底黑字是最容易辨认的。最好不要使用浅灰、黄色或绿色。如果别人必须眯着眼睛才能看清文字,那肯定是有问题的。

2.深灰比黑色更好

如果可以的话,尝试使用#333333RGB(51,51,51),而不是黑色,作为文字颜色。黑白对比晃眼睛,让人更难集中注意力。

3.重要内容放在前面

布局是帮助使用App或网站的重要信息。重要的内容应该是第一眼可见的,不需要缩放、滚动或点击。

让我们看看几个视觉层级设计的正面实例。Instagram将让用户发布的图片/视频作为焦点。Pinterest 的主要功能是搜索,人们在上面浏览翻找信息。再看两个例子:Spotify显然把唱片封面和音乐标题放在第一位,并将用户操作放在第二位;Facebook则把好友发布的内容放到前面和中心。

4.对齐一切

如果你感觉哪里有些不对,最快的解决方式很可能是把不对齐的东西全部对齐。保证元素对齐是改进任何App或网站最简单方法之一,并且可以立马提升视觉效果10倍。

让我们再看看其它对齐案例:Medium页面左侧内容没有左侧对齐;下图仅仅将内容左侧对齐后显得整洁明了。

5.文字尺寸和留白

我们是给人做设计的,而非蚂蚁,请增加文字尺寸并多留些空白以保证内容更加易读。

6.如果顺序很重要,则使用列表

大部分移动/网页App都有搜索功能,在展示搜索结果时可能存在争议。如果顺序很重要,则列表是最有效方法;如果顺序不重要,并且还鼓励用户多浏览探索(像Pinterest或Airbnb),那么网格视图就可以提供更多信息方便用户浏览探索。

7.先做灰度设计再上色

灰度设计能够保证聚焦于关键用户体验;颜色牵涉到较多情绪反应,并且容易打扰我们所聚焦关键问题。

8.让设计用起来舒服

手部使用是一个重要问题,请参考Luke Wroblewski文章《Responsive Navigation: Optimizing for Touch Across Devices》中手机上最容易使用部分(右手)。很多高效手机App保证导航和主要操作在手机底部。

9.借用色板

色彩是一种难以捉摸艺术,请去Dribbble搜索“Color Palettes”或者使用Coolors或Color Claim等编辑器节约时间纠结争论。

10.使用Apple和Google系统设计规范

这两家公司都有很棒资源帮助任何人搭建Android或iOS App 。例如Google Material里包含了设计原则、资源、色彩、图标和控件等能够帮助快速开始App 设计;Apple则提供HIG(Human Interface Guideline),罗列了所有iOS平台App所需知道东西。

记住:需要时间和练习才能锤炼出辨别设计锐眼!但以上建议会大大提高您设计水平!
文章申明:本文章转载自互联网公开渠道,如有侵权请联系我们删除
文章评价
登录后可以评论
立即登录
分享到