iOS的五大设计原则：层级性和易操作性原则

很多设计师在设计的过程中经常会将页面设计得很丰富，每个图标每个形状都制作得很细致，但是做完以后发现整体页面变得杂乱无章，没有聚焦点，这就是没有抓住主次的原因。

今天米醋就来继续跟大家谈谈iOS的五大设计原则中的层级性和易操作性原则。

层级性原则

那什么是设计的层级呢？让用户视线集中在主要的任务上！从视觉上认知的一种空间关系，有层级的设计能让用户提高效率引导用户阅读。从阅读的视线来讲，在阅读信息的时候是先垂直再横向，从左到右，从上到下进行阅读的，所以会把信息层级按照这样的方式进行排列，类型筛选放在上面，然后才是详细筛选分类，如图所示。

阅读的主次顺序

在设计时，经常会将内容主图标展示在左边，而描述性的文字和按钮会放在右边，如图所示。

主图标的设计位置

我们还可以通过填充色块或者设定元素的大小来区分按钮的重要性，如图所示。

用色块或元素区分按钮

通过冷色和暖色也可以区分主次。在页面中经常会用冷色作为背景，而可点击的按钮则用暖色进行突出显示，如图所示。

用冷色和暖色区分主次

在界面设计中，视觉中心的图形的摆放次序会比前景更靠前，所以在开屏的设计中经常会把品牌或者主图形放在中心位置，如图所示。

主图形应放在开屏的中位置

易操作性原则

按钮与按钮之间要保持足够的间距，让用户操作起来更容易，同时也可以避免失误性的操作。在一般情况下，界面中一排的icon数量不要超过5个，如图所示。

按钮之间要留有足够的距离

在浏览页面时，经常会遇到到一些无信息的页面，例如404页面、错误页面和空白页面等。

这些页面一般会使用图文搭配的形式进行提醒，如图所示。请大家注意，在这样的页面中一定要引导用户进行反馈，并指引用户找到目标。

无信息的页面

在页面中，要时刻注明当前的状态位置，也就是说要用导航让用户知道现在正位于什么样的页面或处于什么样的状态，如图所示。

注明当前的状态位置

---

好啦！关于iOS的五大设计原则米醋都分享完了，看完这些是不是又有了一个新的认识！我们明天继续哦！

本篇文章来源于微信公众号:                         MICU设计