最低限度的网页设计:当少即是多

十二月 11, 2009 by zeze · Leave a Comment   

作为设计师,我们都知道, 最低限度的设计可以达到美观效果。

不过,许多设计师创造一个有困难,或者他们也很难使这样一些内容与网页好看或最终的结果只是不看“完整的。”

有很多文章,关于网络和简约本文旨在帮助您实现最低限度的设计 ,是美丽的,但不是裸露。

更令人称道的,我们将提出一个极简设计的小窗口 ,让您可以分析为什么一些设计工作,有的则没有。

什么是简约的设计?

极简的设计已被描述为设计在其最根本的,多余的元素,颜色,形状和纹理剥夺。

其目的是使内容脱颖而出,成为焦点。从视觉的角度来看,简约的设计,就是要镇定,并把思想到的基础知识

设计运动开始在瑞士和当时适用于各种媒体:平面设计,建筑,音乐,文学,绘画,最近,网页设计。

虽然简约设计起飞几十年前,在互联网发展的初期并没有表现出来。

即使没有旋转标志,帐篷和鲜艳的色彩, 网页设计是混乱和霸道

我们将继续超过简约设计的基本原则。不过,即使您选择不寻求执行一项最低限度的美学,在这里的经验可以帮助您简化您的设计,无论你的风格。

少就是多

如上所述,极简主义带来的最重要内容的前列,为用户最大限度地减少干扰。 如果一个页面有太多的元素,观众会感到困惑,去哪里寻找或误解的每个元素的优先事项。阿简约设计的重点放在正面的内容。

任何黑色相间的色彩设计的泼例如,肯定会获得用户的注意。 .颜色本身成为焦点让我们看一个具体的例子:

2008年1月赖克勒

你可能看到这种设计前:纯白色背景,其中一个内容块和图形元素。

图形元素带来的颜色,纹理和形状。 这显然是在页面上最重要的元素,它定义了设计师的品牌和标识。

随着这一特定的图形元素的复杂性在此页面更多的内容这样做可以显着减少 ,并不太重要。保持最低限度的内容,设计达到了完美的平衡。

如何最大限度地减少内容

第一步建立一个简约的设计,或者只是简化布局,并不是单纯地削减了大部分的图形,而是要重新思考的内容和带它裸露的要求。只有这样,在网页上实现其预期效果的最重要因素。

就像你计划的任何网站,写下你需要的内容:标志,引进,航运等剪下其他任何不是必要的。 扔掉尽可能

以下是一些元素您可能并不需要。请记住,这只是一个指南。 您的确切要求将取决于您的特定设计。 下面的一些项目可能不需要为您的网站。

  • 图标或社会媒体,或部分社会媒体在所有图形
  • 和补充描述或介绍
  • “精选”,“俗”,“最近”名单(包括Twitter和RSS提要列表)
  • 以上三个主要部分页面(如“导言”,“关于”和“服务”)
  • 次要的导航页。

这里的问题不是让网站功能少,而是要减少不必要的元素(因此强调有需要的)或组合成一个简单的布局(例如部分,纳入社会媒体的联系,把“关于”或导言部分)。

您也可以划分为不同的网页内容,让每一块内容更加注意。

如何简化设计

现在是时候以简化设计尽可能。

极简的设计应该没有什么质地,颜色,形状,线条,内容或类型。 走得太远裸露,尽管如此,该设计将乏味。 而不是一切倾倒出来,使一个重要特点重点的设计上诉。

选择什么,重点将是,并记住你下面的提示,通过您的设计工作。

使用大构架

在浏览橱窗节中,我们看到一些设计师添加了微妙连发色彩,独特的印刷或者有趣形状的视觉趣味。也许最重要的因素,他们都依靠,虽然, 一种独特线框

创造这样一个光秃秃页面线框需要特别注意的一点。正确的线框,可以实现正确的层次结构和组织,创造视觉趣味。

线框

为了拿出一个线框,请按照下列步骤:

  • 决定哪些内容你绝对需要
  • 在列表中,优先考虑的内容
  • 素描在您的名单,实验为基础,最佳视觉层次数线框。

当工作了线框,而且考虑安置视觉处理。例如,如果您的标志颜色,有一个你不重用其他地方的设计,你必须考虑到这。

空白

几乎是空白简约的代名词。

无论你如何与它的创意是,一个没有足够的空白简约设计是不是真正最低限度的。 所以,一定要围绕增加更多的白色元素的空间比你通常会。

空间是需要平衡的几个因素将出现在页面上。

平衡,调整,对比度

虽然大部分的负荷可以通过白色的空间和良好的线框进行,特别应注意与设计的基本原则。三大相关简约的平衡,路线和对比度

要确保您的设计遵循这些原则,但并不需要补充直观教具看“结束。”

设计原则

请记住,其他基本设计原则,也进行审查,并尝试不同的选项以达到最佳效果。 检验“ 设计原则 ”,为更多的想法。

当过设计成为一种习惯

过度设计有时成为一种习惯。不管你多么努力保持设计简单,它出来混乱和复杂。要解决此问题,我们必须形成新的习惯。

尝试检讨上述提示每个项目之前,让他们记住在这个过程中。专注于开发一次一个习惯。 例如,工作,减少和简化,随后影响了空白的内容。

如果您发现左右为难思考自己,“有什么遗漏,”先试到的东西出来,而不是将一些新的东西英寸

极简主义的每一个方面,需要不同的人才。 您的设计将变得更加简单,你把这些原则付诸实践。

T以进一步,一旦您已经应用的技术这里讨论,在成品看看,看看你能设法简化的结果进一步发展。

你可以注意力集中在你不能确定在设计过程中,你可以要求其他设计师指出,你可能错过的内容。

极简魅力

下面是一个简单的极简设计橱窗。 看看这些每一个实现了我们讨论的原则。 Also see which ones break our guidelines, and think of why they still work.还看到哪些打破我们的指南,以及为什么他们仍然工作的想法。

1. James Day Photo

James Day Photo

2. Killswitch Collective

Killswitch Collective

3. Lonely

Lonely

4. DBushell

DBushell

5. XPD.no

XPD.no

6. Toy NY

Toy NY

7. Joshua Serbus

Joshua Serbus

8. Ah-Studio

Ah-Studio

9. Symour Powell

Symour Powell

10. Icon Werk

Icon Werk

11. Neil Wilson Architects

Neil Wilson Architects

12. Non-Format

Non-Format

13. Zaum

Zaum

14. Checkland Kindlysides

Checkland Kindlysides

15. Blumenthal

Blumenthal

16. Tink London

Tink London

17. Proud Creative

Proud Creative

18. Kimag

Kimag

19. Bernat Fortet

Bernat Fortet

20. All Day

All Day

一些趋势

正如你所看到的,最低限度的网页设计有一些明显的趋势。 作为这些趋势有助于我们提高认识在许多方面我们的设计。

我们不仅能够从其他设计师的辛勤工作,在布局灵感,但我们能够自觉地从这些趋势打破建立我们自己的创新之路。

让我们讨论了进一步详细讨论这些趋势的几个。

黑与白

最显着的趋势之一是广泛采用黑色和白色 这是很明显的:应简化颜色,纹理,形状和内容一起。 但它可以过头这些天,显得有点沉闷。

看一个已经定义在上面展示的颜色几个网站,看看他们如何脱颖而出其他极简设计。 .此外,认为他们如何设法保持最低限度的这种强烈的色彩,甚至使用。下面是一个例子:

Toy NY

有趣的印刷术

印刷术的Web设计是紧密联系在一起的简约。

当设计师很少别的激发用户,他们往往抓住有趣的排版。你甚至可以走得更远,以此作为唯一的视觉元素排版。

这是一个大胆的技术但本身仍然是一个趋势如何使设计排版提高查询,同时保持独特。

Ah-Studio

Flash

网站的设计,简约数量惊人,基于由于在这么短的视觉刺激一样,设计可受益于微妙的动画 (如文本和退出褪色)没有被压倒。

此外,闪存消除在设计过程中某些限制。非常规线框,印刷和其他元素,可以更容易实现与闪存比传统的方法。

.

Tink London

结束了

简约设计的形式有多种,但我们常常看到相同的形式重演。可以成为咄咄逼人的趋势,我们必须打击的冲动去模仿,同时了解它一个趋势是有意义的。

在任何情况下,简约美丽可以将多年的的到来,所以它的技术学习一些有益的,可令人难以置信,无论您的客户或你自己的项目。

即使你不感兴趣的简约风格,教训和原则的可以帮助您简化您的设计,它总是一件好事。

以上中文内容是通过GOOGLE翻译而来,英文原文
原文:最低限度的网页设计:当少即是多
来源: depot
版权所有,转载请注明。

相关文章


About zeze

发布评论