极简主义是通过设计减少1只把最重要的因素。极简跨度的多学科的表达,以及其他艺术形式,如音乐和文学。对于网页设计师,虽然,简约可以恐吓,难以掌握。
但 任何人都可以掌握极简。从本质上讲,极简主义是关于违约金的事情到了最起码的设计要素的功能需要。这是关于到离现场没有其他东西可以不与该设计的目的干扰删除。下面是对简约设计的一些原则,以及对当前的趋势和探索更多的例子。
您可能还喜欢我们以前的文章“展示清洁简约设计“。
少就是多
“少即是多”是可能的最低限度的运动最知名的口头禅。它是由建筑师推广在描述简约美学密斯凡德罗。
在网页设计,少即是多是通过使用所必需的元素只有一个给定的设计实现。少用,以达到效果是更重要的是我们的目标超过了设计的各个部分的总和。
范例
北王国
简单,直接排版和色彩裸使用的设计,为的美感,但很少。
过夜
一个简单的设计,使含量高于所有其他元素。简单的双边界的上方和下方有助于划定某些地区不凌乱的设计内容。
林德瓦尔A及D
简单的线画的一张椅子上,几乎看不出来,如果你不会去寻找它,体现了“少即是多”的思想。
你的邻居
另一个简单的设计,还有更多的图形之一。
Sharpenr
简单的导航和图形添加到最低限度的总体感觉这里。该图形是大胆,他们在没有加入杂乱的视觉冲击。
省略不用的东西
在他们的著作 风格的要素,施特龙克和白创造了“省略不必要的话。”这是适应简约哲学“省略不必要的东西。“换句话说,不包括在您的设计中不必要的元素。
想想什么是必要的内容和您的网站功能。然后,只集中在那些东西,不遗漏任何直接贡献无论是内容或功能。请记住,虽然,一定的设计和图形元素,将直接影响到您网站的可读性或可用性。
范例
起了&
一个简单的灰色背景,白色边框周围的图像和简单的排版是必要的最低限度此页面元素。如果任何被拆除,该网站将没有影响,但是它。
拉克伦贝利
一个单一的形象和垂直导航是因为它变得简单。
萨拉尔廷
另外一个单一的形象和垂直导航的例子。
阿列克谢杜布罗夫斯基
这个网站更进了一步,并忽略任何图像,选择仅1头和简单的导航代替。
减去直到它突破
当起草一个极其简约设计,尽量减去分子停止工作,直到设计的方式行事。当网站上的突破的边缘,你知道你所取得的最简约的设计成为可能。
请记住,“休息”,是在设计相关。技术功能的方法只有一个衡量的东西坏了。易用性的考虑也同样重要。请确保您的网站仍是用户友好,提供了经验,你想旅客有。
范例
Anothercompany
一个有单列的身体和三栏页脚简约设计。如果任何元素被删除,网站将不便于使用。
工程在沉默
这个信息体系结构的元素,包括岗位之间的路段和列之间的空白区域的边界,是至关重要的一切保持视觉美观,有组织,有可读性。
布雷特阿瑟照片
另一个使用一个最小的元素很好的例子。
丹尼盖伊摄影
黑色的背景设置此除了许多其他超简约设计。请注意在较低的形象权全屏幕选项。
布赖恩丹纳赫
另一个网站,选用了一个单柱和大胆的版式。
每一个细节计数
在简约的设计,每一个细节具有重要意义。你选择离开,是至关重要的。阿边界附近的图像,颜色调色板,白色的空间,每一个部分成为重要的整体外观和感觉时,该网站的内容很少。
想想你想要的感觉,让您的网站访问者,然后决定的细节,将传授这种感觉。虽然许多设计师认为简约是一刀切,但仍有个别设计元素为基础的不同的情感空间。一个简约质朴的网站可以很容易地与现代,清新,含蓄和复杂,精致典雅,或任何在两者之间,完全基于其细节。
范例
执行编辑
如在头超大字体和元素之间的边界详细细令行政编辑网站脱颖而出。
恭Szczupak摄影
微妙的程式化的箭头和下拉阴影是,增加这个网站的视觉吸引力的重要细节。
黎晃
这里的细节,圆形,灰色框,红色字体的效果,肯定加起来也超过了个人部分的总和。
一个君子规则
一切都在顶部从厚厚的黑边到本网站版式组合使优雅和成熟。
瑞安威姆斯
间距和内容安排在这里,伴随着优雅的字体和简单的线条,为重新设计。
视觉技工
这比许多简约更详细的网站,特别是在边境及其他微妙的图形。
Electricgecko
淡淡的颜色框后面的内容设置此设计外。
颜色微创
颜色呈现在一个简约的设计更加重要。选择正确的调色板或口音的颜色是至关重要的。许多设计者选择一个简单的黑色,白色和/或灰色的调色板,但简约中任何有彩虹色的余地。
细节一样,用较少的颜色变成关键要素。注意你的颜色选择,以及它们如何与他人交往的意义。
范例
凯尔索伦贝格设计
微妙的柔和色彩设置除了某些内容在这里。
Pixelbot网页设计
鲜艳的颜色,否则站出来反对这种非黑即白的设计。
MattBango.com
微妙的蓝色色调,但强调这另有黑色,白色和灰色的设计特别的地方。
第二和公园
暗色调的工作做好了简约的设计,特别是与灰色相结合。
Glinga
带有灰色背景和彩色口音简单的网站。
Deartoy
另一个简单的设计彩色口音。
Superawesome
洋红是一个最低限度的网站受欢迎口音的颜色。
一个生活的思考
一个有很多比许多其他网站的网站色彩简约,但调色板是经过深思熟虑的。
国家
另一个伟大的调色板色彩的网站。
白色的空间是至关重要的
白色(或负)空间是任何简约设计骨干。你离开了一个设计同样重要,因为你进去是空白的关键,强调对他人的某些内容。
白色空间“,使”设计简约,在很大程度上。没有它,你最终得到一个网格设计或油渍或其他样式的并不是真正的最低限度。
范例
Rikcat产业
充足的元素之间的空间不断从凌乱的感觉这个网站。
直道
另外一个空白的元素吨左右的例子。
UX的52周
灌装页面上的每一个栏是没有必要,就证明对UX的网站的52个星期在这里。
地铁画廊
地铁画廊付出非常关注白色空间,降低了信件的权利在其类别头间距。
空白工作室
充足的空白,是用在这里。
趋势
在北京有很多简约的设计趋势。有些已出现了这么久,“趋势”,甚至可能是不正确的词来使用。在任何情况下,下列因素,正处于良好的使用各种简约设计。
灰色
灰色简约的设计是至关重要的。它的灯罩是用于背景,文本,图像和几乎所有其他要素往往有黑色和白色或其他颜色组合。
布赖恩霍夫
灰色可作为口音,不只是字体或背景。
迈克尔克罗宁
当然,也使一个灰色的大背景颜色,它会呈现出冷静,与冰冷的蓝色基调相结合。
罗斯甘
另一个灰色的背景非常简单的设计。
排序设计
中型的灰色允许与活版印刷对比度好,同时也使在后台强于浅灰色的影响。
杰克奥斯本
灰色使得它尤其适合对梯度。
5平方
结合多种色调的灰色借给没有杂乱的视觉兴趣。
大字体
大字体常用于图像的地方来添加更多的图形感兴趣的网站。
艾伦布莱克设计
超大字体用于整个网站。
凯尔斯蒂德
大字体标题是一个最低限度的热门选择。它使一个影响,同时也传达重要信息。
EndGrain
在另一头超大的例子。
Dunnodt
结合不同大小的字体是一个伟大的方式来增加视觉趣味而不凌乱。
文字是图片
大字体也很流行的口音,而不是一个联络点。
赖恩埃文斯
另一个网站,结合了多种字体大小。这是一个非常适合网页时没有多少内容。
微小的小人
不同类型的大小和颜色,使设计为逮捕。
司巴黎
另一个很好的例子,在大字体的标题。
背景图案和图像
微妙的背景图案和大胆的图像可以添加一个巨大的利益,最低限度的视觉设计。
Jeroenhoman.com
一个微妙的油渍模式给这个设计一个紧张的感觉。
曼集团
保持在灰度图像的背景杂波增加而没有增加视觉趣味。
IdeaPaint
一个大背景仍然是最低限度的图像时,该网站的其他内容很简单。
班顿
在细致的纹理,并在这背景图案是美观而不被压倒。
弗朗切斯科丰特
另一种微妙的油渍格局。
凯特琳沃辛顿摄影
这灰褐色油渍模式是意料中事。
简单的网格
网格不一定是自然简约,但简单的可以把以裸设计。
菲茨罗伊和芬兰
简单的网格,为组织同样大小的图像意义。
新品牌
像这样简单的网格组织不增加复杂性。
设计沃普
更传统的网格设计,具有大量的空白让看事情很少。
福蒂恩
另一种使用简单的网格,以组织图像很好的例子,这包括文本的时间。
事情
这看起来简单的网格掩盖了仔细的念头在它去了。
企业风险观赏
这是一套,除了由电网的铺设,在导航以上(效果访问该网站的检查出来)和微妙的网格线。
积极忧郁
像这样简单的电网工程,以及举办不同大小的图像,也。
界
界上可以找到许多简约网站。我不知道谁喜欢设计界更倾向于有一个最低限度的审美界还是选择适合简约的设计,因为他们特别好。在任何情况下,各界都经常发现在页眉和也被用于航海口音。
iLTD
一个简单的圆形图案的头。
西蒙J亨特
另一个在头圈,这与一个字母的时间。
弗兰克奇梅罗
另一个标志圆形会标。
Indextwo
而另一位。
徕卡
徕卡的标志是一个明亮的红色圆圈,在其产品和营销材料,包括其网站上使用。
印务局
而另一位。
保佑
这样的循环肩章也很受欢迎。
亚历康奈尔
一个更抽象的设计与圆形标志。
罗亚尔
圈子不仅用于标识,虽然。这里有一个用圆圈内容很好的例子。
奖金:透明度
这是不是一个真正的趋势本身,因为它不是经常出现在简约的设计。但它可以使一个巨大的视觉冲击力及应该得到更多的设计师使用最低限度。
幻灯片新闻
标志中的透明度,让这个设计巧妙的无杂波创造新的问题。
更多的例子
下面是一些例子,激励你。