界面设计中的扁平化设计与拟物化设计之探议
浅谈界面设计中的扁平化设计风格
浅谈界面设计中的扁平化设计风格扁平化设计风格是近年来在界面设计中非常流行的一种风格,它通过简化、去除不必要的元素和效果来营造简洁、直观的用户界面。
下面我将从扁平化设计风格的背景、特点以及优势等方面进行论述。
扁平化设计风格起源于微软发布的Windows 8操作系统界面设计,之后逐渐被各大科技公司和网站采用,如苹果的iOS 7以及Google的Material Design。
它摒弃了过去炫酷、立体的设计风格,取而代之的是简约、平面的元素。
这种风格是对过去过于复杂的设计风格的一种反思和回归简单的呼声。
扁平化设计风格的主要特点是平面化、简洁化和色彩丰富。
首先是平面化,即摒弃了过去立体感的设计元素,采用了简单的线条和面板,使界面看起来更加统一、整洁。
其次是简洁化,将设计元素简化到最基本的形状和颜色,减少不必要的细节和装饰,使界面更加清晰、易于理解。
最后是色彩丰富,扁平化设计风格注重运用鲜艳的颜色和明亮的对比,以增强界面的层次感和视觉冲击力。
扁平化设计风格有着许多优势和益处。
首先是适应性强,采用简洁、直观的设计元素使界面更易于阅读和操作,不仅在大屏幕设备上效果好,在小屏幕设备上也能保持良好的可用性。
其次是减少视觉干扰,扁平化设计摒弃了过于繁杂的效果和装饰,使用户能够更专注地浏览内容和完成任务。
再者是提高页面加载速度,扁平化设计的界面元素较少,页面加载速度更快,为用户提供更佳的使用体验。
扁平化设计的简单和一致性使得用户能够轻松理解和记忆使用界面上的各种元素。
扁平化设计风格也存在一些问题和挑战。
首先是过度使用可能导致界面缺乏深度感和立体感,使得用户难以分辨不同元素的重要性和关联性。
其次是需要合理运用色彩和对比来达到良好的视觉效果,如果不慎运用不当,可能会导致界面的视觉冲击力降低甚至造成视觉疲劳。
最后是需要注意与用户的习惯和期望的平衡,过于简化的设计可能遭到用户的不满和抵制。
扁平化设计风格在界面设计中得到了广泛的应用和认可。
重看图形界面“扁平化”与“拟物化”之争——关于设计思维的探讨
163设计艺术与理论丨学术平台丨背景介绍1美间年9月10日(年国时当地时间2013北京时间2013月11日),苹果公司在总部加州库比蒂诺发布移动操作系统9问世以来系统最大的一次升级。
iOS7,这被视为自智能手机iPhone 在其上百项改动升级中最为直观的变化就是全新的图标设计,有别于先前系统所倡导的立体效果和实物模拟,这次的图标变得更1(b)。
这是苹果公司在图形界面方面第一次为锐利和平面,图大张旗鼓地将拟物化设计(Skeuomorphism)转向扁平化设计(FlatDesign)。
对于上述改动,舆论众说纷纭。
表面上,这似乎是苹果公司首席设计师乔纳森·伊夫(Jonathan Ive)在“后乔布斯时代”抛弃乔布斯倡导的视觉仿真理念的一个冒进举动。
更在使用者和智能设备互动上被视为“不让人满意的巨大变化”。
在几乎被苹果公司把持的手持智能设备的设计领域,这样的变动带来其他厂商的质疑、批评或者仿效在此不表。
但随之而来的变化显而易见:使用安卓(Android)系统的手持智能设备厂商中的大部分在手机界面上提供了扁平化图标和界面的选择,与其他“拟物化”主题一起供使用者选择;而以锤子科技(Smartisan)为例的同业者坚,并将其标榜为公司产品拥有“情持“拟物化”的图标设计(图2)怀”之处。
在跟风和对立间,很难分辨两种设计手法的优劣。
对比分析“拟物”与“扁平”2细究拟物化和扁平化在设计上的不同和带来的效果。
iOS7之前的拟物化图标主要分为四层,包括处于最底部的阴影层、稍微靠上的图标信息层、再上方的光泽层和顶部的圆角层,通过叠加高光、纹理、材质、阴影等效果以模拟现实物品的造型和质感,对实物进行再现。
这样的设计会让使用者轻易辨别和猜测出程序的功能且模拟现实生活的交互方式。
似的对于图标和界面的认知和学习成本低,各种按钮的视觉质感和按下去之后的交互效果也养成用户对设备操作形成统一认知和使用习惯。
但是,大多数拟物化界面并没有在功能上拥有拟物的延续,只是在强调视觉的阴影和质感效果。
UI设计中的扁平化与拟物化视觉传达解析
UI设计中的扁平化与拟物化视觉传达解析随着移动互联网时代的到来,用户界面设计(UI设计)越来越受到关注。
在UI设计中,扁平化与拟物化是两种常见的视觉传达风格。
它们分别代表着设计中的两种不同趋势,都有着自己的特点和优势。
本文将分析扁平化与拟物化的设计风格,探讨它们在UI设计中的应用和优缺点。
一、扁平化设计1. 扁平化设计概述扁平化设计是指在UI设计中去掉繁杂的立体效果,将界面元素简化为二维平面,突出简洁、清晰、直观的设计风格。
扁平化设计在一定程度上遵循了“简约至上”的设计理念,强调简洁、明了的设计风格。
这种设计理念的提出来源于对用户体验,用户界面的关注和追求,要求设计师在设计界面时应当更注重用户体验。
扁平化设计最大的特点就是简洁和直观。
它去掉了繁杂的阴影、渐变、立体效果等,使得界面元素更加纯粹、简洁。
扁平化设计中的颜色和图标尺寸都相对较大,这可以使用户更容易地将注意力聚焦在重要的界面元素上。
扁平化设计侧重于图形和文字的表现,更多地强调了内容的价值和信息的传达。
扁平化设计的优点在于简洁、直观、便于理解和操作。
这样的设计风格使得用户更容易地找到需要的信息,提高了用户的使用效率。
扁平化设计也更适合移动设备,它的简洁风格可以使得用户在小屏幕上更方便地操作。
扁平化设计也存在一些缺点,比如界面元素缺乏层次感,容易导致用户在界面中丧失方向感。
加之扁平化设计对颜色、图标的运用要求较高,如果设计不当,可能会使得界面显得单调乏味。
二、拟物化设计拟物化设计是以模仿真实世界物体的形态和行为为目标而设计的。
在拟物化设计中,界面元素呈现出仿真的阴影、质感和动画效果,使得界面元素更具有真实的视觉效果。
拟物化设计的提出在一定程度上弥补了扁平化设计在层次感和真实感上的不足,也更符合用户对界面真实性的期待。
2. 拟物化设计的特点拟物化设计最大的特点就是真实感和层次感。
通过添加阴影、质感和动画效果,拟物化设计可以使得界面元素更加贴近真实世界的感觉。
浅谈界面设计中的扁平化设计风格
浅谈界面设计中的扁平化设计风格【摘要】扁平化设计风格是当前界面设计中的热门趋势之一。
本文从扁平化设计的起源分析入手,探讨了扁平化设计与用户体验之间的关系,揭示了扁平化设计的优势和挑战。
文章也探讨了如何在实践中应用扁平化设计。
结合当前市场发展趋势,展望了扁平化设计的未来发展方向,并强调了扁平化设计在界面设计中的重要性。
通过创新的结合扁平化设计,可以实现更好的用户体验和视觉效果,促进产品的发展和创新。
扁平化设计不仅是一种设计风格,更是一种理念和趋势,将在未来继续引领界面设计的发展方向。
【关键词】扁平化设计风格, 界面设计, 特点, 用户体验, 优势, 挑战, 实践, 发展, 重要性, 创新1. 引言1.1 什么是扁平化设计风格扁平化设计风格是一种UI设计风格,它以简洁、清晰、直观的特点来展示信息和操作功能。
扁平化设计强调简单的图形和颜色,去掉过多的阴影、渐变和立体效果,让界面看起来更加平面化和轻盈。
这种设计风格还注重内容的重要性,将用户关注的内容放在首要位置,让用户能够快速获取所需的信息。
扁平化设计风格的核心理念是简洁明了,它遵循“少即是多”的原则,尽可能省略不必要的设计元素,使界面更加干净整洁。
扁平化设计还强调响应性布局,可以适应不同设备和屏幕尺寸,提升用户体验。
扁平化设计风格更注重用户操作的便捷性和视觉的舒适感。
在当前移动互联网时代,扁平化设计风格受到广泛欢迎。
它不仅符合现代人追求简约、高效的生活方式,还能提升用户界面的美感和易用性。
越来越多的应用和网站开始采用扁平化设计风格,以提升用户体验和品牌形象。
随着技术的不断发展和用户需求的不断升级,扁平化设计风格也在不断演进和完善,成为UI设计领域的一大趋势。
1.2 扁平化设计的特点扁平化设计的特点可以概括为简约、直观、清晰和易懂。
这些特点使扁平化设计在当前的设计领域中备受青睐,成为许多应用和网站设计的首选风格。
通过遵循扁平化设计的原则,设计师可以创造出符合用户习惯和喜好的界面,提升用户体验和用户满意度。
浅谈界面设计中的扁平化设计风格
浅谈界面设计中的扁平化设计风格我们需要了解什么是扁平化设计。
扁平化设计是一种设计风格,它将设计元素简化,去除了多余的装饰和细节,使设计看起来更加平面化和简洁。
扁平化设计追求简约、直观和易懂的设计风格,其核心理念是“去掉更多的装饰,保留更多的内容”。
扁平化设计强调对用户友好的交互设计和简单直观的界面布局,使得用户可以更加便捷地找到自己需要的信息。
扁平化设计风格在界面设计中的应用非常广泛。
它可以提高用户体验。
扁平化设计去除了繁杂的装饰和细节,保留了设计的核心内容,使得界面更加简洁明了。
这样一来,用户在使用产品时可以更加轻松地找到所需的功能,提高了用户的使用效率。
扁平化设计还可以增加产品的易用性,让用户能够更加快速地理解和操作产品,从而提升用户体验。
扁平化设计还可以提高产品的美观性。
扁平化设计强调简约、直观和易懂的设计风格,使得界面看起来更加清晰、精美。
扁平化设计注重对色彩、图标和排版等设计元素的精心搭配和运用,使得整体的界面设计更加和谐、美观。
这不仅提升了产品的整体形象,还可以吸引更多用户的注意和喜爱,从而提高产品的市场竞争力。
扁平化设计还可以提高网站的响应速度。
扁平化设计将页面元素简化,去除了多余的装饰和精细的图案,减少了页面的加载量。
这样一来,网页的加载速度会大大提高,用户可以更快速地打开页面,提高了用户的上网体验。
从而,提高网站的响应速度和性能,也可以增加用户的粘性和满意度。
扁平化设计还可以提高产品的适配性。
扁平化设计强调简单直观的界面布局和语义化的HTML结构,这样可以使得产品更好地适配不同的设备和平台。
无论用户使用手机、平板还是电脑,都可以轻松地使用产品,不会出现页面错位、加载缓慢等情况,提高了产品的适配性和兼容性。
扁平化设计还可以提高产品的可维护性。
扁平化设计将页面元素进行了严格的分类和整理,使得整体的结构更加清晰、简洁。
这样一来,使得产品的代码更加规范、易读,便于后期的维护和更新。
扁平化设计还可以减少不必要的代码量,提高了产品的代码质量,从而降低了产品的维护成本。
UI设计中的扁平化与拟物化视觉传达解析
UI设计中的扁平化与拟物化视觉传达解析扁平化和拟物化是两种在UI设计中常见的视觉传达风格,它们分别代表了现代风格和传统风格,各有其独特的特点和应用场景。
首先来解析扁平化风格。
扁平化风格强调简洁、平面和直观的设计元素,它去除了过多的阴影、渐变和细节,使界面看起来更加干净和现代化。
扁平化设计风格通过利用明亮的色彩、简洁的图标和简单的图形来引导用户的目光,减少了视觉混乱,提高了用户的使用体验。
扁平化风格的主要特点包括:1.简约而干净的设计:扁平化设计注重简单的线条和形状,去除了多余的装饰和细节,使界面更加直观和易于理解。
2.鲜明的色彩:扁平化设计使用大胆明亮的色彩,强调对比和饱和度,使界面更加生动和吸引人。
4.响应式布局:扁平化设计使用响应式布局,自动适应不同的设备和屏幕尺寸,使用户在不同的平台上都能获得良好的使用体验。
扁平化风格适用于需要强调内容和功能的应用,例如移动应用、网页设计和系统界面等。
它的简洁和直观的设计元素能够更好地引导用户的注意力,提高用户的使用效率。
扁平化风格也存在一些挑战,例如在表达层次和交互反馈方面相对有限,需要设计者更加精确地使用颜色和形状等元素来传达信息。
接下来是拟物化风格的解析。
拟物化风格是模仿真实物体的外观和行为,使界面看起来更加真实和有质感。
拟物化设计通过使用阴影、渐变和纹理等视觉效果来模拟真实的物体和材质,使界面更加生动和吸引人。
2.丰富的细节:拟物化设计注重细节和纹理的表达,通过加入更多的阴影和渐变等效果来增加界面的层次感和深度。
3.物理现象的模拟:拟物化设计模拟真实物体的行为和交互,例如按钮按下后会有反馈效果、滑动时会有惯性等,使用户更加有身临其境的感觉。
4.熟悉的界面元素:拟物化设计使用熟悉的图标和界面元素,例如文件夹、按钮和开关等,使用户更容易理解和操作。
拟物化风格适用于需要强调真实感和沉浸感的应用,例如游戏界面、产品展示和虚拟现实等。
它通过模拟真实物体和行为来增加用户的参与感和互动性,提高用户的使用体验。
UI设计中的扁平化与拟物化视觉传达解析
UI设计中的扁平化与拟物化视觉传达解析扁平化设计和拟物化设计是现代UI(用户界面)设计中常见的两种视觉传达风格。
在进行UI设计时,选择何种风格取决于设计师的偏好以及设计项目的需求。
下面是对扁平化和拟物化设计的解析。
一、扁平化设计扁平化设计是一种视觉风格,强调使用简洁的图形元素,去除繁琐的细节和装饰,以平面化的形式呈现信息。
扁平化设计的主要特点包括:1. 简洁明了:扁平化设计采用简洁明了的图形元素和颜色,使界面看起来干净、整洁。
2. 强调内容:扁平化设计将重点放在内容上,尽量减少装饰性的元素和效果,使用户能够更专注于信息本身。
3. 色彩鲜艳:扁平化设计通常使用饱和度较高的颜色,使界面更加鲜艳、生动。
4. 平面化:扁平化设计强调平面化视觉效果,减少使用渐变和阴影等立体感效果。
扁平化设计的优点在于简洁、直观,能够提供清晰的用户体验。
它适用于移动应用、网页设计等需要快速传达信息的场景。
二、拟物化设计拟物化设计是一种模拟物体真实感的视觉风格,以模仿现实世界中的物体和材质为特点。
拟物化设计的主要特点包括:1. 仿真效果:拟物化设计通过使用阴影、渐变、纹理等效果,模拟物体的真实质感,使界面具有立体感。
3. 层级感:拟物化设计通过叠加不同的图层和阴影效果,使界面元素更具层次感,提供更好的用户导航体验。
4. 手势化:拟物化设计还强调通过手势和触摸等交互方式,增加用户与界面的互动性。
拟物化设计的优点在于增强了用户对界面的沉浸感和可信度,使用户更容易理解和操作界面。
它适用于需要模拟物理操作的应用,如游戏界面、电子商务平台等。
三、扁平化与拟物化的结合运用在实际的UI设计中,扁平化和拟物化并不是完全独立的两种风格,往往会结合使用。
设计师可以根据项目需求和用户体验考虑,在扁平化的基础上适当添加拟物化的元素,以增强界面的可视化效果和用户交互体验。
在一个旅游应用界面中,可以使用扁平化的图标和颜色方案,强调内容的直观性和信息的清晰性;在展示地图和景点介绍等部分,可以适当使用拟物化的效果,增加真实感和沉浸感。
UI设计中的扁平化与拟物化视觉传达解析
UI设计中的扁平化与拟物化视觉传达解析随着科技的不断发展,用户界面(UI)设计也在不断演化和改变。
在UI设计中,扁平化和拟物化是两种常见的视觉传达风格,它们分别代表着不同的设计理念和表现形式。
本文将对这两种视觉传达方式进行解析,探讨它们的特点、优缺点,以及在实际设计中的应用场景和注意事项。
扁平化设计扁平化设计是一种简洁、直观的设计风格,它强调简约、图形化和大胆的颜色。
扁平化设计最早是由微软在Windows 8操作系统中引入的,后来被Google和苹果等公司广泛应用于他们的产品和服务中。
扁平化设计的特点包括:1. 简洁明了:扁平化设计通过去除繁复的装饰和细节,强调简单的图形和颜色,使界面看起来更加清晰和易于理解。
2. 图形化:扁平化设计倾向于使用简单的图标和符号来代替真实的物体和材质,使界面更具图形化或抽象化的特点。
3. 大胆的颜色:扁平化设计喜欢使用鲜艳而大胆的颜色,使界面看起来更加饱满和生动。
扁平化设计的优点在于能够简化界面,降低用户认知负担,提升用户体验。
但在实际应用中,扁平化设计也存在一些挑战和问题,例如过于简洁可能导致信息传达不清晰,大胆的颜色使用可能会让部分用户感到不适。
拟物化设计拟物化设计(也称作真实感设计)是一种更加贴近真实世界的设计风格,它强调物体的真实材质和质感,使界面更具有真实感和触感。
拟物化设计最早是由苹果公司在iOS 7中引入的,它的特点包括:1. 真实感:拟物化设计力求使界面更加贴近真实世界,包括使用真实物体的材质和质感、动态效果和过渡效果等。
2. 触感:拟物化设计注重界面上的触感和交互效果,例如按钮的按下效果、图标的拖动效果等。
3. 细节丰富:拟物化设计追求细节的丰富性,包括阴影、光照、纹理等,使用户能够更加直观地感受到界面的真实性。
拟物化设计的优点在于能够提供更加真实和直观的用户体验,让用户更容易理解和操作界面。
拟物化设计也存在一些问题,例如过于注重细节可能会增加界面的复杂度,使用户感到困惑,同时也可能会增加界面的加载时间和性能消耗。
UI设计中的扁平化与拟物化视觉传达解析
UI设计中的扁平化与拟物化视觉传达解析随着移动互联网的快速发展和智能终端的横空出世,UI设计已经逐渐成为了产品设计中的关键部分。
在UI设计中,扁平化和拟物化是两种常见的视觉传达风格。
它们分别代表了对于设计元素和风格的不同取向,对于产品视觉传达的独特性也由此呈现出来。
本文将从扁平化与拟物化两方面对UI设计进行解析,探讨其优缺点以及应用场景,为UI设计师提供更多的创作思路和设计灵感。
一、扁平化设计扁平化设计最初是由微软公司在手机操作系统Windows Phone上首先推出的,其概念是通过去除多余的视觉装饰和繁琐的图形效果,强调简约、干净的设计风格。
扁平化设计的核心在于“平面化”,其主要特点包括:1. 色彩鲜艳:扁平化设计强调鲜艳、醒目的色彩,通过简单而明快的颜色搭配来吸引用户的注意力,为页面注入活力和生机。
2. 极简图标:扁平化设计的图标通常采用简约的线条和色块组成,形状简单,清晰易懂,易于辨识和记忆。
3. 统一风格:扁平化设计追求界面元素的一致性和统一性,强调整体的视觉平衡和和谐,避免繁杂、杂乱的视觉效果。
4. 平面化风格:扁平化设计弃用了传统的立体效果和阴影,界面元素呈现出扁平、二维的风格,让用户更加集中注意力于功能和内容本身。
在UI设计中,扁平化设计的应用得到了广泛的认可与推广。
其中最经典的案例莫过于苹果公司的iOS界面设计,从iOS 7开始,苹果便引入了扁平化的设计风格,废弃了之前浮夸的立体效果和阴影,转而采用简约、清新的扁平化设计元素,使得整个系统更加清爽、简洁。
微软的Windows界面设计也是扁平化设计的代表作品,其清晰而独特的平面化界面设计更是为其赢得了众多用户的青睐。
扁平化设计的优势在于其简约、清新的设计风格,能够为用户带来简洁明了的视觉感受,提高用户界面的易用性和可理解性。
而且扁平化设计更适合移动设备的视觉呈现,不仅能够提高页面加载速度,还能够让用户更加专注于内容本身。
扁平化设计也存在一些不足之处,比如缺乏了色、彩、深度等层次感,导致一些界面缺乏张力,容易让用户感到审美疲劳。
浅谈界面设计中的扁平化设计风格
浅谈界面设计中的扁平化设计风格扁平化设计风格在近年来越来越受到设计师和用户的青睐,它已经成为了当今界面设计中的一个热门趋势。
扁平化设计风格的特点是简约、明了、干净,符合了现代人对于信息获取的高效和直观性的追求。
本文将对扁平化设计风格进行深入的探讨,介绍其特点、优势和应用,并对其未来的发展进行一些展望。
一、扁平化设计风格的特点扁平化设计风格的最大特点就是“扁平”,即尽量去除感觉上的立体感和深度感,让设计更加简洁明了。
在扁平化设计中,通常会去掉阴影、渐变、纹理和其他过多的装饰效果,使得界面更加干净和轻盈。
扁平化设计风格还更加注重简洁的图标和文字排版,强调了信息的直观显示和直接传达。
1. 用户体验更佳扁平化设计风格让用户可以更加快速地获取信息,因为界面更加简明,没有复杂的装饰,用户可以更加专注地看到页面上的功能和内容,以及如何去操作。
这符合现代人对于效率和简洁的追求,大大增强了用户体验。
2. 适应移动设备随着移动设备的普及,扁平化设计风格凭借其简洁明了的特点,更加适合在小屏幕上进行操作和浏览。
扁平化设计的图标和文字更加容易在小尺寸下辨识,不会因为屏幕尺寸过小而导致信息传达的混乱。
3. 界面加载更加快速由于扁平化设计去除了过多的装饰效果和图像渲染,因此界面加载速度更加快速。
这符合现代用户对于互联网速度的追求,更加满足了用户对于信息快速获取的需求。
4. 设计风格统一扁平化设计风格的统一简洁特点,更加容易在不同平台上保持一致性,这也符合了用户获取信息的直观和简洁性。
扁平化设计风格目前已经广泛应用在各种界面设计中,比如网页设计、移动应用设计等。
以微软的Win8界面设计为例,采用了扁平化设计风格,去除了过多的装饰效果和立体感,使得用户可以更加快速地进行操作和浏览。
苹果的iOS7也引入了扁平化设计元素,使得整个系统的界面更加简洁明了。
在移动应用领域,各种App也都越来越倾向于采用扁平化设计风格,以提高用户体验。
随着移动设备的普及和用户对于信息获取效率的不断追求,扁平化设计风格将会在未来得到更加广泛的应用和发展。
浅谈界面设计中的扁平化设计风格
浅谈界面设计中的扁平化设计风格扁平化设计风格是近年来在界面设计领域中广泛流行的一种设计趋势。
它强调简洁、干净、直观的设计风格,摒弃了过去过度装饰、繁琐的设计元素,着重展现内容和功能的核心,提升了用户体验。
接下来我们将从几个方面来浅谈扁平化设计风格。
首先是图标和标志的设计。
扁平化设计风格重视简化,因此图标和标志的设计往往使用简单的几何图形和纯色填充,去除了过多的阴影和渐变效果。
这种简洁的设计风格可以使图标更加易于辨认和理解,并提高用户的操作效率。
其次是色彩的运用。
扁平化设计风格通常使用明亮、饱和的颜色,以及大面积的纯色填充。
这种运用色彩的方式可以帮助用户更好地理解界面的结构和功能,并在视觉上提供良好的分辨度。
鲜艳的色彩也可以增加界面的活力和吸引力,使用户对界面产生更加积极的情绪和体验。
再者是排版的处理。
扁平化设计风格强调简洁和直观,因此在排版上通常使用清晰的字体、简洁的布局和大面积的留白。
这些元素的运用可以提高内容的可读性和理解性,并使用户在界面上的浏览和导航更加轻松和顺畅。
最后是动画和过渡效果的运用。
扁平化设计风格注重直观和动态的表现,因此在界面设计中经常运用丰富的动画和过渡效果。
这些动画和过渡效果不仅可以增加界面的交互性和趣味性,还可以提供一种流畅的视觉体验,使用户感到界面更加生动和活跃。
扁平化设计风格通过简洁、干净、直观的设计元素,提高了界面的可读性、可操作性和用户体验。
但同时也要注意避免过度的扁平化设计,避免过分简化和削减设计元素,以免导致视觉上的单调和缺乏层次感。
在使用扁平化设计风格时,需要根据具体的设计需求和使用场景来进行权衡和取舍,以达到最佳的设计效果。
关于风格那点事儿:扁平化设计VS拟物化设计
我从不认为哪种风格或哲学立场更正确或者说更优于其他,我更中庸一些,我认为答案通常不是极端的;我也认为,使用得当的就是好的。
当下被讨论的很火热的用户界面设计风格有两种:扁平化设计和拟物化设计。
在实际的案例中我们应该怎样取舍呢?
我要说的第二件事,还是过犹不及。
检查一下UI视图中“选中”状态的设计。
我们使用浅蓝色的背景来表明这个部分被选中了,而不是复杂的特效。
这个设计很好地给了用户操作反馈,既不会太显眼
,又不会引不起用户的注意。
我们需要有目的性地、科学合理地使用扁平化和拟物化风格,而不是生硬地套用某种风格,更不是一条路走到黑。
这样才能让我们的用户界面设计看起来更高端!更大气!更有品味!更国际范儿!亲,你们懂的!
来源:uisdc
人人都是产品经理()中国最大最活跃的产品经理学习、交流、分享平台。
UI设计中的扁平化与拟物化视觉传达解析
UI设计中的扁平化与拟物化视觉传达解析随着移动互联网的发展和用户体验需求的不断提升,UI设计在网络应用和移动应用中扮演了越来越重要的角色。
在UI设计中,扁平化和拟物化是两种常见的视觉传达风格,它们在不同的设计场景中有着不同的应用和表现形式。
本文将对扁平化和拟物化的视觉传达特点进行分析,探讨它们在UI设计中的应用和价值。
扁平化和拟物化是两种不同的设计概念,它们在UI设计中有着各自独特的特点和表现形式。
扁平化设计强调简洁、干净和直观,取消了过多的阴影、渐变和纹理,注重图形元素的简化和色彩的鲜艳。
拟物化设计则更强调真实感和质感,通过模拟真实物体的材质、纹理和光影效果,使用户在界面中产生熟悉和自然的感觉。
这两种设计风格在表现形式上有明显的差异,但在UI设计中都有着各自独特的价值和应用场景。
扁平化设计的特点主要包括简洁、直观和鲜艳。
在扁平化设计中,图形元素通常采用简洁的线条和饱满的色彩,取消了过多的阴影和纹理,使整体界面显得轻盈、干净和简洁。
扁平化设计强调用户操作的直观性和易懂性,通过简化和抽象化的图形元素,使用户更容易理解和使用界面。
扁平化设计还注重色彩的运用,通过鲜艳的色彩搭配和对比,增加界面的吸引力和辨识度。
这些特点使扁平化设计在移动应用和网络界面中得到了广泛的应用和认可,成为当下UI设计中的热门风格。
扁平化设计在UI设计中的应用和价值主要体现在以下几个方面。
扁平化设计可以增强界面的简洁性和直观性。
通过简化和抽象化的图形元素,取消过多的阴影和纹理,使界面看起来更加简洁、干净和美观,减少了用户在使用界面时的干扰和分散。
这种简洁的设计风格能够帮助用户更容易地理解和使用界面,提高用户的操作效率和满意度。
扁平化设计可以增强界面的一致性和辨识度。
通过饱满的色彩搭配和对比,使界面的各个元素在视觉上更加突出和醒目,增强了界面的辨识度和易识别性。
这种一致的设计风格能够帮助用户更容易地辨认和记忆界面,提高用户对产品品牌的认知和忠诚度。
浅述界面设计中的设计风格——扁平化设计和拟物化设计
简洁 , 可 以使用字体来创建设计 者所期望的风格 。
3 、 色彩 : 扁平化设计 中, 配色是最重要 的一环 , 扁平化设 计所采用 的色彩模 式与其他的调色板相 比倾 向于更加 醒 目、 更加 明亮。同时, 扁平化设计中的配色还意味着更 多的色调 。 4 、 简化的交互设计 : 设计 师要尽量简化设计方案 , 避免不
的 用 户体 验 。
不断追求 的标准。能够始终 以一种 文雅而易于理解 的方式传
达信息 , 并且向用户展现我们真正希望他们看 到的东西 , 是保
持 交 互设 计 内在 的和谐 的不 二 法 则 。
3 、 顺 应的情感认知 : 越来越 多的产品设计开始追求 某个 单一的用户渴求 , 既凌驾于用户需求之上的一种情感追求 , 但 很多时候追求 的单一性 ,往往会失掉了产品最基本 的用户感 知和认可。顺应用户的情感认知 , 才能调动用户的情感 。
2 、 字体 : 从精美装饰 性的字体 , 到简洁 的非衬 线字体 , 漂
亮 的 字 体 是优 秀 的 扁 平 设 计 的 关 键组 成之 一 。 由于 界 面 更 加
二、 扁 平化 与 拟 物 化 的 区 别
扁平化设计 给人 的感觉是简洁 、 明了 , 让看久了拟 物化设 计 的用户有 了焕然一新 的感觉 , 扁平化设计更 突出主要 内容 , 减弱简便 、 高光等拟真效果对用户视觉感Байду номын сангаас 的干扰 , 让 用户 更 加专注于 内容本 身 , 从用户体验上来说也更 为简单易用。
必 要 的元 素 出 现在 设 计 中。 简 化界 面 的 同时 , 更 重 要 的是 做 到
认知和学习成本低是拟物化设计 的一大优点 ,拟物化设 计展示 了识别和熟悉 的好处 ,其引入用户在现实世界中使 用 使用上的简洁方便 。 五、 形 式 服务 于 功 能 的熟悉 的对象作为用 户界 面控制 的元素 ,能让用户很容易地
界面设计中的扁平化设计与拟物化设计之探议
摘
扁 平化设计 ” 是近年来 崭露头 角的设计风格 。 文章具体 阐述 要 : 拟物化 设计 曾经 在界面设 计的发 展中扮演者 引领潮 流的角 色。“
和 分析了拟物 化设 计盛行 和没落 的发展 历程 、原因及 扁平化设 计的特 点;井针对业 界所争 执的 孰是孰 非的热 议现象 表明观 点: 好的设计 是适合的设 计。 设 计的本质不在 于外观形式 。 而在 于强调信息 结构的组织性 和优良的用户体验 。
f l a t d e s i g n b e c a me p o p u l a r a n d p r e v ai l i n g r e c e n t l y . Th i s p a p e r n o t on l y e l a b or a t e d t h e de v e l o p me n t p r oc e s s o f S k e u o mo r p h i s m, a n a l y z e d t h e r e a s o n s f o r t h e s e c h an g e s , b u t d e s c r i b e d t h e k e y f e a t u r e s o f t h e f l a t d e s i g n s i mu l t a n e o u s l y . T h e a u t h or e x p r e s s e d t h e v i e w o n t h e a r g u a b l e “ h o t s p o t ” i n t h e n a t u r e o f d e s i g n , a n d c a t“ Go o d d e s i g n w a s n o t j u s t f o c u s o n t h e s t y l e , i t wo u l d s e r v e t h e o b j e c t p r o p e r l y , t h e c r u c i a l i s s u e w a s
UI设计中的扁平化与拟物化视觉传达解析
UI设计中的扁平化与拟物化视觉传达解析1. 引言1.1 扁平化与拟物化的概念扁平化与拟物化是两种常见的UI设计风格,它们在视觉传达中有着不同的表现方式和特点。
扁平化设计强调简洁、干净的界面风格,去除了繁复的装饰和立体效果,注重图形和颜色的运用。
它追求极简主义,将信息以简洁直接的方式呈现给用户,使界面更易于阅读和操作。
相比之下,拟物化设计更加注重真实感和仿真效果,模仿现实物体的触感、纹理和动态效果,让用户有一种沉浸感和触摸感。
扁平化设计的兴起源自微软和谷歌等互联网巨头的设计风格转变,而拟物化设计则在移动应用的流行中得到了广泛应用。
两种设计风格各有优势和劣势,设计师需要根据具体项目需求和用户需求来选择适合的风格。
在实际设计中,也可以结合扁平化和拟物化的元素,创造出更加丰富多样的视觉效果。
在UI设计中,扁平化和拟物化的选择不仅仅是风格问题,更是在传达信息和与用户产生互动时的一种策略选择。
设计师需要根据用户群体、产品定位以及功能需求来决定使用何种设计风格,以达到最佳的视觉传达效果。
【2000字】1.2 UI设计中的重要性在UI设计中,扁平化与拟物化视觉传达是至关重要的,因为它们直接影响用户体验和界面交互。
通过扁平化设计,可以使界面简洁清晰,减少视觉干扰,提高用户的操作效率和体验感受。
拟物化设计可以使用户感觉界面更加真实、可信,增强用户的亲和感和信任感。
UI设计不仅涉及到界面的美观和易用性,更关乎到用户对产品的认知和情感体验。
扁平化与拟物化设计风格的选择,既要考虑到界面的视觉美感,也要符合用户的直观认知和使用习惯。
只有在UI设计中兼顾扁平化与拟物化的视觉传达,才能更好地引导用户操作、提升产品的品牌形象和用户黏性,从而实现设计的价值和效果。
在当今移动互联网时代,UI设计已经成为产品的重要竞争优势之一,因此扁平化与拟物化的视觉传达在UI设计中起着不可替代的重要作用。
2. 正文2.1 扁平化设计的特点1. 简洁明了:扁平化设计通过简化图标和界面元素,减少不必要的装饰和细节,使整体界面更加清晰和易读。
UI设计中的扁平化与拟物化视觉传达解析
UI设计中的扁平化与拟物化视觉传达解析UI设计中,扁平化与拟物化是两种视觉传达方式,它们分别强调了不同的设计理念和风格。
下面将从不同的层面对它们进行详细的解析。
一、基础概念扁平化(Flat Design)是一种简化的设计风格,常见于UI设计、网页设计、字体设计等领域。
扁平化设计取消了过多的阴影、渐变、纹理等视觉元素,使设计更加简洁、直观和干净。
扁平化设计还注重排版、色彩和图标的传达效果,使得设计更具立体感和时尚感。
拟物化(Skeuomorphism)则是一种模拟真实物品的设计风格。
这种风格的设计更贴近真实,视觉元素更多,常模拟棕树纹、水波纹、翘边等真实效果。
拟物化常被应用于游戏设计、手机APP设计等领域,让用户更容易理解和操作。
二、颜色运用扁平化设计注重色彩的表达和搭配,色块化特点更加鲜明。
扁平化设计强调颜色的简洁、明快和个性化,更注重颜色的鲜艳感和娱乐性。
通常采用大胆的颜色、饱和度高的彩色、单色或多色的配色方案。
拟物化设计则更加注重颜色的逼真和真实感。
通常注重用色和光源的运用,模拟出物品的立体感和表面细节。
所用颜色与真实物品的颜色比较吻合,使得用户能够更容易地理解、记忆和使用。
三、设计元素扁平化设计最大的特点就是“扁平”,即任何视觉元素都不能有立体感。
扁平化设计中,将字体、图标、按钮、线条等简化,并采用简洁的线条、平面图形、色块和基础图形,避免繁琐和冗余的设计,为用户创造简便清新的视觉效果。
拟物化设计中,则注重像真实物品一样进行设计。
在设计过程中,可以采用纹理、光影等技术来创造物品的真实感和立体感。
因此,在拟物化设计中,可以看到各种模拟纹理贴图、模拟阴影、渐变等元素。
四、用户体验扁平化设计注重用户体验的简单、快速、直观和个性化,提供更加人性化和自由化的交互方式。
扁平化设计强调在保持简约风格的同时,提供必要的视觉反馈,使得设计更加清晰、易懂、快速操作。
拟物化设计则注重模拟真实体验,尽可能地减少用户的学习成本和阻碍,极力模拟真实生活中的交互方式,使得用户感到亲切、生动、舒适。
论ui设计中的扁平化与拟物化
艺术大观Art Panorama140论UI设计中的扁平化与拟物化姚琦(身份证号,******************)摘要:目前,互联网的技术发展非常迅速,信息通信产业正在面临一场深刻的技术变革。
同时,基于internet无线通信的用户界面设计也仍然面临着多种改变方式。
现如今,扁平化和拟物化这两种工业设计艺术风格已经引起了国际社会的广泛讨论。
本文从动态扁平化和动态拟物化的基本概念开始说起,接着详细讲述了扁平化的概念起源,分析了现在扁平化应用界面的一些优点及其成为流行的一种必然性,并深入讨论了扁平化和拟物化的技术现状和发展趋势。
关键词:扁平化;图像拟物化;应用界面设计技术一、导语2013年,应用领域平面设计已经成为国内设计软件行业快速发展的大空间之中最广泛流行的一种设计方式风格。
当我们说"平面用户界面"时,其实它只是一个极简现实主义的产品设计管理方法。
这种图形设计处理方法主要是在图形设计工作过程之中需要去除一些边界、阴影、纹理、变体、三维等等元素,展现出一种操作非常简单的图形界面设计处理工作,这就是传统界面设计之中的一种图形环境设计。
事实上,"扁平化"一词在我国移动电脑终端用户界面设计之中已经使用了很短一段时间,但它已经逐渐发展成为移动界面设计的一种主流。
它积极参与了这一年的扁平化行业趋势,从专门做移动装置的小企业公司到移动软件产品开发商,从移动互联网行业巨头公司到专门做智能移动终端应用的个人创业投资团队。
二、扁平化与场景拟合实物化概念介绍(一)扁平化扁平化设计概念的主要核心设计意义也就是:有效去除冗余、厚重和繁杂的整体装饰视觉效果。
而它的具体表现在于它去掉了多余的其他元素,这样你就可以直接让"信息"本身重新再次作为一个核心被重新凸显表现出来。
对于手机的扁平化设计,尤其是安卓手机的操作系统直接影响体现在:更少的操作按钮和应用选项,这样能够使得手机uiu的界面设计变得更加干净整齐,使用上看起来格外简洁,从而能够带给手机用户更加良好的手机操作使用体验。
界面设计中的扁平化设计与拟物化设计之探议
界面设计中的扁平化设计与拟物化设计之探议摘要:拟物化设计曾经在界面设计的发展中扮演者引领潮流的角色。
“扁平化设计”是近年来崭露头角的设计风格。
文章具体阐述和分析了拟物化设计盛行和没落的发展历程、原因及扁平化设计的特点;并针对业界所争执的孰是孰非的热议现象表明观点:好的设计是适合的设计,设计的本质不在于外观形式,而在于强调信息结构的组织性和优良的用户体验。
关键词:界面设计扁平化拟物化检索:Abstract :Skeuomorphism had led the development trend and played a pivotal role in interface design for decades. The flat design became popular and prevailing recently. This paper not only elaborated the development process of Skeuomorphism,analyzed the reasons for these changes, but described the key features of the flat design simultaneously. The author expressed the view on the arguable “hot spot” in the nature of design, and concluded that “Good design was not just focus on the style, it would serve the object properly, the crucial issue was providing good user experience with organized and logical information.”Keywords :Interface Design, Flat Design,SkeuomorphismInternet :2013年,“扁平化设计”一词在交互设计业界大概是被提及最多的大热词汇。
UI设计中的扁平化与拟物化视觉传达解析
UI设计中的扁平化与拟物化视觉传达解析在UI设计中,视觉传达是非常重要的一个部分。
其中,扁平化和拟物化是两种常见的设计风格。
扁平化倾向于简化元素,使其具有现代感和简洁感;而拟物化则更加强调真实感和立体感。
下面将对这两种设计风格的视觉传达做一个简要的解析。
一、扁平化的视觉传达1.简洁、清爽:扁平化设计风格最大的特点就是它的简洁、清爽,采用平面化的形式,不过分强调真实感,摒弃多余的装饰和视觉元素,从而让用户更加集中于产品的核心内容。
2.使用明亮、清新的颜色:扁平化设计通常采用鲜明、明亮的颜色,这种颜色可以给人带来愉悦感、清新感、轻松感。
采用粉色、橙色等颜色,可以让页面更加活泼生动。
3.不同的颜色可以传达不同的信息:扁平化设计风格中,不同的颜色往往代表着不同的意义和信息,例如:红色常表示警告、注明、删除,绿色则常表示成功、确认等。
4.简单的图标、图形:扁平化的设计风格中,使用简洁、线条简单的图标和图形,使得用户能够更好地理解界面上的功能和含义,同时也能更加快捷的查找和使用。
5. 极简主义:扁平化设计中,极简的概念十分重要。
极简主义通过在细节上删减、降低复杂度来实现简洁、明快的效果。
简而不减是扁平化风格设计的核心特点。
1. 追求真实的感觉:拟物化的设计风格追求真实感,以仿照物理世界中的物体为创意灵感。
它的目标旨在让用户感到可接受性和易用性更具可信度。
2. 展现立体感:拟物化的设计风格更强调空间的概念,力求展现出物品的质感和立体感,让设计感更加强烈明显,这是关键的视觉传达手段。
3. 描述权重,强调重点:拟物化的设计风格通过阴影、纹理等形式来描述权重大小,并且通过放大、扁平化等手段来强调重点,这些都是传达设计理念的关键点。
4. 色彩更加真实:拟物化风格的UI设计在使用颜色时,更强调真实感,不局限于亮堂色的鲜艳和颜色组合。
它把色彩组合的目标从视觉传达提升到更加丰富的表现层面上。
总结:扁平风和拟物风都有各自的独立特色。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
界面设计中的扁平化设计与拟物化设计之探议作者:李佳来源:《艺术与设计·理论》2014年第03期摘要:拟物化设计曾经在界面设计的发展中扮演者引领潮流的角色。
“扁平化设计”是近年来崭露头角的设计风格。
文章具体阐述和分析了拟物化设计盛行和没落的发展历程、原因及扁平化设计的特点;并针对业界所争执的孰是孰非的热议现象表明观点:好的设计是适合的设计,设计的本质不在于外观形式,而在于强调信息结构的组织性和优良的用户体验。
关键词:界面设计扁平化拟物化检索:Abstract :Skeuomorphism had led the development trend and played a pivotal role in interface design for decades. The flat design became popular and prevailing recently. This paper not only elaborated the development process of Skeuomorphism, analyzed the reasons for these changes,but described the key features of the flat design simultaneously. The author expressed the view on the arguable “hot spot” in the nature of design,and concluded that “Good design was not just focus on the style, it would serve the object properly, the crucial issue was providing good user experience with organized and logical information.”Keywords :Interface Design, Flat Design, SkeuomorphismInternet :2013年,“扁平化设计”一词在交互设计业界大概是被提及最多的大热词汇。
事实上早在2006年,当微软推出的一款mp3播放器zune的界面时,扁平化的设计风格已初见端倪,但由于产品本身的推广不力,尚未形成热潮。
2012年,当微软公司揭开windows8的神秘面纱那一刻,其鲜明简洁的扁平化风格界面再次引起业界及用户的热议。
一度推崇拟物化风格多年的苹果公司,在公司高层动荡过后,新任副总裁Johnthan Ive曾表示过厌恶拟物化风格,2013年9月全新推出的ios7也正是以其全新的扁平化展示于大众,全面转化了多年来苹果公司所塑造的视觉形象。
谈及扁平化设计,与之伴随的另一词汇“拟物化设计”因为与之大相径庭的设计原则与表现风格,常常被同时提及并与之比较。
曾几何时,拟物化设计风格引领界面设计潮流多年,可谓风声水起,千万设计师疯狂追寻乐此不疲。
而如今又为何遭受扁平化设计的冲击,甚至面临被颠覆的状况呢?一、拟物化设计(一)什么是拟物化设计所谓拟物化(Skeuomorphism),原本是希腊词汇,在wikipedia里是这样解释的:“拟物化是指对象保留了旧时特质的装饰性元素,这些元素对于当前对象的功用已不再必要。
”拟物化曾一度在材料应用领域广泛使用,比如人造革,仿木纹的塑料地胶,都属于拟物化。
在数字界面领域里,拟物化设计起源于图形界面(GUI)的视觉隐喻(Visual Metaphor)。
往往指界面设计模仿现实物质世界中的事物,以使其外观让人感觉熟悉和亲切。
比如桌面、文件、文件夹、回收站这样的概念都是基于桌面系统的隐喻。
继1984年苹果公司的Macintosh推出后,这种隐喻也广泛应用于windows、Mac OS X、Linux等桌面操作系统以及移动装置,并逐渐被大众所熟悉。
可以说,是拟物化设计用直观易理解的物象将数字世界抽象的概念表现出来,大大加快了普通大众接受数字信息的步伐。
对于那些对数字世界不甚了解的人群,拟物化设计帮助他们将虚拟世界用户不熟悉的内容与现实世界用户所熟悉的物象产生联系,使其更易理解。
苹果公司的ios系统的人机界面指南里曾经说到,“当你应用中的可视化对象和操作按照现实世界中的对象与操作模仿,用户就能快速领会如何使用它。
”为了让用户觉得真实亲切,拟物化设计注重视觉元素的精细、层次、用光等,以期创造出逼真的形象。
(二)拟物化的滥用当拟物化风格逐步在界面设计领域占据主导地位后,似乎逐步陷入一种怪圈。
众多设计师投入过多精力到诸如反复修整皮革背景纹理或反复调整投影角度的工作中,反而忽略了交互行为本身。
而事实上光影是否真实,质感是否逼真并不能使用户更有效率地完成任务。
众多界面拟物化的滥用及过度设计,产生了很多不易用,给用户带来负担的产品。
拟物化设计往往试图给予用户共鸣,如果产品的外观展现得越逼真,用户使用时越容易预先产生一种与原来对象特性相同的期待。
然而由于产品特性、操作方式和原有参照物存在诸多不同,新产品无法给予用户原本期待的物理反馈。
这种逼真感反而会使用户在进行操作时感到受挫或无所适从。
以Quicktime4播放器界面的音量调节设计为例(图1)。
传统的真实世界的播放器是用旋钮来调整音量的,用大拇指可以很容易地完成操作。
可是放置在界面中的旋钮并不能有真实的触感,需要用指针艰难地向上滑动,旋钮暴露的部分很少,可能需要用户多次拖拽放才能完成操作。
虽然设计者可能也认识到了这个问题,另外添加了可通过鼠标指针调整音量的功能,用户需要在旋钮附近点击并拖拽。
但是这个功能常常不被用户所知,因为没有任何提示显示可以用这种方式操作。
显然,从用户体验和人机工学的角度,这个旋钮的设计是失败的。
在其Quicktime5版本中这个音量调节的旋钮被去掉了。
因此,不论其表面看来多么逼真,质感多么接近现实,只要不能让用户觉得好用就不是个好的设计。
(三)拟物化设计也有其自身的局限性拟物化设计常常用一个具体的物象唤起人们对于某种经验的联想,这一具体的物象由于文化的差异性往往不能在所有地域产生同样的效果。
随着科技的发展,曾经在一个时间段广泛普及的参照物本身可能已经不再是被频繁使用,甚至已经被历史淘汰,那么原有的设计也不得不相应作出调整。
至今仍被广泛使用的储存图标,是一个磁盘的图形,对于很多现在的青少年,他们从未经历过那个需要用3.5寸盘储存1.44M文件的年代,对于他们来说,这个拟物已经失去意义了,他们只是在记住图形本身而已。
二、扁平化风格(一)时代背景:数码产品神秘感不在,人们更关注效用在数码产品不是那么普及的年代,拥有一台电脑,一部手机或许是一种奢侈品,而不曾拥有的人如有机会把玩也会对于各个按钮或图标试试新鲜,而后再为其逼真细腻的视觉风格感叹一番。
而如今随着科技的发展,智能手机、触屏对于大众已不再陌生。
在人人都有电脑,人人有手机的时代,数码产品的普及已经使得一切不再新鲜,人们更倾向于数码产品是否可以快速地帮助他们达到目的,是否高效。
与之同时,也已经不需要通过拟物化去降低学习成本了,拟物的使命至此已经终结。
(二)扁平化风格——界面设计的极简主义犹如20世纪60年代,在建筑设计领域极简主义风格的兴起是源于对当时代过度装饰的颠覆一样,扁平化设计也以其简洁明了的风格一反拟物化强调效果、装饰性的特点,成为了2013年应用设计最显著的趋势。
拟物化风格在主宰界面设计多年之后,大众也逐渐对其从最初的震撼吸引变为习以为常,甚至审美疲劳。
风格潮流的轮回至此,将扁平化设计风格推到了风口浪尖。
扁平化设计的特点:1.拒绝特效。
扁平化设计以二维形态示人,放弃一切装饰效果。
和拟物化设计强调的质感光影不同,扁平化设计摒弃一切诸如浮雕、投影、高光等特效,仅以鲜明的色块和突出的文字信息呈现。
2.简洁的视觉形态。
扁平化设计通常尽量使用最简单的几何形,如圆形或长方形的形态特征,使图形简洁突出,方便点击。
3.强调色彩鲜明。
扁平化设计常常用色鲜明,倾向于有更多色彩的搭配,同一界面的配色可能到6-8种颜色。
4.重视排版。
排版不仅仅是关于视觉美学,更是一门信息组织的学问。
了解用户的需求,在合适的地方以适当的字体字号呈现,展现清晰的视觉层次,帮助用户更有效的达到预期目的,会有助于提高用户体验。
5.做减法。
包豪斯时期米斯凡德罗所提出了“少即是多”的设计原则,扁平化设计可以说是在界面设计中充分地诠释了这一理念,即强调对于一切视觉元素做减法,避免不必要的元素出现在页面中。
德国著名产品设计师 Dieter Rams曾经提出关于“什么是好设计”的十条原则,其中一条就是“尽可能简洁的设计——少,但是更好。
因为把精力都集中在最精华的部分,设计应回归纯粹,回归简约。
”这样的特点也正好反映了交互设计中一贯强调的可用性原则,用户需要什么就给他们什么,过多的不必要元素的放置是在制造视觉噪声,给用户带来负担。
通过比较部分苹果ios6和ios7的界面,扁平化设计的风格相对于之前的拟物化显得更加开阔和敞亮,同样的篇幅内容如果加入3d光影效果,容易显得拥挤,信息量受限。
后者平面化的效果通过单纯的色彩变化,去除了视觉噪声,反而更突出了操作内容。
(图2)(三)扁平化设计是否适用于所有设计?好的设计是适合的设计。
扁平化设计的视觉风格对于信息量大,层级多的网站来说非常适用,使用户可以快速清晰地找寻所需的信息。
但是对于角色扮演类游戏网站,或者电影宣传网站就未必是个好的选择。
这种类型的网站,更侧重于营造某种氛围,使用户沉浸其中,所以视觉的震撼是必不可少的部分。
另外,一些界面中的细节,浅浅的阴影或轻微的悬浮效果对于信息分层上还是发挥了效果,若恪守绝对扁平化的风格,所有的视觉元素将会被置于同一平面,用户在使用时有可能产生疑虑,到底哪些地方可以点击。
看似简单的扁平化设计其实面临的是更大的挑战。
三、被误读的拟物化和扁平化由于众多强调细节层次的拟物化的涌现,使得很多时候被大众将拟物化完全等同于写实主义,认为拟物化一定是复杂繁琐的,立体的,而扁平化就是拟物化的对立面。
事实上,是二维还是三维只是表现形式的差异,并不能从本质涵义上将二者对立。
扁平化的表现形式虽然简洁,但从其所包含的涵义来说也未必不能是拟物的。
比如在苹果ios7里的camera,clock图标,就是一个典型的扁平化的表现形式,但是其根本实质却还是拟物的。
(图3)四、设计的本质是给用户提供有效的服务和良好的体验设计,是为了完成任务,解决问题。
可用性和用户体验比外观更重要。
如何高效地帮助和指导用户完成他们想做的事,是设计的根本。
用户看重的是完成任务流程的顺畅程度和完成过程中的感受。