避免糟糕设计的十个注意事项
记住,设计需要练习
需要一些时间和练习才能够训练出一双辨别设计的锐眼,但是你会发现上面的建议会大大提高你的设计。
让我们开始吧(没有特定顺序):
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所需知道东西。
记住:需要时间和练习才能锤炼出辨别设计锐眼!但以上建议会大大提高您设计水平!
文章申明:本文章转载自互联网公开渠道,如有侵权请联系我们删除
登录后可以评论
立即登录
立即登录
热门工具
135编辑器
领先的在线图文编辑平台原创样式素材,一键套用
笔格设计
受欢迎的在线作图网站,新媒体配图、手机海报应有尽有
笔格PPT
输入主题,AI一键生成PPT;上传本地文件秒变PPT
管小助
企业营销、私域流量运营——站式营销管理平台