腾博会分享APP界面设计的思路

智能手机不仅已成为我们生活中的一部分，也在生活中的不同地方帮了我们很多。随着用户对APP的需求不断变化，设计师在界面设计上也提供很多新功能，以满足用户的需求，以及在使用过程中让用户更加愉悦满意。

但APP行业发展过快，很难会有一套标准APP界面设计适用于所有应用程式，所以APP设计时必须有一套APP界面设计思路，才能确保APP的实用性和功能性。


· 什么是APP界面设计思路?

传统PC桌面主要以鼠标和键盘为操作，因此在功能设计上无需过于考虑大小问题。但手机屏幕尺寸小巧难操作，操作方式以触控为主，一旦界面功能设计不当，容易导致用户误触。

此外，APP界面设计也应该考虑「以人为本」的问题，尽量减少人的计算和记忆负担，使得人和手机之间相互协调，从而是工作效率达到最优。

所以APP界面设计不仅要保证APP功能的完整性和合理性，还要确保APP的功能性和实用性，让用户在享受流畅操作感受的同时，满足人们的审美需求。

· 界面设计原则

一、界面设计方案

1.保证界面功能性和实用性

对APP界面进行设计时，设计师应该考虑APP本身的使用特点，保证大多数用户在操作过程获得愉悦体验，同时确保APP功能的合理性，如尽量减少按键数量、减少交互流程分支、相关性选项距离不要太大等，这样会让界面的用户操作更加方便流畅，同时减少手机的运算压力。

2.内涵丰富，寓意明确

由于手机屏幕有限，因此元素比例过大过小，或元素间的位置过密过疏，都会影响界面的视觉观感。另外，对于界面内容的语言表达上应该尽量使用通俗易懂的语言，少用专业术语，从而增加界面内容表达的准确性和易用性，以及界面操控的灵活性和方便性。

3.图形简洁，易识别

界面上的图形设计既要做到色彩丰富且活力十足，让人不会有单调乏味的感觉;同时还要做到简洁有概括性，确保用户更容易理解和接受。此外，设计图形要遵循一种秩序美，让视觉上的感受更加平衡，增加界面操控的舒适感。

二、色彩搭配方案

色彩是所有网页设计的重中之重，这关乎界面设计能否正确传递产品的气质和定位。

1.确定主色

主色决定了整个界面设计的风格，也代表品牌的文化方向，以及产品向用户传递的情感。

确定主色的步骤：

明确产品定位，提炼最贴切产品的主色。

确定主色的技巧：

① 尝试APP应用图标的主色;

② 不同界面在应用主色的面积上也各不同，根据界面的风格和主题，可以是同色渐变界面，也可以是同色系功能图标，但要主色的视觉效果仍然占主导地位。

2.尝试互补色

互补色和对比色都能给用户带来强烈的冲击力，但互补色和对比色也有很多不同点，如：互补色指的是在色相环中180度对角颜色;对比色是色相环中120-180度的颜色

举个例子：蓝与橙是互补色，蓝与黄/紫是对比色。

因此，互补色的对比效果会更为强烈，给人留下深刻印象。

应用互补色的技巧：

互补色不能大面积使用，同时要注意使用位置，否则容易给用户带来视觉疲劳，难以获取界面的重点信息。

* 另外，设计师还可以使用冷暖色对比，使APP界面设计变得更加出彩，也使得分类内容更清晰明白。

三、字体设计方案

文字设计时，需确保文字辨识度和传递信息的准确性。

文字与图片在传递信息方面，图片会更加直观生动，能直接引导观众想要表达的地方。而文字比较有深度，不仅能让读者自行发挥想像，而且还具有更加清晰准确的表达能力。

文字设计需遵循以下原则：

1.语言要简洁，信息内容要清晰，尽量避免使用专业术语和不必要的修饰词语。方便用户更加迅速地了解APP的功能;

2.文字布局上应做到排版布局合理，结构层次清晰等。

字体设计运用的技巧：

1.字体颜色应选用与背景颜色差异较大的色彩，这样才能突出文字，同时给用户带来一定的视觉冲击力。

2.字体设计的节奏感应该在字号、重量和色彩上体现。

3.字号大小会影响文字在版面的展现强度，所以越吸引人的标题，字号和字重应该比其他文字内容更加大。

4.重要文字除了加粗加大，还可以换作其他颜色加以区分，选择红、黄、橙等暖色会比蓝、绿、紫等冷色，更容易吸引人眼球。

利用文字字体表达情感的技巧：

不同字体风格会给用户带来不同的视觉体验，但无论使用哪种字体，文字和图片都应看作一个整体，同时带有明确的「意向性」。

1.亲近感与柔和感

尖锐的物品会给人带来危险的感觉，文字也一样。若想利用文字带出温柔的感觉，尽量使用字重较大，前端浑圆的字体;避免使用黑色或藏蓝色的文字，选取与背景颜色亮度差异较小的暖色，减少界面出现刺眼的感觉。

2.未来性与先进性

选择装饰性弱的无衬线体和黑体，也可以使用「图形化」字体。但要注意，通常越抽象的字体识别性就越低，因此这类字体可应用logo，或小范围使用。颜色搭配方面可考虑黑白灰这些简单配色。

3.纤细与美丽

通常线条纤细且有曲线美的字体，能营造出女性特有的柔美纤细感觉。流畅手写细线体运用到女性产品上，还能给人带来妩媚的视觉效果。

4.怀旧与复古

若想利用字体为界面增添些许复古怀旧风，在选用字体方面，可采用像素风字体、霓虹字体、手写体字体、简单的金属字体等。

设计APP时，一定要有清晰的APP界面设计的思路，要记住：一个优秀的APP不仅要满足用户对功能的需求，还要满足用户对视觉效果的需求。