浅谈“轻设计”在手机界面视觉设计中的应用

2022-09-11

一、引言

2013年,在手机界面设计上,扁平化设计风格的出现改变了以往拟物化设计的视觉呈现方式。扁平化设计是指不再使用拟物化设计中常用到的阴影、反光、透视、渐变等真实感和立体化的装饰效果,而是通过简单的线条,明快的配色使手机界面有了更轻盈的美感,旨在为用户提供极致简洁的视觉体验。扁平化设计是一种“言简意赅”的设计风格,拥有更多的理性因素,使信息调理更加清晰。

在手机界面视觉设计中,“轻设计”概念的提出,旨在使手机界面变得更“轻”,扁平化设计只是其中的一种表现形式。

二、“轻设计”

1、“轻设计”产生背景

“轻设计”概念的诞生是一个循序渐进的过程。早期的界面设计并不为人们所关注,其设计工作也不是有专业设计师完成,大多数是由工程师或是程序员参与完成,通过对现实先有事物的再现手法,追求刻意的模仿以及细节的刻画,具象的拟物化设计出现。自2013年以来,扁平化设计的崛起改变了这样的现状,它“极致简洁”的风格受到大家的热捧,但是,扁平化设计过于简洁的设计风格会导致一些实际操作不必要的麻烦,比如静态的矢量图形因其自身缺乏阴影,导致用户看不清边缘,很难分辨这些图形是否是可以点击的按钮。经过时间的洗礼,对于扁平化设计,包括微软、谷歌、苹果在内的三大公司刷新了一些新的设计语言规则,旨在“更流畅”“更简约”的设计转变,“轻设计”这一概念开始形成。

多种视觉符号伴随信息传播以不同形式频繁出现,“侵占”着每一个它能到达的地方,但是我们的注意力是有限的,视觉信息呈现出一种严重饱和状态。多元化信息的传播我们无法阻断,但是我们可以通过其视觉表现形式的改良,采用尽量“轻”的界面设计缓解我们对信息处理的视觉压力。同时,由于手机屏幕相对较小,显示的信息有限,我们需要通过“轻设计”清晰、直观的传达这些信息。“轻设计”概念的出现是大势所趋,是简化多元化信息的有效方式。

2、“轻设计”概念的定义

“轻设计”就是通过运用视觉元素,动态效果等方式创造出一个只关注核心信息的、更为简洁的界面,并摒弃那些对手机界面本身和用户流程来说都很低效的设计元素,从最大的程度上简化了我们对图形所传递信息的处理。“轻设计”是“简单”“舒适”“直观”的代名词。

三、“轻设计”的应用

在手机界面视觉设计中,“轻设计”主要体现在视觉元素和动态效果这两个方面。

1、视觉元素

“轻设计”在手机界面视觉设计上的体现主要通过“轻形式”传达给用户。轻盈的设计感和用户第一感觉有关,主要体现在视觉元素上,手机界面视觉设计主要包含了图标、文字、页面布局以及色彩。

1)图标。图标包含了代表一个软件的标志图片和界面中出现的操作按钮图形。“轻设计”中的图标并不是扁平化设计风格中为达到返璞归真而追求纯粹的图形,拟物化设计只要顺着“轻盈”的设计感觉做同样也可以达到“简单舒适”效果,即“伪扁平化设计”:通过简单的阴影、透视以及配色做到类似拟物化的效果。“轻设计”中的图标设计旨在造型上使用较为简单的图形,通过清爽的配色传达给我们的是那些简单朴素的元素,去掉能够干扰用户的信息,以其质朴、真实的视觉感受通过图形样式的“隐喻性”引导人们去点击它。

2)文字。文字是组成信息的重要元素,具有直观性。作为手机界面视觉设计的组成元素,其大小、颜色、字体等属性都影响着界面对用户的刺激作用。“轻设计”提倡只用一种字体。在手机界面中,减少屏幕内所使用字体数量可以最大限度地表现字体设计的张力,当你少用不同的字体、不同字号还有像斜体、衬线体、非衬线体等字形样式时,内容之间留白的级别差异才能更好地被区分开来。

3)页面布局。“轻设计”提倡的手机页面布局:“干净、整齐,层次化”。手机页面布局的设计包含了对于状态栏、菜单栏、工具栏、操作列表(图标、文字、图片)、导航栏等视觉化的处理,其干净整齐的排列直接影响用户的浏览体验。

“轻设计”要求不再只关注通过3D效果能做得多真,而是改用“层”的方式来营造实体感,从而创造一种更“可触摸”的体验。而扁平化设计最有可能犯的错就是“太扁”,因其设计过于微妙,导致用户很难辨识和互动,更不用说将其联想到与之对应的3D实物世界(或者以前的拟物世界)。

4)色彩

“轻设计”提倡在颜色上使用柔和恬静的对比,颜色要直接体现应用的气质,一切以明确和简洁为最终效果,以“舒适和谐”的视觉体验为目的,于是就出现了“精简配色”的概念。

颜色在创造特定情绪、引导用户视线和品牌传达中都必不可少,品牌使用较少甚至专一的颜色能更直接反映出它的品牌标识性。另外,用户也不喜欢“乱花渐欲迷人眼”的视觉效果,“精简配色”能有效地突出要点,使导航在应用使用流程中更清晰明了。

2、动态效果

2014年,谷歌推出了全新的设计语言Material Design,谷歌表示,这种设计语言旨在为手机、平板电脑、台式机和“其他平台”提供更一致、更广泛的“外观和感觉”,这一设计语言为安卓系统提供了更多动态效果的技术支持。动效的出现不只是装饰,它有含义,能表达元素、界面之间的关系,具备功能上的作用。同时,在界面中做出视觉响应能提高参与度,增加趣味性,营造小惊喜来取悦用户。

四、结束语

在手机界面视觉设计中,“轻设计”的设计理念旨在为用户提供更好的浏览体验,其“简单”、“舒适”、“直观”的特点深受当代人们的欢迎。但是手机界面视觉设计都是需要根据使用环境和用户需求来设计,设计师不应该只是为了追随设计主导风格而滥用所谓的“轻设计”,更应该看这个设计理念适合在哪些应用场景下,需要给用户什么样的视觉体验。

目前来看,尽管“轻设计”已被大多数人所接受,但是这种设计理念还是有很长的路要走。

摘要：现代快节奏的生活促使我们身边充斥着大量的信息,特别是移动网络的普及推广,各种社交媒体,各种推送信息影响着我们每时每刻。“轻设计”概念的提出旨在提升我们的手机阅读效率,增加我们舒适的阅读体验,减轻我们对信息处理的视觉压力。因此,在手机界面视觉设计中,“轻设计”概念的应用的是非常值得探究的。

关键词：“轻设计”,手机界面设计,视觉元素,动态效果