如果您曾仔细观察过近些年来那些优秀移动端产品的互动设计,会发现它们都拥有一个共性:它们在基本的功能和设计上的执行都相当的。它们从基本的人类行为模式中汲取营养,然后通过优秀的设计和执行,为多用户悄无声息地扫除了所有的障碍,这个时候,多用户会感受到其中惊艳的视觉效果和突出的互动体验,其中尤为突出的就是浏览体验。下面 SEO 站群详细介绍:
有效的排版设计
不论您所设计的是网页还是 WordPress APP,其中的文字构建起了多用户和您的产品之间的明确关系,所有的文字都在帮助多用户抵达他们想要的那个目标。所以,排版设计在互动中扮演着相当关键的因素。
文字的大小和萤幕上的整体布局设计,对于多用户的阅读体验有着巨大的影响:当文字过小,而行间距和字间距也比较紧凑的时候,多用户需要更长的时间来对内容进行识别,而许多多用户干脆会跳过其中的许多内容。在移动端上出现这样的问题之时,则显得更加严重:过小的字型在一块明亮的小萤幕上显示,低下的识别度和炫光让多用户更加头疼。排版对于移动端多用户而言,影响更大。
移动端的文字排版的核心技巧在于,平衡易读性和空间利用率。当您在为移动端介面设计文字排版的时候,需要选择合理的字型尺寸和间距,这两个因素是关键的影响因素。字型尺寸需要足够大,确保绝大多数的多用户能够识别,而足够的间距则保证小介面上内容的呼吸感,不会让人觉得局促。当然,这些是底线,字型和间距并非越大越好,适中而舒适才是终目的。
小贴士:为了确保移动端装置的可读性,英文文字控制在每行 30~40 个字元,中文文字控制在 20 个字左右。如果是在桌面端,英文字元通常控制在 60~75 个字元之间,会让人阅读起来比较舒适。
简单的配色方案
色彩是视觉设计中复杂的部分。太过繁复的色彩有时候会让多用户感到不适,简化配色方案往往能够很好的提升整体的体验。学会对复杂的配色方案说不吧。如果简单的配色方案让您的设计看起来略显单调,不妨通过新增现有色彩同色系不同饱和度、明度的色彩,生成丰富而不至于繁复的配色方案。
下面的 WordPress APP 的设计案例采用的就是单色配色方案,通过同色系不同色调、饱和度的色彩来构成一个紧凑而不单调的配色方案。
小贴士:从零开始建立配色方案有很多技巧,本身并不复杂,如果现有的配色方案本身比较单调,或者整体偏中性,那么不妨增加一种明亮的色彩,让它能够更好的吸引多用户的注意力,简单又不失个性。
基于内容的卡片式导航模式
不管您想在您的应用或者网页中呈现什么样的内容,您总是希望您的多用户能够仅可能方便、完整地体验到它们。基于内容的导航模式的思路在于,尽量让内容的概述和详情两种状态能够无缝地切换,而卡片式设计和这种设计模式为搭配,因为卡片式设计能够统一而自由地组织内容,并且很容易消化大量不同型别的内容:
卡片将多用户划分成更有意义的区块,让萤幕的利用率更高。就像不同的文字段落组成文章一样,卡片式设计将不同型别的内容用卡片承载着,构成连贯的资讯流。·卡片是为移动端触控互动而生的。多用户无需学习就能够直观而自然的点选、滑动、翻转卡片互动,这是基于现实世界的物理规则的设计。
层次与深度
桌面端和移动端之间明显的差异大概就是萤幕尺寸的大小了。由于移动端装置萤幕尺寸上的局限,越来越多的移动端 WordPress APP 设计开始试图在介面层次和深度上做文章,让介面拥有 “厚度”,在原有的平面上增加一个 “Z 轴” 。
分层式的介面设计甚至成为了 Google 的 Material Design 的核心设计原则,它参考了现实世界中人们同不同的物体进行互动的方式,将这些物理法则融入到介面互动当中。表层和投射在背景中的阴影则在介面层次中起到了重要的作用,它将不同控制组件和元素分隔为不同的层。