如今, 移动互联网技术不断飞速发展, 智能手机已成为人们生活中不可缺少的重要信息交互工具。人们在使用智能手机过程中, 主要通过界面来寻找自己所需要的信息, 界面成为人机交互的媒介。因此, 手机界面设计的重要性也逐渐突显出来。相比传统的手机界面设计形式, 简洁明了的扁平化风格以用户体验为主导, 具有更加完善的功能性。通过干净整齐的界面布局、出色的信息识别度、良好的交互体验不断地影响着当今手机界面设计的发展。
“扁平化”一词从字面意义分析它属于二次元世界, 其核心概念是去掉多余的装饰元素, 更多体现的是“平面”的视觉效果。在视觉设计中, 扁平化风格强调极简主义, 提倡“少就是多”的美学理念。我们熟悉的扁平化设计基本上最早从数字领域开始兴起, 随着时代的发展与科技的进步, 每天进入我们视野的信息越来越多, 当我们浏览这些信息时, 希望能够更快更好的获取到有用的信息, 这是扁平化兴起的契机。
在手机界面的设计应用上, 扁平化风格有其明显的优势与特点。首先能够通过更少的按钮和选项让界面简洁美观, 层次分明, 从而让“信息”本身重新作为核心要素被突显出来, 更加方便用户使用。
其次, 在设计元素上强调抽象、极简、符号化, 可以更加简单直接的将信息和事物的工作方式展示出来, 减少用户的信息认知障碍, 而且能够降低移动设备的硬件需求, 延长待机时间。最重要的一点是具有更好的适应性。随着网站和应用程序在许多平台涵盖了越来越多不同的屏幕尺寸, 创建多个屏幕尺寸和分辨率的设计既烦琐又费时, 扁平化设计恰恰可以满足在所有的屏幕尺寸上都会很好看。正是这些优势促使了扁平化风格成为移动端设备界面设计的主流方向。
随着移动端设备功能的不断完善与发展, 人们面临的选择也越来越多, 如何能够提高用户体验是手机界面设计应当首要考虑的问题。基于文章前面所提到的扁平化风格的优势与特点, 如何将扁平化风格有效合理地运用在手机界面设计中, 是本文重点探讨的问题。具体而言, 可以从手机界面中的图形、文字、色彩和排版布局四个方面入手[1]。
手机界面设计中的图形主要指具有功能性的图形, 如图标、导航等设计。在进行图形设计时, 核心思想是做减法。这里以图标设计为例, 一直以来, 图标是界面设计的主要信息元素, 具有明确的指代意义, 它可以代表一个文件、程序、网页或命令。其特点是高度浓缩并且迅速有效地传递信息、便于记忆。由于手机屏幕有限, 图标设计不能过于烦琐, 可以将渐变、纹理、透视等效果去除, 全部采用符号化的设计方式。这样能够更加简单直接的将所表达的信息展示出来。还可以借助美学中的点线面构成理念, 将具体现实的事物转化为抽象的视觉形态。需要注意的是在运用扁平化元素过程中, 要将图形与整体界面风格匹配起来。
文字是界面设计不可或缺的视觉元素。相比图形而言, 能够更加直接准确地传达界面信息。手机界面的字体设计直接影响到界面的使用, 因此, 首先要考虑到界面中文字的识别性, 让用户没有障碍的寻找到所需信息。文字设计尽量避免使用生僻、风格烦琐的字体样式。适宜选择简洁、直观、通用的字体, 如无衬线体, 这种字体首尾及转折处不带装饰笔画, 粗细均匀, 相比衬线体识别性更强, 在色块的衬托下, 视觉效果更为明晰, 更有利于阅读与信息传播。其次, 由于手机屏幕有限, 字体大小至关重要。虽然用户可以自己调节字体大小, 但如果手机系统本身设置的字体过小会导致看不清, 还会损伤用户的眼睛, 给阅读造成困难;而太大的字体又会迅速吃掉屏幕, 破坏阅读的连贯性。
色彩设计是界面设计的重要部分, 扁平化风格的色彩明亮、鲜艳, 可以增强界面的视觉冲击力。在色彩搭配中, 首先确定色彩基调, 利用纯色。纯色往往能够与明亮的或者灰暗的背景形成对比, 获得良好的视觉效果。其次, 在进行扁平化色彩搭配时, 复古色也是一种常见的色彩方案。这种色彩虽然饱和度低, 但色彩效果柔和, 能够使界面变得更加富有气质。
此外, 在扁平化界面设计中, 还可以通过色彩增加一些形式的趣味, 用活泼的表现方式带来不同的视觉感受, 如果版面中的内容没有太多出彩的部分, 可以靠色彩上的跳跃, 为整个界面设计带来不同的视觉感受[2]。
在手机界面设计中, 视觉元素的布局不仅影响到界面的美观, 也会直接影响到用户的使用。对于界面信息布局的首先是判断信息等级, 分清重要信息与次要信息, 删除无用信息。界面设计的重要原则是以用户体验为核心, 把用户放在第一位, 重点考虑用户的需求与习惯。运用视觉信息层级能够降低界面操作的复杂性, 从而轻松获取信息, 实现人机有效互动。
其次, 可以利用网格系统来进行手机界面排版布局。采用网格设计的界面条理清晰、秩序感强, 可以减少用户在使用过程中出现的错误。不同的是, 扁平化设计中删除了网格中多余的线条和线框, 更多的使用单纯的色块对界面进行大胆分割, 色块上可以利用大小不一的文字来标示内容中心或使用多标题图片, 都可容纳更多的内容。同时内容从一个边缘流向另一个边缘, 在一个轴上进行活动, 增加了稳定感。总之, 手机端界面设计要求更精细严谨, 这个方寸之间的屏幕上, 对于每个元素的选择与布局都要经过反复推敲、合理运用, 真正实现优化用户体验[3]。
扁平化风格作为界面设计的一种新的潮流, 传承了“少即是多”的设计思想。无论从形式美感、信息传达、界面应用等方面来说, 扁平化不可否认有其独特优势。其设计方法也日趋完善, 但其最核心的优化原则始终是以用户为中心, 需要具有良好的用户体验。所谓的用户体验并不是指一件产品本身如何工作的, 用户体验是指“产品如何与外界发生联系并发挥作用”, 也就是人们如何“接触”和“使用”它。扁平化风格虽抽象, 但应该赋予其更丰富的意义, 拓宽设计思路, 可以多一些具体的、功能性东西在里面, 使得界面设计更为具体一些以反映现实, 让用户操作起来相对容易。比如, 针对一些不知名的品牌或陌生功能的软件来说, 界面图形设计只通过抽象化的表现形式往往很难让用户获取准确的信息。因此, 扁平化手机界面设计风格的选择需要因地制宜, 在需要的地方适量运用。在未来的设计发展中, 要不断更新与优化设计思想与策略, 让其承载更加多样化的表达方式, 才能让扁平化设计越走越远[4]。
综上所述, 扁平化风格以其简洁的表现形式、鲜艳明亮的色彩搭配和良好的适应性, 被广泛地应用于手机界面设计中。在不断优化的设计思想与方法中, 无论手机界面设计风格向何方向发展, 都要始终坚持以用户体验为核心, 在满足用户感官审美体验的同时, 使用户轻松愉快地完成信息的获取是设计的根本所在。
摘要：近年来扁平化风格已经成为当今界面设计的主要流行趋势, 基于扁平化设计的优势与特点, 本文从手机界面设计入手, 重点分析与探讨如何能够运用扁平化风格设计出既符合时代审美标准, 又能够满足用户良好交互体验的作品。
关键词：扁平化风格,手机界面设计,用户体验
[1] 罗仕鉴, 朱上上.用户体验与产品创新设计[M].北京:机械工业出版社.2010.
[2] 李娅.扁平化设计在APP界面中的运用研究[J].艺术品鉴.2015 (3) .
[3] 王婷婷.扁平化设计在手机界面的应用优化建议[J].大众文艺.2016 (16) .
[4] 张芸.扁平化设计在网页上应用的优势[J].艺术科技.2013 (6) .
推荐阅读：
