简约主义设计 少就是多的设计原则


  本文翻译自老外的一篇文章(原文),但并不是完全的直译,文章中加入了我的一些经验与想法:

  作为设计师的我们,都知道一个简约的设计可以创造出很美观的结果。然而,在真正去做的时候许多设计师都会遇到麻烦,在用相当少的元素去设计一个页面时,感觉相当的困难,结果都会觉得这个页面看上去像没完成的。网上有许多关于极简主义设计的文章可以去帮助你去实现效果,但却不是仅有的办法。现在,我会举一些关于极简主义设计的例子,大家可以去分析为什么有些能起作用有些却不能。

  什么是简约的设计呢?

  简约的设计可以形容为最基础的设计,去掉多余的元素,颜色,形状和纹理。其目的是使内容中脱颖而出,成为焦点。从视觉的角度来看,简约的设计是平静的,让用户的心灵处在最原始的地方。设计发展开始于瑞士,当时适用于各种媒体:平面设计,建筑,音乐,文学,绘画,更多的是最近谈的网页设计。

  虽然简约的设计发展了这几十年,早期的互联网并没有表现出效果来。甚至都没有旋转可动的logo,图片滚动和鲜艳的色彩,网站设计的混乱而且无规律。其实我们可以回归到简约设计的基本原则。但是,即使您选择不追求极简美学,这里的经验教训可以帮助您简化您的设计,或者你的风格。

  少即是多

  正如前面提到的,极简主义会给用户带来的最重要的内容,最大程度的减少用户去分心。如果一个页面有太多的元素,浏览者将到去寻找重要内容而且要考虑每个元素的优先级。一个简约的设计,把所有的重点都放在内容上。

  举一个妖娆艳丽的色彩展现黑色和白色上的设计,这样一定是想去得到用户的关注。让色彩本身成为焦点。让我们看看一个具体的例子 :


  你可能曾经看到过这种设计:纯白色的背景,内容和一个图形元素明显的区分。图形元素带来了颜色,纹理和形状。这些显然​​都是在页面上最重要的元素,它定义了设计师的想法和创意。这个特定的图形元素的复杂性,使得网页上更多的内容就不会那么明显了,那么重要了。让主题内容显得简洁而突出,设计师已经完美的平衡了这一点。

  如何最大限度地减少内容

  第一步,我们要创建的就是简约的设计,或者是简化布局,不是简简单单地削减了大部分的图形,而是要重新思考的内容和去掉无用的要求。只有到那时,最重要的元素在页面上才能实现预期的效果。就像你去策划任何网站,写下你需要什么样的内容:Logo,描述,导航等,去掉所有没有必要的模块。尽可能的去删减 。下面就是一些你可能不需要的元素。谨记,这仅仅是一些指导。特定的设计会根据特定的需求去决定。下面中有些就是我们在设计网站中可以简化的:

  社会化媒体的图标或图形,或者相关的章节

  标语和详细的描述或介绍

  “相关的”,“最受欢迎的”和“最近浏览的”等等列表(包括Twitter和RSS列表)

  超过三个主要部分(如“简介”,“关于”和“服务”)的网页

  二级导航页面

  这里最关键不是去削减网站的功能,而是削减不必要的元素(从而突出必要的主题内容),或者组合一些模块成为一个,组成简单的布局。您也可以分割单独模块的内容,让分开的内容更加受关注。

  如何简化设计,现在的要做的是尽可能去简化设计。极简的设计应该是少许的质感纹理,颜色,形状,线条,内容等类型 。也不能太大胆,这样设计出来的感觉会变得枯燥 。我们抛开一切,通过去制造亮点来突出主题。那么怎样去制造视觉亮点呢,记住下面展现出来的一些方法,灵活的去运用在你工作或设计的过程中。

  使用一个大的线框

  在浏览下面展示部分,我们看到一些设计师添加了微妙的色彩,独特的排版或有趣的形状增加了视觉效果 。虽然只是一个线框,但却是最重要的元素,创建这样一个页面线框需要额外的细心。有了正确的线框,可以突出的页面的主题和层次,并创造出视觉效果。


  使用线框时,可以按照下列步骤操作:

  确定你最需要什么样的内容

  在列举的模块中,优先考虑的内容

  画些重要模块的线框草图试验,看下视觉效果

  当我们画线框时,考虑下位置,怎么进行视觉处理。例如,如果您的标志有一种颜色,你就可以重用logo的颜色设计,加上一定的辅助色来突出主题。

  网页留白

  网页设计留白实际上是极简主义的代名词 。不管你在用它时是多么有创意,没有足够的留白的设计不是真的极简主义设计。所以,一定要在你通常使用元素的周围添加​​更多的空白。留白是需要在页面上平衡的多个元素才会出现的。

  平衡,对齐,对比

  虽然大部分的页面加载可以通过留白和线框进行,设计的基本原则还要考虑些特殊的情况。包括这三块:网站的平衡,对齐和内容的对比 。务必坚持这些原则,这样你的设计就不需要补充其他的内容来说明便是一个完整的设计。


  要记住这些基本设计原则。去回顾,并尝试用不同的方法,以达到最佳的效果 。可以点击上面图片的地址去了解更多的设计原则 。

  当繁琐的设计成为一种习惯

  繁琐的设计有时会成为一种习惯。无论你怎么努力去保持设计的简单,它有时候出来的效果还是复杂的。为了解决这个问题,我们必须养成新的习惯。如果您发现自己已经陷入一个死角,“迷失了”,首先要尝试舍弃一些东西,而不是将一些新的东西融入。极简主义的每一个方面都需要不同的才能。如果合理的运用这些原则的话,您的设计将变得更加简单。进一步,一旦你运用了我们在这里讨论的手段,看看完成的作品,是否可以找到方式进一步去简化。您可以把精力集中在设计过程中模棱两可的地方,你可以问其他设计师,去指出你删减的过程中可能已经错过的一些元素。

  极简主义的魅力

  下面是一些简短的极简主义设计展示。看看这些如何实现我们所讨论的原则。也看到哪些突破我们的指引,并想想他们如何去体现的:

  1.James Day Photo


  2. Killswitch Collective

时间: 2024-10-02 12:44:42

简约主义设计 少就是多的设计原则的相关文章

交互设计经验谈:移动应用交互设计原则

文章描述:设计在很多时候都是靠灵感的闪现,移动应用的设计则更加的灵活多变,如何能更好地设计出一个应用,没有具体的方法和成规.但是,为了能更好地避免设计师们走弯路,设计原则的学习是有必要的,它给了设计师们一定的参考和指导. 摘要:交互设计专业也有了蓬勃发展,Ben Shneiderman 提出的交互设计"黄金八法"和Nielsen 的"启发式评估10条原则"为交互设计的评估提供了标准.我们在考虑其他原则的基础上,整理了八条移动应用设计的针对性原则. 本文节选自<

优秀的Web设计:优秀设计思想的10项原则

文章描述:优秀Web设计10项原则:创新实用富有美感. 他能够为我们使用家用电器的方式掀起一场革命,现在我们仍然把它作为现代世界的设计灵感,最好例子就是Apple.Apple的许多畅销产品的核心功能都采用了Dieter Rams的设计原则. Dieter Rams最著名的设计思想是优秀设计的10项原则,这些原则通常用来做出好的设计或对其进行归类.这些原则包含了在创建项目的时候设计师需要考虑到的问题,但是这些原则最适用于工业设计,因为Dieter Rams正是在这个领域做出了非同寻常的作品,并得出

一流设计专家:网站设计必知的65条原则

设计 网站中有哪些关键技巧?有哪些陷阱?在这里,世界上一流的网站设计专家,让你共享他们的秘密,告诉你:使网站赋予情趣的诀窍.应该避免做什么.应使用什么工具软件以及他们喜爱和厌恶的网站. 01 明确内容 如果你想成为一个网站设计者,并正想建一个网站的话,首先应该考虑网站的内容,包括网站功能和你的用户需要什么.你的整个设计都应该围绕这些方面来进行. 02 抓住用户 如果用户不能够迅速地进入你的网站,或操作不便捷,网站设计就是失败的.不要让用户失望而转向你的对手的网站. 03 优化内容 内容是核心.大

一个好的界面设计应该注意的75个原则(上)

  1. 使用单栏布局代替多栏布局 单栏布局能够让用户对全局有更好的掌控,对内容一目了然.而多栏布局可能会分散用户注意力.最好的做法是用一个有逻辑的叙述来引导用户并在末尾放上你的行动按钮. 2. 使用礼品诱惑代替生硬的推销 例如可以给用户提供礼物来表达你的友善姿态.更深层的讲,送礼是一种基于互惠原则的有效说服策略.显而易见的好处是让你在往后的活动进展中更加顺利. 3. 合并重复的功能避免分散 随着时间的推移,不可避免的你增加了很多模块.元素,而且功能相同.碎片化的界面会增加用户的学习曲线,所以需

标志设计评选中的几个原则

[译者的话] 作为一家非盈利性的防止青少年自杀的机构, Five Alive 希望拥有一个独特的标志来配合机构的宣传.他们决定在网站上通过竞赛方式来挑选标志,本文是客户对这一设计项目的回顾.但主流设计界对于这种通过时下流行的竞赛方式来设计标志的做法一直心存怀疑.  我最近参与了一个旨在防止青少年自杀的非盈利性组织,叫做 Five Alive .我们的梦想很大,但这需要一个成功的标志来吸引人们的注意力,梦想才能实现.不过我们没什么经费,请不起设计公司来帮我们设计标志,所以我们把要求发到了 Site

网站设计必须知道的65条原则

网站中有哪些关键技巧?有哪些陷阱?在这里,世界上一流的网站设计专家,让你共享他们的秘密,告诉你:使网站赋予情趣的诀窍.应该避免做什么.应使用什么工具软件以及他们喜爱和厌恶的网站. 01 明确内容 如果你想成为一个网站设计者,并正想建一个网站的话,首先应该考虑网站的内容,包括网站功能和你的用户需要什么.你的整个设计都应该围绕这些方面来进行. 02 抓住用户 如果用户不能够迅速地进入你的网站,或操作不便捷,网站设计就是失败的.不要让用户失望而转向你的对手的网站. 03 优化内容 内容是核心.大约在两

WEB设计经验 -来自microsoft.com设计主管

web|设计 作为设计主管,Peter Stern 已经领导 microsoft.com 重新设计了主页并且开发了五个不同的交互工具,这些工具被用于下载中心.产品目录.配置文件中心. 搜索 和注册等联机功能. 他为几个内部工具设计了用户界面,并且正致力于创建将于今年晚些时候发布的下一代主页. 从头衔上,您可能认为我主要关心的是 microsoft.com Web 站点几千个网页的版面设计.的确,这些确实是我所关注的.视觉上的吸引力是重要的,但是这仅仅是工作的一小部分.而最终的目的是确保整个站点运

研究极简主义设计:简化您的设计

文章描述:[译]简约主义设计:少就是多. 本文翻译自老外的一篇文章(原文),但并不是完全的直译,文章中加入了我的一些经验与想法: 作为设计师的我们,都知道一个简约的设计可以创造出很美观的结果.然而,在真正去做的时候许多设计师都会遇到麻烦,在用相当少的元素去设计一个页面时,感觉相当的困难,结果都会觉得这个页面看上去像没完成的.网上有许多关于极简主义设计的文章可以去帮助你去实现效果,但却不是仅有的办法.现在,我会举一些关于极简主义设计的例子,大家可以去分析为什么有些能起作用有些却不能. 什么是简约的

如何把握为产品结构的设计和为用户任务的设计

网页制作Webjx文章简介:产品结构与用户任务的设计. 我们先来看两个实际案例:在QQ中,将聊天记录中的图片存为表情的设计:右键图片,"添加到表情". 第二个例子- 不是360的.在RTX中,将聊天记录中的图片存为表情的设计:先收藏图片,再在表情面板中点"添加自定义表情"打开表情管理的界面,选中收藏好的图片添加为自定义表情. RTX的设计,保证产品的结构是很清晰的:1. 表情列表有添.改.删功能,添加的来源是本地文件夹.2. 任何一张图片都可以另存为本地图片.这些功