瑞士风格不仅存在于海报和其他图形设计中,可用于网页设计。DiogoTerror在SmashingMagazine中写道,瑞士风格与创建用户友好界面的目的一致。
这种平面设计风格诞生于制度背景下。那个时代的作品大多是海报、邮票、机构排版识别系统、街道标志等。从这个意义上说,这些艺术家不仅利用自上而下的交流,还创造了用户友好的界面。
瑞士风格的视觉特征涉及将元素放置在数学结构的网格上,以创建统一的构图。网格为设计提供了限制元素的结构。
网格应以清晰的方式呈现文本和视觉信息。字体选择应为sans-serif(无衬线体),并与左侧对齐。最终的结果应该是不对称的设计(不同于欧洲古典的居中对齐排版)。
Josefmuler-brockmann是瑞士风格的先驱之一,也是《平面设计网格系统》一书的作者。他说:网格系统是一种辅助,而不是保证。它允许各种可能的用途,每个设计师都可以找到适合他个人风格的解决方案。但是你必须学会如何使用网格;这是一门需要练习的艺术。
设计师还有哪些其他方法可以将瑞士风格带入网页设计?
瑞士设计的特点是页面上的元素应该有其功能(不仅仅是装饰)。每个元素都有原因。这种哲学让人想起极简主义。
但是为什么你的设计应该简单甚至极简呢?当您将网站设计减少到真正需要的唯一元素时,您可以在设计中创建清晰度。
以上是瑞士风格的网站模板。标题大,信息清晰。我们的注意力不会跳跃,因为只有几种颜色:白色、蓝色和黑色。而且由于UI元素数量有限,很清楚网站代表什么。相比之下,繁忙的设计会造成混乱和紧张。
设计是尝试传递信息。如果在其他竞争元素的噪音下听不到应有的信息,用户会得到不愉快的体验。
你应该向用户提供他们正在寻找的信息,而不是干扰他们。
产品设计师JoshuaPorter写道,清晰度是界面设计中的第一位。他继续说,为了有效,人们必须意识到什么是信息,以及为什么要使用这些元素。
本质上,清晰度激发信心,促进进一步使用。
在瑞士风格的网页设计中,您的字体选择非常重要。瑞士风格也被称为国际字体排版风格。因此,这种风格在某种程度上依赖于字体。
字体是瑞士风格的主要设计元素。看看这期间的任何海报,你会看到大而粗的字体占据了大部分空间。
如果你想让你的网页设计体现瑞士风格,那就扔掉你的TimesNewromans、Garamonds和Caslons。不允许使用衬线字体。
让我们看看上面的网站。目标很明确:成为会员。我们关注它有两个原因。一是尺寸,字体大,信息清晰,没有其他相互干扰的消息。
另一个原因是负空间(留白)很多。这使得网站能够呼吸,更好地传达信息,并为用户提供关注。
瑞士风格的另一个特点是文本左对齐,右侧自然形成粗糙的锯齿状。文本左对齐,不要两端对齐,就像这样:
典型的瑞士风格字体:Montserrat,Opensans,Lato和Helvetica。
瑞士风格选择字体,布局合理。这源于排版层级结构。
排版层次是一种通过连贯确定信息优先级来构建网站内容的方法。这意味着:首先是重要的东西,然后是不重要的东西。
要实现视觉层次结构,您需要玩以下内容:
尺寸
颜色
字重
位置
对比
字距
如果您想学习视觉水平,请查看报纸的主页。
标题、副标题和文本副本是创建视觉层次结构的方法。标题会吸引注意力(最重要的),副标题会提供额外的信息(不太重要),文本信息,正文(最不重要)。标题和副标题都用来吸引读者继续阅读正文。
插图正在经历网页设计的繁荣。各公司使用定制插图为品牌增添魅力和个性。
但对于瑞士风格,这一切都与摄影有关。为什么?在当时的设计师看来,摄影是一种表达现实的方式。这是一个更客观的媒介(记住,这些家伙喜欢客观),而不是绘画或插图。
当我们回顾当今世界的设计运动,试图重新创造自己的设计时,最终的结果可能是模仿。
作为一名设计师,最好这些设计运动(潮流)中的有效元素,并将经得起时间考验的原则运用到你的设计中。
当我们试图重建瑞士风格时,最终的结果可能会相对苍白,因为我们已经不在那个时代了。但请记住,谨慎(克制)选择你的UI元素,多关注字体(Typography),会让你的设计更好!
美好未来首创1对1项目负责制,项目经理专人全程负责。我们为您提供网站建设优化解决方案,互联网品牌建设与网络营销,设计、技术开发、网站和SEO优化行业的技术和数据支持服务、营销推广等服务。为您的企业获取网络流量,挖掘精准客户,达到更高的销售指标。是您的企业提升产品销量最好的伙伴。