网站设计资讯

Images

瑞士风格网页设计应该是什么样的?

建网站 网站设计 网站风格设计

瑞士风格不仅存在于海报和其他图形设计中,可用于网页设计。DiogoTerror在SmashingMagazine中写道,瑞士风格与创建用户友好界面的目的一致。

这种平面设计风格诞生于制度背景下。那个时代的作品大多是海报、邮票、机构排版识别系统、街道标志等。从这个意义上说,这些艺术家不仅利用自上而下的交流,还创造了用户友好的界面。

瑞士风格的视觉特征涉及将元素放置在数学结构的网格上,以创建统一的构图。网格为设计提供了限制元素的结构。

网格应以清晰的方式呈现文本和视觉信息。字体选择应为sans-serif(无衬线体),并与左侧对齐。最终的结果应该是不对称的设计(不同于欧洲古典的居中对齐排版)。

Josefmuler-brockmann是瑞士风格的先驱之一,也是《平面设计网格系统》一书的作者。他说:网格系统是一种辅助,而不是保证。它允许各种可能的用途,每个设计师都可以找到适合他个人风格的解决方案。但是你必须学会如何使用网格;这是一门需要练习的艺术。

设计师还有哪些其他方法可以将瑞士风格带入网页设计?

瑞士设计的特点是页面上的元素应该有其功能(不仅仅是装饰)。每个元素都有原因。这种哲学让人想起极简主义。

但是为什么你的设计应该简单甚至极简呢?当您将网站设计减少到真正需要的唯一元素时,您可以在设计中创建清晰度。

以上是瑞士风格的网站模板。标题大,信息清晰。我们的注意力不会跳跃,因为只有几种颜色:白色、蓝色和黑色。而且由于UI元素数量有限,很清楚网站代表什么。相比之下,繁忙的设计会造成混乱和紧张。

设计是尝试传递信息。如果在其他竞争元素的噪音下听不到应有的信息,用户会得到不愉快的体验。

你应该向用户提供他们正在寻找的信息,而不是干扰他们。

产品设计师JoshuaPorter写道,清晰度是界面设计中的第一位。他继续说,为了有效,人们必须意识到什么是信息,以及为什么要使用这些元素。

本质上,清晰度激发信心,促进进一步使用。

在瑞士风格的网页设计中,您的字体选择非常重要。瑞士风格也被称为国际字体排版风格。因此,这种风格在某种程度上依赖于字体。

字体是瑞士风格的主要设计元素。看看这期间的任何海报,你会看到大而粗的字体占据了大部分空间。

如果你想让你的网页设计体现瑞士风格,那就扔掉你的TimesNewromans、Garamonds和Caslons。不允许使用衬线字体。

让我们看看上面的网站。目标很明确:成为会员。我们关注它有两个原因。一是尺寸,字体大,信息清晰,没有其他相互干扰的消息。

另一个原因是负空间(留白)很多。这使得网站能够呼吸,更好地传达信息,并为用户提供关注。

瑞士风格的另一个特点是文本左对齐,右侧自然形成粗糙的锯齿状。文本左对齐,不要两端对齐,就像这样:

典型的瑞士风格字体:Montserrat,Opensans,Lato和Helvetica。

瑞士风格选择字体,布局合理。这源于排版层级结构。

排版层次是一种通过连贯确定信息优先级来构建网站内容的方法。这意味着:首先是重要的东西,然后是不重要的东西。

要实现视觉层次结构,您需要玩以下内容:

尺寸

颜色

字重

位置

对比

字距

如果您想学习视觉水平,请查看报纸的主页。

标题、副标题和文本副本是创建视觉层次结构的方法。标题会吸引注意力(最重要的),副标题会提供额外的信息(不太重要),文本信息,正文(最不重要)。标题和副标题都用来吸引读者继续阅读正文。

插图正在经历网页设计的繁荣。各公司使用定制插图为品牌增添魅力和个性。

但对于瑞士风格,这一切都与摄影有关。为什么?在当时的设计师看来,摄影是一种表达现实的方式。这是一个更客观的媒介(记住,这些家伙喜欢客观),而不是绘画或插图。

当我们回顾当今世界的设计运动,试图重新创造自己的设计时,最终的结果可能是模仿。

作为一名设计师,最好这些设计运动(潮流)中的有效元素,并将经得起时间考验的原则运用到你的设计中。

当我们试图重建瑞士风格时,最终的结果可能会相对苍白,因为我们已经不在那个时代了。但请记住,谨慎(克制)选择你的UI元素,多关注字体(Typography),会让你的设计更好!

美好未来首创1对1项目负责制,项目经理专人全程负责。我们为您提供网站建设优化解决方案,互联网品牌建设与网络营销,设计、技术开发、网站和SEO优化行业的技术和数据支持服务、营销推广等服务。为您的企业获取网络流量,挖掘精准客户,达到更高的销售指标。是您的企业提升产品销量最好的伙伴。