扁平化设计——网页设计趋势的发展
Posted: Mon Dec 09, 2024 5:01 am
扁平化设计是如何产生的?几年前,在我的硕士论文中,我研究了历史上的设计趋势。有趣的是,设计趋势的共同点也可以在扁平化设计或拟物化设计中看到。
对于每一个设计运动或设计,一段时间后总会有一个特定的设计运动产生的反运动。既然拟物化的效果和技术可能性已经完全耗尽,很快每个网站看起来都一样,对用户眼睛的不同吸引力的渴望就产生了。
因此,扁平化设计可以被视为拟物化的逆流。这个设计运动的特别之处在于,一个新的运动(材料设计?)从一个运动(拟物化)和一个反运动(平面设计)中出现。在理论和美学方面,扁平化设计让我想起了 HFG Ulm 和由此产生的产品(Dieter Rams 等)。
这意味着完全拒绝渐变和阴影只是一种网页设计趋势。如果(例如从可用性角度)使用渐变(例如)来标记按钮更好,那么由于可用性,应该使用渐变。
扁平化设计与拟物化设计
扁平化设计之初,所有按钮和控件都是扁平化设计的——扁 伯利兹手机号码
平化设计!然而,随着时间的推移,很明显这些按钮不再突出,或者更难以从界面的其他部分中脱颖而出。用户过去已经了解到按钮有渐变并且通常有阴影。用户从过去使用其他网站的无数经验中了解到,链接带有下划线,并且某些元素具有特定的交互行为。
拟物化设计
网页设计中拟物化的典型例子。
当然,摆脱拟物化是(至少部分)正确的。如今,年轻用户不再熟悉许多拟物化图标。例如,软盘作为存储符号。没有一个 15 岁的孩子一生中见过真正的软盘。我们十几岁的孩子可能只知道这个磁盘是Word中的一个符号。
然而,扁平化设计风潮以来蔓延的“扁平化炎”却应谨慎对待。按钮和控件的设计应从不太重要的元素中脱颖而出。各个界面元素的重要性优先级应该通过设计简洁、清晰地传达给用户。这里的问题是如何在网页上包含3 个以上交互选项的网站上仅使用扁平且简约的元素来传达这一点。
当然,扁平化设计的优点之一是它可以更快地暴露不良设计。不再有那么多机会在设计中隐藏新的、功能性的假冒装饰元素。
扁平化设计的继承者?!
谷歌创造的“近乎扁平化设计”或Material Design可以被视为继承者。这种发展(从扁平化设计的角度来看)是一个很好的发展。在极简主义和对形式的关注中,功能(实际上处于前台)有时在扁平化设计趋势中被遗忘。
就我个人而言,我不相信严格遵守任何网页设计趋势。您应该批判性地审视每一种设计趋势,并决定可以使用哪些设计功能来改进您自己的设计。
我发现拟物化或扁平化设计趋势的有趣之处在于网页设计师同事对这些趋势的反应。如果昨天每个元素都装饰了至少 5 种效果,那么第二天一切都被设计为扁平化。渐变和阴影一夜之间就被完全遗忘了。是的,甚至皱眉 - 如果你想使用微妙的阴影 - iiiih!影子——这不可能!
这个小故事旨在表明,中间路径通常是最可持续的设计路径。
您对扁平化设计有何看法?
对于每一个设计运动或设计,一段时间后总会有一个特定的设计运动产生的反运动。既然拟物化的效果和技术可能性已经完全耗尽,很快每个网站看起来都一样,对用户眼睛的不同吸引力的渴望就产生了。
因此,扁平化设计可以被视为拟物化的逆流。这个设计运动的特别之处在于,一个新的运动(材料设计?)从一个运动(拟物化)和一个反运动(平面设计)中出现。在理论和美学方面,扁平化设计让我想起了 HFG Ulm 和由此产生的产品(Dieter Rams 等)。
这意味着完全拒绝渐变和阴影只是一种网页设计趋势。如果(例如从可用性角度)使用渐变(例如)来标记按钮更好,那么由于可用性,应该使用渐变。
扁平化设计与拟物化设计
扁平化设计之初,所有按钮和控件都是扁平化设计的——扁 伯利兹手机号码
平化设计!然而,随着时间的推移,很明显这些按钮不再突出,或者更难以从界面的其他部分中脱颖而出。用户过去已经了解到按钮有渐变并且通常有阴影。用户从过去使用其他网站的无数经验中了解到,链接带有下划线,并且某些元素具有特定的交互行为。
拟物化设计
网页设计中拟物化的典型例子。
当然,摆脱拟物化是(至少部分)正确的。如今,年轻用户不再熟悉许多拟物化图标。例如,软盘作为存储符号。没有一个 15 岁的孩子一生中见过真正的软盘。我们十几岁的孩子可能只知道这个磁盘是Word中的一个符号。
然而,扁平化设计风潮以来蔓延的“扁平化炎”却应谨慎对待。按钮和控件的设计应从不太重要的元素中脱颖而出。各个界面元素的重要性优先级应该通过设计简洁、清晰地传达给用户。这里的问题是如何在网页上包含3 个以上交互选项的网站上仅使用扁平且简约的元素来传达这一点。
当然,扁平化设计的优点之一是它可以更快地暴露不良设计。不再有那么多机会在设计中隐藏新的、功能性的假冒装饰元素。
扁平化设计的继承者?!
谷歌创造的“近乎扁平化设计”或Material Design可以被视为继承者。这种发展(从扁平化设计的角度来看)是一个很好的发展。在极简主义和对形式的关注中,功能(实际上处于前台)有时在扁平化设计趋势中被遗忘。
就我个人而言,我不相信严格遵守任何网页设计趋势。您应该批判性地审视每一种设计趋势,并决定可以使用哪些设计功能来改进您自己的设计。
我发现拟物化或扁平化设计趋势的有趣之处在于网页设计师同事对这些趋势的反应。如果昨天每个元素都装饰了至少 5 种效果,那么第二天一切都被设计为扁平化。渐变和阴影一夜之间就被完全遗忘了。是的,甚至皱眉 - 如果你想使用微妙的阴影 - iiiih!影子——这不可能!
这个小故事旨在表明,中间路径通常是最可持续的设计路径。
您对扁平化设计有何看法?