火星网校
UI设计界面流行风格，扁平化与拟物化
发布时间：2024-01-25 14:29:40 浏览量：215次
界面设计风在不断发展变化，扁平化和拟物化是现代流行的界面设计风格，两种风格本身都存在着优缺点，常常让人拿来比较。设计风格终归只是工具，产品的“可用性”才是设计本身的重点。
什么是扁平化和拟物化 ？
扁平化设计或者说扁平的UI风格是当下界面设计最受关注的发展趋势，人们常把它拿来与拟物化风格做比较，两者的设计原则与风格截然相反。 拟物化风格，顾名思义是模拟现实物品的造型和质感，通过叠加高光、纹理、材质、阴影等效果对实物进行再现，也可适当程度变形和夸张，设计界面模拟真实物体。拟物设计会让你第一眼就认出这是个什么东西。
扁平化与拟物化的区别
扁平化设计给人的感觉是简洁、明了，让看久了拟物化设计的用户有了焕然一新的感觉，扁平化设计更突出主要内容，减弱简便、高光等拟真效果对用户视觉感知的干扰，让用户更加专注于内容本身，从用户体验上来说也更为简单易用。
认知和学习成本低是拟物化设计的一大优点，拟物化设计展示了识别和熟悉的好处，其引入用户在现实世界中使用的熟悉的对象作为用户界面控制的元素，能让用户很容易地正确推断界面控制的方法。熟悉感可以鼓励用户对产品更多的使用，更快采纳产品的设计，减少新用户面对产品的恐惧感和障碍感。其中也包含了人性化的体贴。拟物化设计也存在一些缺点，大多数的拟物化界面并没有实现功能化，设计师却要花费大量的时间和精力在视觉的阴影和质感效果的打造上。
拟物化设计的症结与扁平化设计的局限性
通常来说拟物化设计有助于改善应用的用户体验，但实际上，这样的界面设计方式有时会也降低用户体验。首先应用程序与现实中的实体物品有着显著的不同。一般来说，采用拟物化设计的应用都会试图模仿一个现实物品的外观与功能，然而应用的工作方式却与现实物品不同，这会直接影响产品的用户体验。
对于一个采用拟物化设计的产品来说，如果做得足够好，产品在视觉上将于真实世界的物品产生强烈的共鸣。但同时，共鸣越是强烈，越像真实的物品，它所带来的局限性也就越发明显，这也阻碍了产品的改进与革新。
扁平化设计的特点之一是尽可能地简洁，然而界面中的一些细节对于用户能否顺畅地使用应用，起到了至关重要要的作用，比如说：按钮上带有轻微渐变的圆角设计，表单部分浅浅的阴影效果，导航栏轻微悬浮的效果。如果去除这些细节，界面中的每个元素都将被置于同一水平面，用户在使用时将不可避免地产生疑惑：这是一个按钮还是一个导航栏？如果我点击它，会出现什么？
扁平化设计要素
1、简单的元素：扁平化这个概念最核心的地方就是放弃一切装饰效果，诸如阴影、透视、纹理、渐变等等能做出3D效果的元素一概不用。所有的元素的边界都干净俐落，没有任何羽化、渐变或者阴影。
2、字体：从精美装饰性的字体，到简洁的非衬线字体，漂亮的字体是优秀的扁平设计的关键组成之一。由于界面更加简洁，可以使用字体来创建设计者所期望的风格。
3、色彩：扁平化设计中，配色是最重要的一环，扁平化设计所采用的色彩模式与其他的调色板相比倾向于更加醒目、更加明亮。同时，扁平化设计中的配色还意味着更多的色调。
4、简化的交互设计：设计师要尽量简化设计方案，避免不必要的元素出现在设计中。简化界面的同时，更重要的是做到使用上的简洁方便。
形式服务于功能
形式服务于功能、“少即是多”是20世纪极简主义运动中提出的著名口号，对现代设计影响深远。优秀的界面交互设计应该是既有“形式上的优美和婉约”，又有“技术上的精确和简洁”。
1、简洁的完整：优秀设计的经典要素之一即形式的简约：以简驭繁。对于界面设计，就是用最少的元素来完成任务。
2、内在的和谐：浑然一体的感觉是每个优秀的设计应该不断追求的标准。能够始终以一种文雅而易于理解的方式传达信息，并且向用户展现我们真正希望他们看到的东西，是保持交互设计内在的和谐的不二法则。
3、顺应的情感认知：越来越多的产品设计开始追求某个单一的用户渴求，既凌驾于用户需求之上的一种情感追求，但很多时候追求的单一性，往往会失掉了产品最基本的用户感知和认可。顺应用户的情感认知，才能调动用户的情感。
可用性比设计风格重要
从设计发展史上来看，流行的风格趋势往往在复杂和简单之间不断交替变化，这一现象在可视化设计领域，尤其是界面设计领域表现地尤为明显。扁平化和拟物化本身都存在着优缺点，设计风格终归只是工具，产品的“可用性”才是设计本身的重点。没有一种设计风格是完美无缺的。为每个产品量身定制的设计，才能使界面风格与产品要传达的信息、实际功能相吻合。
在这里我相信有很多想要学习UI设计是一名从事了多年UI设计私人定制课程，今年年初我花了一个月整理了一份最适合2019年学习的学习干货，从最基础到，各种框架都有整理，送给每一位UI设计取的可以关注我并在后台私信我：学习，即可免费获取。
热门课程推荐
热门资讯
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
想了解武汉UI设计培训班的费用是多少吗？不知道学UI设计要花多少钱？不妨看看这篇文章，了解UI设计培训班的学费价格以及学习内容。
-
10. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
