毕业论文网
这篇扁平化设计论文范文为免费优秀学术论文范文,可用于相关写作参考。
扁平化设计风格在网页设计巾的应用
余晶
【摘 要】如夸一提到网站设计,就会不可避免地硅到“扁平化设计”(flat design)这个词.近几年扁平化设计趋势风生水起,受到很多网页浏览者的青睐.本文从什么是扁平化设计、它源于何处,以及扁平化与拟物化风格的对出来分析扁平化风格的设计原则、风格特征和应用优势,让我们在使用这种美学风格时更加得心应手.
【关键词】扁平化拟物化 网页设计
扁平化设计是指摈弃多余的装饰,如阴影、透视、纹理、渐变等,以抽象化、简洁化、符号化的设计元素将信息和事物的工作方式展示出来的一种设计风格.信息结构呈现的是一种扁而宽的结构形式.其风格特点为抽象新颖、色彩丰富、清新质朴、网格设计明显.拟物化设计是指以高光、纹理、阴影等效果模仿现实世界实物的造型、材质和颜色,从而达到现实实物的再现,通过这种形象易懂的方式来表达操作方法的一种设计风格,其信息组织结构呈现长而深的纵向树形结构,风格特点是具象写实、华丽逼真.拟物化设计常常被用来与扁平化设计作比较,不仅因为两个风格在时间轴上呈现交叠关系并各有坚守的设计师阵营,更因为两者间的设计风格有明显的对立区别.
一、扁平化设计的特征
对于没接触过的人来说,“扁平化设计”是一种设计风格术语,它抛弃任何能使得作品突显3D效果的特性,通俗地说,设计中不使用透视、纹理、阴影等效果.扁平化设计最基本、最突出的特征包括：简单的元素和形状；极简风；强功能性；大胆而易读的排版；清晰而严谨的视觉层次；关注细节；明亮的色彩和对比度明显的视觉感知；避免使用纹理、渐变和复杂的样式；采用栅格、几何特征以及视觉平衡的原则.它广泛运用于User Interface（用户界面,以下简称“UI”）中,减少了装饰得复杂多样的阅读障碍,给用户提供了更便利的操作,具有直观易懂、简约时尚等特点.
设计师们如今似乎正朝扁平化风格倾斜,因为这种风格干净利索,现代气息浓郁,而且能让设计师专注最重要的内容和信息要素.这样设计出来的作品不容易过时,而且看起来简洁、高效.
扁平化设计的发展历程当然是有迹可循的,它的根源通常被追溯到名为“瑞士风格”的一种装饰设计风格上.20世纪初的瑞士现代主义运动催生了这种设计风格,随着二战结束,这种设计风格开始在欧洲流传开来,赢得了更多的拥簇,并且在21世纪初获得了新生.这就是今天所说的扁平化设计.
虽然这种风格最初呈现的方式大多是海报、邮票、明信片、书籍装祯设计,但是它的出现,大大扩展了数字设计领域的视野,特别是在UI设计的领域.
最初走出扁平化设计这一步的是微软,在2008年的时候,微软便开始从瑞士风格、现代主义和包豪斯中汲取灵感,随后在2010年推出了Windows Phone 7,它就是典型的扁平化设计.这个版本的操作系统中采用了大量的简单的形状,清晰的排版,明亮而对比明显的色彩,复杂的细节和纹理都被移除了.
二、扁平化设计在网页界面视觉上的优势
1．网页界面元素
格式塔心理学家认为,人们的知觉有一种“简化”的倾向.这种倾向是一种将任何物体以尽可能简单的机构组织起来是能够体现物体最本质的形态的表达.
在拟物化设计中,设计师会模仿现实世界里真实物体的颜色、形状等.例如：设计师会为按钮添加渐变、阴影等效果以符合真实按钮的特征,以求对用户产生亲切的感觉.然而,这样的按钮往往带来的是一种不符合用户预期的体验,同时这也一定程度上限制了用户的个性化想象空间,更重要的是设计开发的周期相对更长.扁平化设计使用的都是基本形状,去除了渐变、阴影等装饰性效果,弱化了视觉上的复杂性,突出了每个元素所表达的信息本身.另外,由于扁平化设计的元素的这些特点,其具有更广泛的适用性,比如：眼睛近视和弱视的用户也可以方便的使用这类设计.
相较于拟物化,扁平化设计更适合“小屏幕”时代.在美观性与识别性上,拟物化设计的丰富细节被缩小后容易显琐碎,而扁平化却往往简洁大方、恰到好处.同时,拟物化设计精致细腻的特征不仅增加了设计制作的人力成本和时间成本,也提高了接收端的流量成本,而扁平化设计则反之.
2．网页布局
之前的网页设计讲求精美的图片和排版效果,漂亮的插画与周到的布局设计,扁平化设计抛弃了复杂的光影效果,更专注于根本的内容呈现.扁平化设计中大量使用扁平化的图标、矢量图形和图标字体,这种设计更符合现代人的审美观.
一方面,拟物化设计初衷是降低用户的认知成本,目的是让用户在使用科技产品时可以参考现实世界的操作规律,可短时间内轻松掌握数码产品的用法.而在现今阶段,数码产品普及度已非常高,特别是在年轻用户群体中,拟物化设计的功能性优势已无法凸显,用户已经熟悉了各类数码产品的基本特点,适应了各类界面的操作方法,在扁平化设计风格的界面中更容易更快速地找到所需要的信息.
另一方面,扁平化设计界面更能提升用户操作的效率.随着移动互联网的迅速崛起,移动终端屏幕尺寸的多样化给网页设计造成了很多麻烦,所以响应式网页设计应运而生了.在这方面,拟物化设计的网页很难实现跨屏幕、跨平台的界面适配,特别是在小尺寸的屏幕上,拟物化的图标非常不易识别,而扁平化设计的图标则可以很好地满足这些变化因素的需求.扁平化更多的使用矢量图形,减少了对像素精度的依赖,这样设计师也有了更大的创意空间,从而可以创建出适应性更强的用户界面.
3．色彩
扁平化设计页面中,因为追求极筒主义,所以没有其他多余的装饰.因此,设计者在设计时需要更加注意色彩的搭配,这样将会收到更好的视觉效果.总结扁平设计的色彩搭配大致分为两种：同类色搭配：同类色搭配,最常用的是把同一种颜色的黑、白、灰三种色调结合在一起,形成层次上的对比.在扁平化设计中,单色的使用不仅能分清层次感,同时也能把握住整体感.对比色搭配：对比色搭配的使用可以使页面看起来极富活力又有丰富的色彩变幻,视觉效果醒目.在使用对比色进行搭配时,设计师要注意到在设计时应当先了解网页的主题,选用合适的颜色进行搭配.
4．字体
文字是设计师向用户传递信息的最主要手段.而字体的选择不仅要符合扁平化设计的简约风格,同时还要符合整个页面主题的设计风格.一般扁平化风格的页面会使用无衬线字体,再通过对字体字号、颜色和粗细的变化进行排版.不同排版的文字信息会带来不同的视觉浏览体验,如字号较大,或是粗体,能帮助用户轻易地分辨、获取文字所传达的信息,这就在内容上创造出一定的层次感,可明显提升内容的易读性.
三、扁平化设计在网页信息组织结构上的优势
拟物化设计的信息组织结构主要表现为层级化结构,呈现为金字塔形的纵向树形结构,是一种逻辑性较强的层级化组织方式.这种信息组织结构层级较多,每个层级容纳的信息量少而准确,根据严密的逻辑关系将信息进行有效的分类,因此信息获取的准确率比较高.同时层级间的转换路径较长,不同界面的切换耗时长且不利于全局观察,已造成用户“迷路”.拟物化设计是一种注重功能实现的信息结构,它更适用于信息结构逻辑性强,信息种类繁多且详细的产品.
扁平化设计最大程度地缩短了信息层级,不断扩展横向信息承载量,呈现出一种扁而宽的结构形式.特别是卡片式的信息展现形式可以同时展示信息标题和少量内容,减少了用户在访问多个目标信息时所耗费的认知成本.但是如果单个层级承载的信息量过大,获取精确信息的难度将变大,对于信息在页面中的定位也增加了难度.因此,扁平化设计适用于快捷的信息浏览,信息及模块的分支少且信息传达迅速的产品.扁平化设计的这种信息组织结构可以很好地优化目前绝大部分网页体验.
四、扁平化设计在网页交互方式上的优势
随着生活节奏的加快,由“读图”获取信息的效率优势日益凸显,图像的呈现方式也更加多元,从静态图发展为动态图便是近年来的读图新趋势.动态图不仅能承载更多生动有趣的创意思维、创造更高效的视觉吸引、呈现更饱满的审美情趣,甚至还能满足及强化图像的叙事功能.拟物化设计要实现动态图需要花费较高的人力和时间成本,因为每一帧动态都可能涉及多个复杂形态的协调运动,而扁平化设计的轻快体量明显更能满足动态制作的需求,做交互动效比较容易且不易乱,同时网页交互动效可以大大提高用户的情感体验,避免扁平化设计风格给人造成冰冷、毫无生机的感觉.
从简到繁再到简、从拟物拟像再到符号的变化过程不仅反映出人们审美趣味螺旋上升的变化规律,也是社会发展提高交流效率的必然要求.扁平化设计正是遵循这样一个发展规律,才得以在写实拟物的精致时代萌芽壮大.因此,扁平化设计的“简”实质是经过充分脑力劳动的“简”,是对“取”与“舍”的慎重选择.虽然扁平化设计依然存在种种不足,比如用大屏幕呈现时容易显得空渝,气氛渲染乏力,为追逐“平”的潮流而强逼画面“平”,以及制作难度降低后导致的设计门槛降低,粗制滥造频现等,但扁平化设计风格运用在网页设计上,他的这些优点将会对用户体验产生非常积极的影响.当然,拟物化设计风格也不会就此覆灭,它会用适当的方式对用户体验做出贡献.
扁平化设计论文范文结:
适合不知如何写扁平化设计方面的相关专业大学硕士和本科毕业论文以及关于扁平化设计论文开题报告范文和相关职称论文写作参考文献资料下载。
1、毕业设计日志
2、毕业设计
3、设计投稿
6、毕业设计说明书