给初学者的五分钟设计指南-当即提高设计档次

 如下内容由Mockplus团队翻译整理，仅供学习交流，Mockplus是更快更简单的原型设计工具。

对于刚进入设计行业的新人来讲，每每会忽略一些广泛性的设计原则。然而，好的设计原则是可以被全部人理解并运用到本身的设计中的。今天给你们分享一些关于设计的小诀窍，你立马就能够灵活的应用到实际的工做中，而且有助提高你的设计档次。

若是你不相信本身可以作好设计，那么请记住咱们传说人物-David Eric Grohl说过的这段话：

我从不学习打鼓课程，从不学习吉他课程，我靠的仅仅是我的的摸索。我认为假若你真的对什么东西充满激情，你就会有动力，你就会集中注意力的去学习，这样，你能够作任何你想作的事情。——Dave Grohl，喷火战机乐队

把这句话放在内心，你准备好学习速成课了吗？让咱们开始吧（没有特定顺序）：

1. 利用足够的色彩对比

在咱们的平常设计工做中，请确保素材背景和字体颜色有足够的色彩对比，以避免形成视觉效果上的障碍。如：白底黑字是最容易辨认的，这样显示的效果会比较鲜明。最好不要使用浅灰、黄色或绿色。这些颜色相近的色彩在视觉感觉上不容易辨认。

2. 深灰色比黑色更好

咱们在文字排版的时候，能够尝试使用深灰色#333333 RGB（51, 51, 51)。而不是纯黑色，由于，纯黑色会与纯白背景造成鲜明对比，会显得很刺眼。而深灰色显得更加柔和，让人更容易集中注意力阅读。

3. 把重要内容放在前面

在布局网页或者设计App时，要把重点内容突出展现。重要的内容应该是不须要缩放、滚动或点击等操做就能够看到的。

让咱们看看几个视觉层级设计的实例。

Instagram（下图左侧），很好的将用户发布的图片/视频展示在整个屏幕上。

Pinterest（右下方），将搜索栏固定到顶部来建立视觉层次结构，而后搜索栏在下面放置网格。 有意将搜索框做为页面上的首项。

搜索是这款App 的核心功能，人们使用Pinterest来发现和浏览本身想要的页面。

再来看其余的两个实例。

Spotify（下图左侧）很显眼的把唱片封面和音乐标题放在第一位，将用户操做按钮放在第二位。尽管操做是第二位，Spotify仍然保证播放暂停按钮比前进后退按钮更显眼。

Facebook（下图右侧）看起与Instagram很是类似，将好友发布的内容放到前面和屏幕中间。

4. 对齐

若是说有一个能够快速提高你设计档次的方法，那就是将你的设计素材对齐。

这也是为何设计师会使用“栅格”来提醒本身对齐，一个好的排版会给用户带来不一样的用户体验。

确保元素对齐是改进任何App或网站最简单的方法，能够立马让视觉效果提高10倍。

让咱们再看看其它对齐案例，此次实例是Medium。

下面是一个Medium的页面，你以为看起来如何？

是否是感受哪里不顺眼？

提示：注意左侧的对齐状况，你看起来怎么样？

左边，我突出显示了很差的排版方式，在右边，我仅仅将内容左侧对齐了。

左边未对齐方式给人带来视觉冲击，右边是始终保持对齐

左边是很差的对齐方式，右边是固定对齐方式

5. 文字尺寸和留白

咱们的设计是给人看的，而不是给蚂蚁设计的。增长文字尺寸并多留些空白可以保证内容更加易读。

好的文字尺寸VS很差的文字尺寸

好的留白VS很差的留白

6. 若是顺序很重要的话，使用列表

大部分移动/网页App都设计有搜索功能，对于应该如何展现搜索结果，可能有些争议。

若是结果顺序很重要，那么列表是最有效的展现方式。

若是结果顺序不重要，而且还鼓励用户浏览探索更多（像是Pinterest或Airbnb），那么网格视图就能够提供更多的信息，更方便用户浏览搜索结果。

7. 先作黑白设计，再上色

在设计应用界面的时候，使用黑白设计，这样可以让咱们更好的关注核心用户体验。

若是在设计的时候直接使用其余色彩，会很容易影响设计师情感并下降专一度。

8. 让设计用起来舒服

手的使用是一个很现实的问题，Luke画出了手机上最容易接触和使用的区域（对于右手来讲）——我挺喜欢那些能够设置左右手功能的App。

不少高效的手机App都会把导航栏和主要操做按钮放置在手机的底部。

9. 借用调色板

色彩是一种让人难以捉摸的艺术。我强烈推荐你们去Dribbble搜索“Color Palettes”或者使用调色板编辑器，如Coolors或者Color Claim。这样能够给你节约几个小时的争论和纠结时间。

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

苹果和谷歌公司都编写了很好的设计资源，能够帮助任何人搭建Android或iOS的App。

例如，Google的Material里有设计原则、资源、色彩、图标和控件，可以帮助你快速开始App设计。

苹果公司的《人机交互指南》，在这里面，你能够找到设计一款iOS应用程序的一切要点。

谷歌公司《材料设计》和苹果公司《人机交互指南》部分截图

最后，设计须要多练习

只有将知识运用起来才能真正帮助你提高本身的设计水平。虽然，将目光和注意力聚焦在不一样的设计问题上，很费时间与精力，可是你会发现这是成为真正伟大设计师的必经之路。

原文做者：Marc Hemeon

原文地址：https://medium.com/startup-grind/how-to-not-suck-at-design-a-5-minute-guide-for-the-non-designer-291efac43037

 Mockplus作原型，更快更简单，如今下载Mockplus，免费体验畅快的原型设计之旅。