泰安宁阳县平面设计师培训 必须留意的扁平化设计问题

  • A+
所属分类:图像处理培训

扁平化设计Flat Design虽已是老生常谈,然想写这篇文章,始因于图南计算机培训班一个同学常为了如何设计出适当的扁平化风格链结而苦恼。

扁平化设计=俗称的「平面化设计」,为了区隔平面设计让大家更好理解故用之。链结也就是介面中常见的「超连结」,可能会以按钮或是文字、图像形式出现而总称之。

泰安宁阳县平面设计师培训 必须留意的扁平化设计问题
纯色是扁平化的应用之一

不知各位平面设计师是否也曾遇过类似情况?

传统以来,介面链结都被设计成具材质触感、立体化且具光泽的形状,除了能有效暗示这是个「能被点击」的物件外,还可突显其「作用范围」避免误触。

然扁平化设计去材质、去立体化的特性虽为介面设计开创更多可能性,但过度的简化与使用习惯的改变,致使我们无法依赖过去的惯例来判断元件是否可被点击;而移动装置的触碰式萤幕,也无法出现手型来暗示可点物件…

这些都间接导致「使用者点击的不确定性,学习成本提高,以及误触的问题。」

在阅读Nielsen / Norman的相关研究后虽然有点豁然开朗,但此为2015年的全英文文章,故计算机培训班的这位同学除了原文翻译外又综合近年趋势与工作心得,重点整理出实用的设计小笔记,希望能让有相同困扰的你/妳釐清盲点,使用扁平化设计不再只是跟随趋势而已,还能理解其背后的影响与演进。当然也欢迎大家能多多交流工作上的使用经验!

在解析过度扁平化设计造成的UX问题前,我们需要先理解介面设计历年的风格演进~

泰安宁阳县平面设计师培训 必须留意的扁平化设计问题
拟物华是扁平化的前身

3分钟理解介面设计风格的演化

扁平化常被认为是3D风格、拟真隐喻风格 (skeuomorphic) 和情境写实风格(Realism)的反向。

  • 3D 风格(Three-Dimensional Effects)

图形用户介面初期,常採用 伪3D效果(阴影、渐变、光泽)来帮助用户解读视觉层次结构,并藉此了解元素间的互动关係。我们所熟知的3D效果按钮,看起来像是可被按下;而搜寻栏位则被设计成凹陷或空洞状以引发用户填入文字的慾望。

  • 拟真隐喻风格

此风格是透过模仿现实世界的物件外观及特性,来帮助用户了解如何使用介面。这种介面往往具有非必要的装饰且善用「隐喻」,以协助使用者应用该物件的先前知识来操作。

  • 情境式写实风格

写实主义是设计风格的一种,本着于美学因素而模仿实际物件的物理特性或纹理,并不特别强调任何形式的隐喻来帮助用户理解如何使用介面。

看到这儿你可能会觉得拟真隐喻风格与情境式写实风格好难分辨,两者主要的区别在于:

拟真隐喻风格善用物件的物理特性与隐喻,透过习惯的知识认知来帮助用户理解介面。而情境式写实风格则基于纯粹的美学目的,使用模仿物理世界的视觉元素和纹理来让使用者沉浸于介面情境。因此也可说这两种风格一个是为了让用户易于理解而设计,一个则是为了设计而设计。

  • 扁平化风格(Flat Design)

2011年,微软Metro设计风格和Windows 8的发布为扁平化设计开启先端。微软称此种新风格为“真正的数位化”。

与前述的设计风格不同,扁平化风格为了能让用户更关注内容的本质,因此大量移除可能使其分心的装饰性设计(例如,可点击元件的阴影、纹理与光泽等) 转而追求视觉上的简约,用简单的形状以及色彩来替代以往的纹理和光影效果。它被认为是探索数位的可能性,而不尝试重现物理世界的外观及隐喻的新的设计方式。

  宁阳计算机培训班找图南老师,宁阳县宁阳镇 泗店镇 东疏镇 鹤山乡 伏山镇 罡城镇 蒋集镇 磁窑镇 华丰镇 东庄乡 葛石镇 乡饮乡等地同学均可学习。



发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: