当一个趋于成熟的领域,会如“套路”将呈现这样东西,它是用户和设计师/开发人员在运行过程中,逐步建立了一些规则。并适用于移动终端的设计,在你考虑差分设计之前,有一些最基本的事情要做,今天网十科技就来谈谈搞定移动端APP/软件设计。
如果你曾经仔细观察,近年来最好的移动终端产品的交互设计,会发现他们都有一个共同点:对他们的基本功能和设计的执行是相当完美的。他们从人类最基本的行为模式中汲取营养,然后通过优秀的设计和执行,悄悄地消灭所有的障碍,为用户,这个时候,用户会感到惊人的视觉效果,突出互动体验,其中尤为突出的是浏览体验。今天,让我们一起梳理,什么是移动终端设计项目的关键和核心,总结今天的“核心测试”的移动终端设计。
有效的排版设计
无论你设计的一个软件或应用程序,其中文本建立用户和你的产品之间的清晰的关系,所有的文本帮助用户达到他们想要的目标。因此,布局设计在交互中起着非常关键的作用。该文本的大小和总体布局设计,对屏幕上的用户有一个巨大的影响阅读体验:当文本太小,行间距和字间距更为紧凑时,用户需要更多的时间来识别内容,而许多用户只会跳过许多内容。在移动端出现这样的问题,更为严重:一个小字体在明亮的屏幕上,低程度的识别和炫光让用户更头疼。布局对于移动终端用户来说,更大的影响。
移动端的文字排版的核心技巧在于,平衡易读性和空间利用率。当你在为移动端界面设计文本排版的时候,需要选择合理的字体尺寸和间距,这两个因素是最关键的影响因素。字体尺寸需要足够大,确保绝大多数的用户能够识别,而足够的间距则保证小界面上内容的呼吸感,不会让人觉得局促。当然,这些是底线,字体和间距并非越大越好,适中而舒适才是最终目的。
iOS平台上Medium的客户端的字体和间距的设计就是很好的参考范例。
小贴士:为了确保移动端设备的可读性,英文文本控制在每行30~40个字符,中文文本控制在20个字左右。如果是在桌面端,英文字符通常控制在60~75个字符之间,会让人阅读起来比较舒适。
简单的配色方案
色彩是视觉设计中最复杂的部分。太过繁复的色彩有时候会让用户感到不适,简化配色方案往往能够很好的提升整体的体验。学会对复杂的配色方案说不吧。如果简单的配色方案让你的设计看起来略显单调,不妨通过新增现有色彩同色系不同饱和度、明度的色彩,生成丰富而不至于繁复的配色方案。
蓝色的单色调配色方案
下面的APP的设计案例采用的就是单色配色方案,通过同色系不同色调、饱和度的色彩来构成一个紧凑而不单调的配色方案。
小贴士:从零开始创建配色方案有很多技巧,本身并不复杂,可以参考我们的文章、借助合理的工具来创建配色方案。如果现有的配色方案本身比较单调,或者整体偏中性,那么不妨增加一种明亮的色彩,让它能够更好的吸引用户的注意力,简单又不失个性。
基于内容的卡片式导航模式
无论你想在你的应用程序或软件,什么样的内容,你一直希望你的用户进可能的方便、完整的体验它们。基于内容的思维导航模式是,尽可能让内容概述和两态的细节可以无缝切换,该卡的设计和设计模式是最搭配,因为卡的设计可以统一和组织内容的自由,而且很容易吸收大量的不同类型内容:
小贴士:想要让界面真正意义上地“隐形”,那么就专注于内容吧。
层次与深度