UI 设计风格有哪几种?有什么区别?

发布时间:2022-12-05 19:45:52

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

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

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

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

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

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

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

UI 设计风格有哪几种

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

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

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

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

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

轴测插画风格设计,来源:即时设计

新拟态风格 Banner ,来源:即时设计

最后

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