论文部分内容阅读
【摘要】:随着近些年来科技的快速发展,加快了手机这一类典型的移动终端电子设备的普及。为了使用户在使用手机产品时更便捷、更加节省读取信息的时间,扁平化设计也就成为了当今手机界面设计的主要趋势。本文首先探讨了扁平化设计的含义,并指出扁平化设计在手机功能性界面中图形、色调、文字这三大元素中的运用,总结出其在手机功能性界面的优势以及其在当代界面设计中的价值。
【关键词】:扁平化;手机;功能;界面
一、扁平化的含义
扁平化设计,是指简化一切装饰效果,所有元素的边缘界面都干凈利落,没有羽化,没有阴影,没有渐变等的一种设计风格。相比上一代的拟物化设计,扁平化设计摒弃了一切仿真设计元素,将用户的注意力集中在信息本身,而不是在一些辅助装饰性的元素中。同时,扁平化设计鼓励“少即是多”的美学原理,通过一些简洁的图形、文字、色彩的搭配,将用户的注意力集中在信息本身,而不是辅助产品的元素装饰美上。扁平化设计风格界面简约,条理清楚,能够帮助用户快速地找到目标信息。同时,扁平化也是一种将复杂事物简单化的思维方式。图一为拟物化与扁平化在手机界面中的区别比较。
图一 拟物化与扁平化在手机界面中的区别比较
二、扁平化风格在手机功能性界面中的运用
在图形中扁平化风格常采用图片去底法,也就是说去除界面元素的装饰性辅助元素,如阴影,渐变等来突出其主要功能元素。通过图片去底法,可以在手机界面中快速抓住用户眼球,吸引用户注意力。同时,画面空间感加强,使主要突出的信息更加明确。如图一。
在色彩上,主要运用情感色彩导向法和颜色层级搭配法。运用不同的情感颜色产生共鸣,让消费者通过颜色来识别内容。如在手机接打电话所指示的颜色中,红色代表拒接,绿色代表拨通或接收,故在手机的功能性界面上“电话”的颜色为绿色识别。手机中的“设置”元素界面,是一个很理性的功能性按键,故在“设置”的颜色选用上,采用中性的灰色来指示。而颜色的层级搭配法,则利用颜色饱和度的高低进行搭配,来突显其信息。如图一右侧,手机中“照片”元素界面这一功能键,利用其五彩的立体旋转与白色进行搭配,来突出其色彩的魅力。而在早期拟物化的界面设计中,则利用向日葵作高低图片纯度对比来突显,但并不明显,导致其传递信息缓慢。当然,在颜色层级搭配中,不仅可以利用高低纯色对比来突出物体,还可以利用高纯度颜色对比来突出其功能特效。如“信息”功能键,利用绿色和白色两个饱和度极高的颜色差异化的比较,来突显其界面的不同。
在文字上,可通过字体、字号、字体色调以及排版方式等产生视觉空间感,达到区分主次信息、引导视觉流程的作用。字体是扁平化设计中非常重要的元素,不同风格的字体会产生不同的视觉情感,在选择字体时要保持文字的视觉感受与表述内容的统一,从而创建出期望的风格。例如,宋体给人的感觉是端庄典雅,它占据的版面较小,字体秀丽,适合大面积的文字编排,通常在正文中使用,也是使用最广泛的字体。而黑体,字形严肃庄重,醒目大方,传达出来的气质干净利落,不拖泥带水,因此多用黑体作标题或标识重点,展现主要信息。
三、 扁平化设计风格在界面设计中的价值
1. 扁平化设计使信息传递更清晰
扁平化风格在手机功能性界面中,主要是为了突出中心内容、强化信息、给用户提供更好的浏览环境体验。与传统的手机界面设计相比,用户更容易将注意力集中在所关注的内容上。至于扁平化设计所使用的图形元素,则多为抽象图形或二维图形,这种表达方式弱化了视觉上的复杂性,让用户不会过多地关注图形,强化了需要传递的信息内容,而使得其信息更容易识别。
图二 为手机界面扁平化设计
2. 符合用户心理模型的界面设计
产品的界面是人与“物”交流的媒介载体,而扁平化设计正是把“以物为本”回归到“以人为本”上的重要体现。与之前的手机功能性界面设计相比,扁平化的界面设计建立在用户认知心理的基础上,追求着极简功能主义的界面风格,减少用户的认知负担。
3. 有利于避免信息迷航
扁平化手机界面设计的优势还体现在其向用户提供开放性、透明化的信息访问路径。因此,扁平化的界面设计可以避免用户出现信息迷航。
扁平化设计开创了手机功能性界面设计的新形式,它用一种引人注目却又十分简单的方式,让用户准确地把握手机界面的信息内容。
参考文献:
[1]李道芳.扁平化管理与管理的变革[J].合肥学院学报 (社会科学版), 2005, 22 (4): 104—106 .
[2]COLBRNE Giles.简约至上:交互式设计四策略[M].李松峰,
[3]赵玉航,李世国.图形用户界面设计中的功能可见性[J].包装工程,2010,31(20):44—47.
[4]WARE Colin.设计中的视觉思维[M].陈媛嫄, 译.北京: 机械工业出版社, 2009.
【关键词】:扁平化;手机;功能;界面
一、扁平化的含义
扁平化设计,是指简化一切装饰效果,所有元素的边缘界面都干凈利落,没有羽化,没有阴影,没有渐变等的一种设计风格。相比上一代的拟物化设计,扁平化设计摒弃了一切仿真设计元素,将用户的注意力集中在信息本身,而不是在一些辅助装饰性的元素中。同时,扁平化设计鼓励“少即是多”的美学原理,通过一些简洁的图形、文字、色彩的搭配,将用户的注意力集中在信息本身,而不是辅助产品的元素装饰美上。扁平化设计风格界面简约,条理清楚,能够帮助用户快速地找到目标信息。同时,扁平化也是一种将复杂事物简单化的思维方式。图一为拟物化与扁平化在手机界面中的区别比较。
图一 拟物化与扁平化在手机界面中的区别比较
二、扁平化风格在手机功能性界面中的运用
在图形中扁平化风格常采用图片去底法,也就是说去除界面元素的装饰性辅助元素,如阴影,渐变等来突出其主要功能元素。通过图片去底法,可以在手机界面中快速抓住用户眼球,吸引用户注意力。同时,画面空间感加强,使主要突出的信息更加明确。如图一。
在色彩上,主要运用情感色彩导向法和颜色层级搭配法。运用不同的情感颜色产生共鸣,让消费者通过颜色来识别内容。如在手机接打电话所指示的颜色中,红色代表拒接,绿色代表拨通或接收,故在手机的功能性界面上“电话”的颜色为绿色识别。手机中的“设置”元素界面,是一个很理性的功能性按键,故在“设置”的颜色选用上,采用中性的灰色来指示。而颜色的层级搭配法,则利用颜色饱和度的高低进行搭配,来突显其信息。如图一右侧,手机中“照片”元素界面这一功能键,利用其五彩的立体旋转与白色进行搭配,来突出其色彩的魅力。而在早期拟物化的界面设计中,则利用向日葵作高低图片纯度对比来突显,但并不明显,导致其传递信息缓慢。当然,在颜色层级搭配中,不仅可以利用高低纯色对比来突出物体,还可以利用高纯度颜色对比来突出其功能特效。如“信息”功能键,利用绿色和白色两个饱和度极高的颜色差异化的比较,来突显其界面的不同。
在文字上,可通过字体、字号、字体色调以及排版方式等产生视觉空间感,达到区分主次信息、引导视觉流程的作用。字体是扁平化设计中非常重要的元素,不同风格的字体会产生不同的视觉情感,在选择字体时要保持文字的视觉感受与表述内容的统一,从而创建出期望的风格。例如,宋体给人的感觉是端庄典雅,它占据的版面较小,字体秀丽,适合大面积的文字编排,通常在正文中使用,也是使用最广泛的字体。而黑体,字形严肃庄重,醒目大方,传达出来的气质干净利落,不拖泥带水,因此多用黑体作标题或标识重点,展现主要信息。
三、 扁平化设计风格在界面设计中的价值
1. 扁平化设计使信息传递更清晰
扁平化风格在手机功能性界面中,主要是为了突出中心内容、强化信息、给用户提供更好的浏览环境体验。与传统的手机界面设计相比,用户更容易将注意力集中在所关注的内容上。至于扁平化设计所使用的图形元素,则多为抽象图形或二维图形,这种表达方式弱化了视觉上的复杂性,让用户不会过多地关注图形,强化了需要传递的信息内容,而使得其信息更容易识别。
图二 为手机界面扁平化设计
2. 符合用户心理模型的界面设计
产品的界面是人与“物”交流的媒介载体,而扁平化设计正是把“以物为本”回归到“以人为本”上的重要体现。与之前的手机功能性界面设计相比,扁平化的界面设计建立在用户认知心理的基础上,追求着极简功能主义的界面风格,减少用户的认知负担。
3. 有利于避免信息迷航
扁平化手机界面设计的优势还体现在其向用户提供开放性、透明化的信息访问路径。因此,扁平化的界面设计可以避免用户出现信息迷航。
扁平化设计开创了手机功能性界面设计的新形式,它用一种引人注目却又十分简单的方式,让用户准确地把握手机界面的信息内容。
参考文献:
[1]李道芳.扁平化管理与管理的变革[J].合肥学院学报 (社会科学版), 2005, 22 (4): 104—106 .
[2]COLBRNE Giles.简约至上:交互式设计四策略[M].李松峰,
[3]赵玉航,李世国.图形用户界面设计中的功能可见性[J].包装工程,2010,31(20):44—47.
[4]WARE Colin.设计中的视觉思维[M].陈媛嫄, 译.北京: 机械工业出版社, 2009.