想搞定移动端APP/网页设计，你起码要做好这些事情

SEO优化 · 发表于 2017-1-13 11:05:55

编者按：当一个领域趋于成熟的时候，就会呈现出诸如“套路”这样的东西，它是用户和设计师/开发者在逐步磨合过程中产生的，约定俗成的一些规则。而在做移动端设计的时候，在考虑差异化设计之前，有一些最基本的事情要做好，今天我们就来聊聊这个~

如果你曾仔细观察过近些年来那些优秀移动端产品的交互设计，会发现它们都拥有一个共性：它们在基本的功能和设计上的执行都相当的完美。它们从最基本
的人类行为模式中汲取营养，然后通过优秀的设计和执行，为用户悄无声息地扫除了所有的障碍，这个时候，用户会感受到其中惊艳的视觉效果和突出的互动体验，
其中尤为突出的就是浏览体验。今天的文章，就让我们一同来梳理一下，有哪些关键而核心的移动端设计项目，总结一下今天移动端设计的“核心考点”。
有效的排版设计
不论你所设计的是网页还是APP，其中的文本构建起了用户和你的产品之间的明确关系，所有的文本都在帮助用户抵达他们想要的那个目标。所以，排版设
计在交互中扮演着相当关键的因素。

文本的大小和屏幕上的整体布局设计，对于用户的阅读体验有着巨大的影响：当文本过小，而行间距和字间距也比较紧凑的时
候，用户需要更长的时间来对内容进行识别，而许多用户干脆会跳过其中的许多内容。在移动端上出现这样的问题之时，则显得更加严重：过小的字体在一块明亮的
小屏幕上显示，低下的识别度和炫光让用户更加头疼。排版对于移动端用户而言，影响更大。

移动端的文字排版的核心技巧在于，平衡易读性和空间利用率。当你在为移动端界面设计文本排版的时候，需要选择合理的字体尺寸和间距，这两个因素是最
关键的影响因素。字体尺寸需要足够大，确保绝大多数的用户能够识别，而足够的间距则保证小界面上内容的呼吸感，不会让人觉得局促。当然，这些是底线，字体
和间距并非越大越好，适中而舒适才是最终目的。

iOS 平台上Medium 的客户端的字体和间距的设计就是很好的参考范例。

小贴士：为了确保移动端设备的可读性，英文文本控制在每行30~40个字符，中文文本控制在20个字左右。如果是在桌面端，英文字符通常控制在60~75个字符之间，会让人阅读起来比较舒适。
简单的配色方案
色彩是视觉设计中最复杂的部分。太过繁复的色彩有时候会让用户感到不适，简化配色方案往往能够很好的提升整体的体验。学会对复杂的配色方案说不吧。
如果简单的配色方案让你的设计看起来略显单调，不妨通过新增现有色彩同色系不同饱和度、明度的色彩，生成丰富而不至于繁复的配色方案。

蓝色的单色调配色方案

下面的APP的设计案例采用的就是单色配色方案，通过同色系不同色调、饱和度的色彩来构成一个紧凑而不单调的配色方案。

小贴士：从零开始创建配色方案有很多技巧，本身并不复杂，可以参考我们的文章、借助合理的工具来创建配色方案。如果现有的配色方案本身比较单调，或者整体偏中性，那么不妨增加一种明亮的色彩，让它能够更好的吸引用户的注意力，简单又不失个性。

基于内容的卡片式导航模式
不管你想在你的应用或者网页中呈现什么样的内容，你总是希望你的用户能够仅可能方便、完整地体验到它们。基于内容的导航模式的思路在于，尽量让内容
的概述和详情两种状态能够无缝地切换，而卡片式设计和这种设计模式最为搭配，因为卡片式设计能够统一而自由地组织内容，并且很容易消化大量不同类型的内
容：

·卡片将用户划分成更有意义的区块，让屏幕的利用率更高。就像不同的文本段落组成文章一样，卡片式设计将不同类型的内容用卡片承载着，构成连贯的信息流。
·卡片是为移动端触摸交互而生的。用户无需学习就能够直观而自然的点击、滑动、翻转卡片交互，这是基于现实世界的物理规则的设计。

小贴士：想要让界面真正意义上地“隐形”，那么就专注于内容吧。
层次与深度

桌面端和移动端之间最明显的差异大概就是屏幕尺寸的大小了。由于移动端设备屏幕尺寸上的局限，越来越多的移动端APP设计开始试图在界面层次和深度上做文章，让界面拥有“厚度”，在原有的平面上增加一个“Z轴”。

图层让界面拥有了深度，让体验更加真实

分层式的界面设计甚至成为了Google的Material
Design的核心设计原则，它参考了现实世界中人们同不同的物体进行交互的方式，将这些物理法则融入到界面交互当中。表层和投射在背景中的阴影则在界面
层次中起到了重要的作用，它将不同控件和元素分隔为不同的层。

爱奇艺 · 发表于 2021-2-22 10:13:29

桃江网站排名优化公司

dnf · 发表于 2021-2-23 23:42:57

搜索翼好seo网站优化公司

汽车之家 · 发表于 2021-2-24 16:53:03

衢州网站推广优化公司

军情解码 · 发表于 2021-2-28 07:51:41

辽宁丹东seo网站优化公司

人人影视 · 发表于 2021-3-1 22:07:10

搬家公司的网站怎么做优化

大众点评网 · 发表于 2021-3-4 21:22:07

佛山网站快照优化公司

比特币 · 发表于 2021-3-8 12:57:10

弥渡网站排名优化公司

快乐大本营 · 发表于 2021-3-22 05:12:32

沈阳搬家公司seo网站优化方案

变形计 · 发表于 2021-3-23 13:23:28

江苏网站关键词优化公司

		自动登录	找回密码
密码			立即注册