如何优雅的定义 App 的界面设计

2014年头，移动端上网的流量第一次逾越了PC端，今后确定了移动端取代桌面PC端成为一样平常公共接受信息的主流终端。也正是由于云云越来越多的移动互联网创业者将自己的产物重心放在了APP上面，然而随着移动端市场的扩大，APP的数目到达了井喷的状态，怎样在众多的APP产物中吸引到你的忠实中户，用于体验设计成了当下一个很是主要的环节。

用户体验设计的观点很是普遍，包罗了使用者、挖掘使用者潜在念头和适用性、视觉没感体验等等，通俗来讲，怎样让你一个产物给用户很爽的感受，其中包罗的知识和要领都是用户体验的一部门。

在整个app开发设计环节中，APP的界面和流程交互是使用者最直接体验到产物优劣的地方，实时你在前期剖析过用户头脑，捉住了用户的基本价值所求、问题解决要领，但在app开发设计的最后一个主要环节：怎样让界面的交互给用户一个完善的第一印象，那么你前面的起劲才不会白费，以是由此可以见产物司理的原型设计更多的是卖力用户的历程化体验剖析，而UI设计师的界面设计卖力更多的是产物自己视觉美感和体验度等等问题。

下面将会告诉各人怎样设计一个简朴的APP交互界面，从中可以让各人更熟悉界面设计的头脑界说模式，历程如下：

1，制定你的设计规模

2，整理你的信息架构

3，思量信息的差别状态

4，思量信息的多样性

5，思量产物的视觉美感

下面照旧用我们汇海科技的例子来给各人参考：

以下我们的开发团队开发历程中， Jane对产物的用户体验剖析，加上欢哥对于整体产物的视觉美感体验设计，以下这张图是我们的注册登录界面，看到这张图以后若是是你会怎么重新设计它呢？

看起来不知道从那里下手吗？来看看我们是怎么做的吧！

框定设计规模

下手设计之前，我们会反问自己「我们可以设计的规模在那里？」，有些项目可以以前期观察最先挖掘需求、有些项目已经定下了商业目的得从交互设计上施展……，每次设计都要先相识清晰这次设计可以施展的限制在那里，制止自己一头热最后设计出开发上来不及、无法融入现有产物的产物。

而在这次界面设计案例中，无法重新界说需求、无法界说使用者与产物的互动方式以及产物设计语言等等，我们能做的是最基础的界面设计。在这个阶段，我们的设计目的是要确保界面表达出适当及适合的信息，让使用者清晰明白最初界面互动的方式。

整理你的信息构架

在拿起你的铅笔最先画界面之前，先思索你的界面上需要出现什么信息。

首先是整理你的产物资讯构架（Information Architecture），也就是在你的产物中里头的信息相互的关连性、阶级关系，进而去设计这些信息以什么方式组织出现给使用者。

在我们的案例中，是一个注册登录找回密码的基本功效设计，我们需要先思索每一张上架的照片出现哪些信息，而且同时思索这些信息相互的关系。虽然这只是一个简朴的功效设计，也可以把它分类出来，利便之后界面上设计。

可是以上最主要的两点必须要知道，为什么要知道这两点呢？由于相识了需要出现哪些信息，你才知道界面上要放什么信息；相识了这些信息的分类关系，你才知道信息要怎么放在界面上。

在界面上，我们会倾向会把同类的内容与互动元件放在一起，让使用者更容易明白元素之间的关系。那为什么放在一起会让使用者更容易明白呢？那是由于在缘故原由是在完形心理学里头有所谓的靠近规则（law of proximity），若是两个元素精密地放在一起，人类会将这两个工具建设关联，纵然是不相似的事物也可能由于距离相近，而在视觉上发生群组效果，好比说下图左右双方都有圆形，但你不会把这两个圆形当做统一个群组的元素。

思量信息的差别状态

接下来，要思量界面上信息的差别状态，由于APP界面并不是一张画在牢固巨细纸上的画，而是可与使用者互动来转变自己部门界面信息。又好比说在我们开发的电商APP的案例中，每一张产物图片有着「我还没买过」、「我已经买过的状态」，而评价信息上则会有「我还没评价」「我已经评价」的差别状态。

这些状态会随着使用者的互动而变，而且也是需要出现在界面上让使用者瞥见，由这些状态转变的信息，使用者才气感受到自己与系统正在互动，而且明白自己的操作状态。

 1/2    1 2 下一页 尾页