liuda.io

「少女情怀总是诗」Girl’s mood always wet.

当代 UI 设计与风格派

De Stijl ,风格派这一起始于 1917 年荷兰的设计运动,对现代设计的影响自不必说,而值得一提的是,荷兰风格派几乎是统治了现在的一个以屏幕为载体的互联网时代的视觉设计。

或者说现在的系统平台及软件产品几乎让荷兰风格派再度「运动」了一次。

从微软的 Metro 开始,没有人会忽视当代 UI 设计与荷兰风格派的关系。Metro 设计语言本属于国际主义平面设计风格,而国际主义平面设计风格本身就来源于荷兰风格派.

Metro: The Start screen as seen in Windows 8.1, without text, backgrounds, and other non-geometric material.
Mondrian: Composition C. 1920

为什么是风格派

一直奉行包豪斯风格的苹果公司放弃了拟物化设计进入扁平化的那一刻起即意味着将实体世界的外部特征剥离,抽象成为元素成为了设计中的第一步,而这也是风格派的核心特征之一。

风格派强调纵横结构的反复使用,而从传统客户端到 Web 前端到如今的移动端的 GUI 构成方式,都是以纵横结构为基础的,即从技术角度说,程序员们构成客户端 GUI 的方式就与风格派天然的一致。当前各类 Web 技术中使用的 Framework 的 Grid 引擎及 iOS 中的各类 UI 控件,就如同风格派最原始的「支撑」概念。

风格派与当代 UI 设计的气质如此符合,原因无外是两点,1. 技术上纵横的结构更容易实现,也更适合展示内容与文字。 2. 抽象化的元素组合更容易形成一套统一的设计语言。

「新 UI 式风格派」与传统风格派的差异

与传统设计或与传统的平面设计相比,UI 设计要承载更多的内容和文字,具体可以参考这篇文章:WEB DESIGN IS 95% TYPOGRAPHY,而其实不止 Web Design ,所有平台的 UI 设计的大部分都是传统平面设计中的 Typography ,而这一点,让其与传统荷兰风格派产生在均衡和对称上的部分差异,风格派更强调不均衡,但由于 UI 设计拥有更多的阅读场景,所以「新 UI 式风格派」使用不均衡的场景更少,但我们可以看到在不太强调阅读的场景中也依然有不均衡的比例使用。

颜色使用上,风格派强调使用基本原色和中性色,如今 UI 设计的颜色使用的哲学层面其实与这个特征是符合的,但颜色的使用更现代,更丰富。

构成主义与 UI 设计

构成主义与风格派的差异几乎很难用简单用语言说清楚,两者又有着形式上大部分的相同点,但如果仔细去读康定斯基的书,就会发现构成主义在基础构建上更复杂,两者的基础概念还是有所区别的,来源于立体主义的构成主义对元素的使用更宽容也更深入。

显而易见的是当今的 UI 设计,以及包括 iOS Design 及 Material Design 都有很多的进步空间可以参考于构成主义。事实上 Material Design 在设计的理论层面比 iOS Design 更先进,但在实践层面却输于 iOS Design .