留意这十点，让你停止糟糕的计划

本文是给初学者/生手人的五分钟计划指南。好的计划原则对任何人来说都有效。这个指南会汇报你一些基本计划原则，当即就能用得上并分享给别人。

假如你不信托本身可以或许做好计划，那么请记着传说中的人物David Eric Grohl说过的这段话：

我从不进修打鼓课程，从不进修吉他课程，我靠本身探索。我以为倘若你真的对什么对象有所热诚，你就会有动力，你就集中中留意力，你可以做任何你想做的工作。

——Dave Grohl，喷火战机乐队

记取上面那段话，你筹备好要开始速成课了吗？让我们开始吧（没有特定次序）：

配景和字体必需有足够区分，阅读起来不伤眼睛。白底黑字是最轻易识别的。最好不要行使浅灰、黄色或绿色。假如别人必需眯着眼睛才气看清笔墨，那必定是有题目的。

图片来历：UI Design Do’s and Don’ts

假如可以的话，实行行使#333333 RGB(51, 51, 51)，而不是玄色，作为笔墨颜色。利害比拟晃眼睛，让人更难齐集留意力。

机关是辅佐行使App或网站的重要信息。重要的内容应该是第一眼可见的，不必要缩放、转动或点击。

图片来历: UI Design Do’s and Don’ts

让我们看看几个视觉层级计划的正面实例。

Instagram（下图左侧）将让用户宣布的图片/视频作为核心。

Pinterest（下图右侧）的首要成果是搜刮，人们在上面赏识翻找信息。

再看两个例子。

Spotify（下图左侧）显然把唱片封面和音乐问题放在第一位，将用户操纵放在第二位。尽量操纵是第二位，Spotify如故担保播放停息按钮的比重大于提高退却。

Facebook（下图右侧）看起与Instagram很是相似，把挚友宣布的内容放到前面和中心。

假如你感受那边有些差池，最快的办理方法很也许是把差池齐的对象所有对齐。偶然计划师会念叨必要行使“栅格”，这着实是在提示团队必要办理对齐的题目。担保元素对齐是改造任何App或网站的最简朴的要领，可以立马让视觉结果晋升10倍。

图片来历：UI Design Do’s and Don’ts

让我们再看看其余对齐案例，这次是Medium。

下面是一个Medium的页面，你认为看起来怎样？是不是有那边差池？提醒：留意左侧的对齐环境，看起来怎么样？

下图我仅仅将内容左侧对齐了。

我们是给人做计划的，不是给蚂蚁做的。增进笔墨尺寸并多留些空缺可以或许担保内容越发易读。

好的笔墨尺寸VS欠好的笔墨尺寸：

图片来历：UI Design Do’s and Don’ts

好的留白 VS 欠好的留白：

图片来历: UI Design Do’s and Don’ts

大部门移动/网页App有搜刮成果，对付应该怎样展示搜刮功效，也许有些争议。

假如次序是很重要的，那么列表是最有用的。

假如次序不重要，而且还勉励用户多赏识试探（像是Pinterest或Airbnb），那么网格视图就可以提供更多的信息，利便用户赏识试探。

来历：《用户怎样查察网格机关的搜刮功效？》

灰度计划可以或许担保聚焦于要害的用户体验。颜色扳连到较多的情感反射，而且轻易打搅我们所聚焦的要害题目。

手的行使是一个重要的题目，提议参考Luke Wrobluewski的文章《Responsive Navigation: Optimizing for Touch Across Devices》

Luke画出了手机上最轻易行使的部门（对付右手来说）——我挺喜好哪些可以配置阁动手的App的。

许多高效的手机App担保导航和首要操纵在手机的底部。

图片来历：《Responsive Navigation: Optimizing for Touch Across Devices》

色彩是一种难以捉摸的艺术。我凶猛保举各人去Dribbble搜刮“Color Palettes”可能行使色板编辑器，如Coolors可能Color Claim。这样做可以节省好几个小时的争论、纠结的时刻。

这两家公司都有很棒的资源辅佐任何人搭建Android或iOS的App。

譬喻，Google的Material里有计划原则、资源、色彩、图标和控件，可以或许辅佐你快速开始App计划。

Apple则有HIG（Human Interface Guideline），内里摆列了有全部计划iOS平台App所必要知道的对象。

图片来历： Google Material Design和The Apple Human Interface Guidelines

必要一些时刻和操练才气够实习出一双分辨计划的锐眼，可是你会发明上面的提议会大大进步你的计划。

原文：《How to not suck at design, a 5 minute guide for the non-designer》

译者：Z Yuhan

译者地点：https://zhuanlan.zhihu.com/p/26829116?group_id=845693825560219649

文章作者系 @Z Yuhan 授权宣布于大家都是产物司理，未经作者容许，榨取转载。

（编辑：厦门网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!