极简主义网站设计:寓丰富于简单

来源:互联网 发布:未来教育二级c语言 编辑:程序博客网 时间:2024/04/29 22:27

作为设计师,我们都知道,一个极简的设计可以实现漂亮的效果。

然而,很多设计师在实现上有些麻烦:要么是没有时间让使用如此少的元素制作的页面看起来漂亮,要么就是最终的结果只是看起来不完美

网上有很多关于极简主义设计的文章,而本文的目的是帮你实现一个漂亮而不空洞的极简网站设计

最重要的是,我们将展示一个小的极简网站设计画廊,这样你就可以分析为什么一些设计可以而其它的则不可以。

什么是极简主义设计

极简主义设计已经被描述为最基本的设计,剔除了多余的元素、色彩、形状和纹理。

它的目的是使内容被突出出来并成为焦点。从一个视觉的角度来说,极简主义设计意味着平静和将思想带回本真

这个设计运动始于瑞士,然后被用于多种媒体:图形设计、建筑、音乐、文学、绘画以及最近的网页设计。

尽管极简主义已经有几十年了,早期的互联网并没有能够展示它。即便除了旋转的logo、滚动和鲜艳的色彩之外,网站设计依然常常是杂乱和咄咄逼人的

我们将在本文中讨论极简网站建设和设计的基本原理。但是即便你选择不去追求极简主义的审美,本文也能帮你简化你的设计,无论你是哪种风格。

越简单越丰富

正如提到的,极简主义将最重要的内容带到最前面并为用户避免分散注意力。如果一个页面有太多的元素,浏览者将迷惑于去看哪里或误解每个元素的优先级。一个极简主义设计将焦点正好放到正确的内容上。

如何简化内容

实现极简设计或者简化设计的第一步,不是简单的去掉大部分图片,而是要重新考虑内容并将其简化到无遮盖的需求。只有那样才能让页面中最重要的元素实现其预期的效果。

就像你策划任何其它网站一样,写下你需要的内容:logo、介绍、导航等等。去掉其它一切不需要的东东。

尽可能的丢掉它们

下面是一些你可能不需要的元素。请注意这仅仅是一个指导。你的确切的需求将依赖于你的具体设计。下面的一些元素对你的网站制作来说可能不是必须的。

  • 社区媒体的图标或图形,或者社区媒体部分
  • 宣传员和补充说明或介绍
  • 推荐,” “流行最新列表(包括TwitterRSS订阅列表)
  • 多于3个主要部分的页面(比如介绍” “关于服务”)
  • 次级导航页面

这里的关键并非让网站有较少的功能,而是去掉不是必要的元素(从而强调必须的元素)或将多个部分整合到一个更简单的布局(比如,通过合并你的社区媒体链接到关于或介绍性部分)

你也可以分割内容到独立的页面,给予内容的每个部分更多关注。

如何简化设计

现在轮到尽可能的简化设计了。

简约设计应该有较少的纹理、色彩、形状、线条、内容或排版。然而,如果太直白,设计将会空洞。与其丢掉所有东西,不如通过给焦点添加一个重要的特征来给设计一些感染力。

选择焦点可能的样式,并在你的设计过程中注意一下下面提到的技巧。

使用一个很棒的线框

通过理论下面的展示,我们看到一些设计师通过微妙的色彩填充、独特布局或有趣的图形添加一些视觉趣味。然而,或许他们所依赖的最重要的元素,就是一个独特的线框

为这样的网页创建一个线框需要一些额外的注意事项。通过正确的线框,你可以实现正确的层级和组织以及创建正确的视觉趣味。

要启动一个线框,请按照以下步骤:

  • 确定你绝对需要的内容
  • 在一个列表里面,区分内容的优先级
  • 给予你的列表绘制线框的草图以实验最佳的视觉层级

当作出了线框之后,考虑一下布置以及视觉上的处理方法。譬如,你的logo使用了一种在其它地方不再重用的颜色,你必须说明原因。

空白

空白实际上同义与极简主义。

无论你的设计多么有创意,一个缺少大量空白的极简主义设计不是一个真正的极简主义设计。这样,一定要在元素周围比你平时添加更多的空白。

空白对平衡即将出现在页面中的少量元素是必要的。

平衡、对齐、对比

虽然大部分的布局可以通过空白和良好的线框实现,还是要特别注意一下设计的基本原则。与极简设计相关的三个最重要的因素是平衡、对齐和对比

要确保您的设计遵循这些原则,但并不需要一个补充的视觉辅助以看起来完成了。

当过度设计成为一个习惯

过度设计有时会成为一种习惯。无论你多么艰难的尝试将一个设计保持简单,它最终变得凌乱和复杂。要修正这一点,我们必须养成新的习惯。