2024年2月11日发(作者：堵书兰)
扁平化风格在手机UI设计中的应用
摘要：
扁平化设计是近年来界面设计中广泛运用的一种新的设计风格。本文以手机软件界而设 计方而的认知规律为基础，从用户与界而之间的交互关系着眼，探讨如何使扁平化风格和手 机交互界面设汁研究紧密结合起来，从而设计出既符合当代审美潮流，又符合人机交互式体 验的产品。
关键词：
扁平化人机交互 界面设计
随着科学技术的不断发展，手机不再像传统时期那样，仅仅用来通讯和短信互联，现今 的手机早已摆脱了传统时期的单一模式，逐步向着多功能使用方向发展，现今的手机能满足 人们对于社交、娱乐、学习等多方面的需求，同时现今的智能手机的触屏设计替代传统手机 的按键模式，UI界而变得愈发的丰富，各种各样的图标设il•也愈发的吸引人们的眼球，人性 化的设计为智能手机的发展迎来了更多的好口碑，为后续的不断发展打下了坚实的基础。
一、 智能手机门界面设计
所谓的UI包含有UI交互、UI界而、UI图标三大块，是指对软件的人机交互、操作逻 辑、界而美观的整体设汁。作为一个软件产品，往往给人的第一E卩象就会决圧人们对它的使 用频率和接受能力。这里面的第一印象就是说UI界而在设计上要紧跟现今人的时尚眼光，界 而设汁要符合现今人们的审美观，同时还应该兼具方便快捷、赏心悦目的特性。由于这种要 求的出现，就不仅仅指的是要有高超的界而设计技术，还要求作为界而设汁者要有敏锐的洞 察力和审美能力，使得人机在相互联系的时候，能够通过界而之间的信息传递来减少用户的 记忆负担。
二、 扁平化风格
从2010年10月，微软公司正式发布了智能手机操作系统Windows Phone,同时将谷歌 的Android和苹果的IOS列为主要竞争对手之时起,扁平化设计就开始逐渐进入我们的眼球。 近年来，扁平化这个词的出现频率越来越高，已经成为了一个受闢目的社会热点，对移动设 备界而设计甚至整个设计领域都有着巨大的影响。
扁平化设计(flat design),又称“零3D属性的设计•”，是近年来视觉传达设计领域出 现的一种新的设计风格，是相对于“拟物化”的一种设汁理念。它的核心意义是：去除冗余、 厚重和繁杂的装饰效果。而具体表现在去掉了多余的透视、纹理、渐变以及能做出3D效果的 元素，这样可以让“信息”本身重新作为核心被凸显岀来。同时在设计元素上，则强调了抽 象、极简和符号化。这种崇尚简约、平而化的表现形式，更易为现代快巧奏生活中的人们欣 赏和接受。
对于设计师而言，提高用户体验是一切设计的岀发点。扁平化风格己经成了当下最流行 的界而设计风格，如何在保证用户体验的前提下，又达到视觉上的简洁、淸晰，是值得当代 设计师思考的问题。
三、门设计中的'‘扁平化”
1.
从“平而化”到“拟物化”再到“扁平化”
界而设计起源于1970年代末，最开始是以一种无装饰的“平而化”风格出现，之后开始 向“拟物化”演变，所谓拟物化（Skeuomorphism）,原本是希腊词汇，在wikipedia里是这 样解释的：“拟物化是指对象保留了旧时特质的装饰性元素，这些元素对于当前对象的功用已 不再必要。”拟物化曾一度在材料应用领域广泛使用，比如人造革，仿木纹的塑料地胶，都属 于拟物化。当拟物化风格逐步在界面设计领域占据主导地位后，似乎逐步陷入一种怪圈。众 多设计师投入过多精力到诸如反复修整皮革背景纹理或反复调整投影角度的工作中，反而忽 略了交互行为本身。拟物化风格在主宰界而设计多年之后，大众也逐渐对其从最初的震撼吸 引变为习以为常，甚至审美疲劳。风格潮流的轮回至此，将扁平化设计风格推到了风口浪尖。
2013年的WWD0大会上，I0S7系统的发布引起了人们的热议，虽然此前“拟物化”图标一直 是I0S的标志，但扁平化的I0S7似乎更受各大设计者的青睐。
2.
“扁平化”在UI设计中的表现
（1）
简约的图形
扁平化设计中仅使用简单的形状，放弃不必要的装饰效果，不再使用高光、纹理、材质、 阴影等拟物化的视觉元素。基本形多由几何形与几何形、或曲直线条与几何形组合而成，如 放大镜、书本、指南针等，图形全部采用最简练的方式表现，圆形为底、线条简洁、图形高 度凝练概括，装饰性几乎为零。当然越是看似简单的图形设计起来越有难度，这种高度概括 的表现形式对设计师的专业要求非常高，它不仅要提炼事物的图形特点，还要放弃多余的装 饰，突出主题，让使用者对其内容一目了然，减少人们接受、适应信息时花费的时间和精力。
（2）
鲜活的色彩
任何设计都离不开色彩，在放弃了一切不必要的装饰之后，只留下形状和色彩，所以色 彩的设il•在扁平化设计中就变得尤为重要。扁平化设讣都有个共同的特点，色彩鲜艳、明亮， 通过这个方而来增强图标的视觉冲击力。在其风格的作品中，色涮层次很丰富，非常讲究色 彩之间的和谐搭配，颜色搭配温和协调。扁平化设汁多用色块来表现各种关系，单纯的颜色 配合几何形的块面，让人看上去干净淸晰，一目了然。
（3）
合理的排版
在扁平化设讣中的视觉元素都相对简单自然，那么它的字体与排版的匹配，应该与整体 界而风格相一致。所以在扁平化设汁中，尽量不要用生僻、髙度装饰的字体，那样界面看起 来就会不伦不类。
此外，扁平化设计是由自然和简约的理念形成设汁风格，避免1了过多的零碎出现在整 个界而中。考虑到手机分辨率与屏幕的大小，简单的颜色和文本的编排就已经足够体现产品 风格了。
四、从用户体验的角度分析扁平化的特点及英影响
手机界而设计趋于扁平化，实质上是产品设计从“物本”向"人本”回归的一个重要体 现。具体而言，扁平化思想应用于手机界而设计的优势主要体现在信息访问的开放性以及快 捷性2个方而，开放性有利于避免用户在信息查询过程中出现迷航的情况，快捷性则有效提 高信息访问的效率，帮助用户省时省力。
（1）
信息访问效率髙
由于扁平化设计主要以单纯的矢量风格图形表示，对像素精度要求没有拟物化那么高， 因此在程序运行的过程中，速度较快，图片加载率较髙，用户界面的适应度较大，系统运行 更为流畅，从而使用户的操作体验得到提高。在执行同样的命令时，扁平化的界而设计可以 缩短用户的等待时间，这将极大成都的影响用户对该手机APP的满意度。
（2）
布局明确，满足用户的需求
简洁朴实的扁平化设讣，可以更直接更淸晰地为用户展现出产品所要传达的关键信息。 扁平化的界而突出重要信息，弱化次要部分甚至隐藏在下拉菜单中，通过简洁的线条和色彩 搭配，简单的信息布局，使用户更方便的浏览界而，能够对全局信息进行观察，从而提高用 户的满意度。
5.结语
随着生活水平的不断提高，人们对于智能手机的使用情况也在逐渐向一人一机的使用模 式转变，正是由于此需求的岀现，手机UI界面的设汁就应该更符合时代的发展，简洁、便捷、 舒适、美观早已成为了现今智能手机UI界而在设计上的趋势。扁平化手机界而设计凭借信息 访问效率高、布局明确，满足用户的需求等优势，较好的符合了用户与产品双方而的要求。 在以用户为中心的设计思潮中，扁平化的界而设il•能够较好的契合手机用户需求，已经成为 移动设备界而设il•之趋。在未来的手机ul设计中，扁平化的思想将会搭载更加多样化的交互 技术呈现在用户面前，为用户与信息之间搭建起和谐互通的桥梁。
2024年2月11日发(作者：堵书兰)
扁平化风格在手机UI设计中的应用
摘要：
扁平化设计是近年来界面设计中广泛运用的一种新的设计风格。本文以手机软件界而设 计方而的认知规律为基础，从用户与界而之间的交互关系着眼，探讨如何使扁平化风格和手 机交互界面设汁研究紧密结合起来，从而设计出既符合当代审美潮流，又符合人机交互式体 验的产品。
关键词：
扁平化人机交互 界面设计
随着科学技术的不断发展，手机不再像传统时期那样，仅仅用来通讯和短信互联，现今 的手机早已摆脱了传统时期的单一模式，逐步向着多功能使用方向发展，现今的手机能满足 人们对于社交、娱乐、学习等多方面的需求，同时现今的智能手机的触屏设计替代传统手机 的按键模式，UI界而变得愈发的丰富，各种各样的图标设il•也愈发的吸引人们的眼球，人性 化的设计为智能手机的发展迎来了更多的好口碑，为后续的不断发展打下了坚实的基础。
一、 智能手机门界面设计
所谓的UI包含有UI交互、UI界而、UI图标三大块，是指对软件的人机交互、操作逻 辑、界而美观的整体设汁。作为一个软件产品，往往给人的第一E卩象就会决圧人们对它的使 用频率和接受能力。这里面的第一印象就是说UI界而在设计上要紧跟现今人的时尚眼光，界 而设汁要符合现今人们的审美观，同时还应该兼具方便快捷、赏心悦目的特性。由于这种要 求的出现，就不仅仅指的是要有高超的界而设计技术，还要求作为界而设汁者要有敏锐的洞 察力和审美能力，使得人机在相互联系的时候，能够通过界而之间的信息传递来减少用户的 记忆负担。
二、 扁平化风格
从2010年10月，微软公司正式发布了智能手机操作系统Windows Phone,同时将谷歌 的Android和苹果的IOS列为主要竞争对手之时起,扁平化设计就开始逐渐进入我们的眼球。 近年来，扁平化这个词的出现频率越来越高，已经成为了一个受闢目的社会热点，对移动设 备界而设计甚至整个设计领域都有着巨大的影响。
扁平化设计(flat design),又称“零3D属性的设计•”，是近年来视觉传达设计领域出 现的一种新的设计风格，是相对于“拟物化”的一种设汁理念。它的核心意义是：去除冗余、 厚重和繁杂的装饰效果。而具体表现在去掉了多余的透视、纹理、渐变以及能做出3D效果的 元素，这样可以让“信息”本身重新作为核心被凸显岀来。同时在设计元素上，则强调了抽 象、极简和符号化。这种崇尚简约、平而化的表现形式，更易为现代快巧奏生活中的人们欣 赏和接受。
对于设计师而言，提高用户体验是一切设计的岀发点。扁平化风格己经成了当下最流行 的界而设计风格，如何在保证用户体验的前提下，又达到视觉上的简洁、淸晰，是值得当代 设计师思考的问题。
三、门设计中的'‘扁平化”
1.
从“平而化”到“拟物化”再到“扁平化”
界而设计起源于1970年代末，最开始是以一种无装饰的“平而化”风格出现，之后开始 向“拟物化”演变，所谓拟物化（Skeuomorphism）,原本是希腊词汇，在wikipedia里是这 样解释的：“拟物化是指对象保留了旧时特质的装饰性元素，这些元素对于当前对象的功用已 不再必要。”拟物化曾一度在材料应用领域广泛使用，比如人造革，仿木纹的塑料地胶，都属 于拟物化。当拟物化风格逐步在界面设计领域占据主导地位后，似乎逐步陷入一种怪圈。众 多设计师投入过多精力到诸如反复修整皮革背景纹理或反复调整投影角度的工作中，反而忽 略了交互行为本身。拟物化风格在主宰界而设计多年之后，大众也逐渐对其从最初的震撼吸 引变为习以为常，甚至审美疲劳。风格潮流的轮回至此，将扁平化设计风格推到了风口浪尖。
2013年的WWD0大会上，I0S7系统的发布引起了人们的热议，虽然此前“拟物化”图标一直 是I0S的标志，但扁平化的I0S7似乎更受各大设计者的青睐。
2.
“扁平化”在UI设计中的表现
（1）
简约的图形
扁平化设计中仅使用简单的形状，放弃不必要的装饰效果，不再使用高光、纹理、材质、 阴影等拟物化的视觉元素。基本形多由几何形与几何形、或曲直线条与几何形组合而成，如 放大镜、书本、指南针等，图形全部采用最简练的方式表现，圆形为底、线条简洁、图形高 度凝练概括，装饰性几乎为零。当然越是看似简单的图形设计起来越有难度，这种高度概括 的表现形式对设计师的专业要求非常高，它不仅要提炼事物的图形特点，还要放弃多余的装 饰，突出主题，让使用者对其内容一目了然，减少人们接受、适应信息时花费的时间和精力。
（2）
鲜活的色彩
任何设计都离不开色彩，在放弃了一切不必要的装饰之后，只留下形状和色彩，所以色 彩的设il•在扁平化设计中就变得尤为重要。扁平化设讣都有个共同的特点，色彩鲜艳、明亮， 通过这个方而来增强图标的视觉冲击力。在其风格的作品中，色涮层次很丰富，非常讲究色 彩之间的和谐搭配，颜色搭配温和协调。扁平化设汁多用色块来表现各种关系，单纯的颜色 配合几何形的块面，让人看上去干净淸晰，一目了然。
（3）
合理的排版
在扁平化设讣中的视觉元素都相对简单自然，那么它的字体与排版的匹配，应该与整体 界而风格相一致。所以在扁平化设汁中，尽量不要用生僻、髙度装饰的字体，那样界面看起 来就会不伦不类。
此外，扁平化设计是由自然和简约的理念形成设汁风格，避免1了过多的零碎出现在整 个界而中。考虑到手机分辨率与屏幕的大小，简单的颜色和文本的编排就已经足够体现产品 风格了。
四、从用户体验的角度分析扁平化的特点及英影响
手机界而设计趋于扁平化，实质上是产品设计从“物本”向"人本”回归的一个重要体 现。具体而言，扁平化思想应用于手机界而设计的优势主要体现在信息访问的开放性以及快 捷性2个方而，开放性有利于避免用户在信息查询过程中出现迷航的情况，快捷性则有效提 高信息访问的效率，帮助用户省时省力。
（1）
信息访问效率髙
由于扁平化设计主要以单纯的矢量风格图形表示，对像素精度要求没有拟物化那么高， 因此在程序运行的过程中，速度较快，图片加载率较髙，用户界面的适应度较大，系统运行 更为流畅，从而使用户的操作体验得到提高。在执行同样的命令时，扁平化的界而设计可以 缩短用户的等待时间，这将极大成都的影响用户对该手机APP的满意度。
（2）
布局明确，满足用户的需求
简洁朴实的扁平化设讣，可以更直接更淸晰地为用户展现出产品所要传达的关键信息。 扁平化的界而突出重要信息，弱化次要部分甚至隐藏在下拉菜单中，通过简洁的线条和色彩 搭配，简单的信息布局，使用户更方便的浏览界而，能够对全局信息进行观察，从而提高用 户的满意度。
5.结语
随着生活水平的不断提高，人们对于智能手机的使用情况也在逐渐向一人一机的使用模 式转变，正是由于此需求的岀现，手机UI界面的设汁就应该更符合时代的发展，简洁、便捷、 舒适、美观早已成为了现今智能手机UI界而在设计上的趋势。扁平化手机界而设计凭借信息 访问效率高、布局明确，满足用户的需求等优势，较好的符合了用户与产品双方而的要求。 在以用户为中心的设计思潮中，扁平化的界而设il•能够较好的契合手机用户需求，已经成为 移动设备界而设il•之趋。在未来的手机ul设计中，扁平化的思想将会搭载更加多样化的交互 技术呈现在用户面前，为用户与信息之间搭建起和谐互通的桥梁。