UI 设计风格有哪几种？

更新时间：2023-02-16 14:42:53

UI 设计风格有哪几种？UI 设计风格是随着时代不断变化的，到目前为止，常见的 UI 设计风格有 2 种：扁平化设计风格和拟物化设计风格。同时每年 UI 设计中流行的设计风格趋势则会不断的变化，例如曾经流行的几何元素、柔和渐变、玻璃拟态再到如今的深色模式、3D 风格、极简风格等等。但万变不离其宗，UI 设计风格的主风格是“骨架”，因此我们需要了解这 2 种主要的设计风格是关键。一起来看看吧！

UI 设计风格之扁平化设计风格

特点：设计风格简单，给人一种轻便和亲切的感觉

优势：可以更高的视线用户的需求，是 UI 设计中的主流设计方向。

扁平化设计风格经久不衰，并且经历了持久的发展，一路从移动端演变至今，扁平化风格最初由微软发布，后来被 IOS 发扬光大，进而成为了 UI 设计行业的主流风格。扁平化设计风格，简单且高效，能够给用户带来一种亲和力的感受，同时可以更简洁的视线用户的需求。

以下 3 条内容是扁平化设计最基本、最突出的特征包括：

• 简单的元素和形状，整体是一种极简风格
• 强调功能性，排版清晰，具有严谨的视觉层次
• 整体风格上，颜色和对比度明显，几乎不适用纹理等复杂的样式

世界时钟 App 设计 作者：Omar Faizan

UI 设计风格之拟物化设计风格

特点：模拟真实物体的材质、质感、细节、光亮，交互方式也模拟现实中的交互方式。

优势：和现实世界的高度模拟，可以减少学习和认知成本。

拟物化风格应该是大多数人界面设计的第一个印象，这种对现实世界高度模拟的 UI 设计风格，主要由 ios 发扬光大，而拟物化 UI 设计的优势在于降低用户的认知和操作成本，尤其是对于智能手机刚出来的那几年来说尤为需要。不仅仅是对真实实物的材质、质感、细节、光亮模拟，也模拟真实世界中的交互方式，例如电子书的水墨屏和翻页功能。但是拟物化的“真实模拟”有时会显得冰冷而没有亲和力。

在 2013 年的 WWDC 大会中，苹果正式启用扁平化设计风格这在当年发布的 ios7 系统中可见，而这在标注了之后几年拟物风格的没落。但是从 2020 年一位乌克兰的设计师 Alexander Plyuto 在各平台发布了新的作品「Skeuomorph Mobile Banking」开始，拟物风格以全新形式卷土而来，引发了新拟物风格的浪潮，随后玻璃拟态等新拟物风格逐渐发展出新的趋势并流行。

轴测插画风格设计，来源：即时设计

新拟态风格 Banner ，来源：即时设计

最后

以上就是关于「UI 设计风格有哪几种？」的全部解答，万变不离其宗，UI 设计风格主要围绕扁平化设计风格和拟物化设计风格进行演变，又细分为不同的风格。希望本文对你有帮助！