网站如何设计才简洁高档?
HITS:2563,AddTime:2010/9/29 15:29:36
任何人都可以掌握极简。从本质上讲,极简主义是关于违约金的事情到了最起码的设计要素的功能需要。这是关于到离现场没有其他东西可以不与该设计的目的干扰删除。下面是对简约设计的一些原则,以及对当前的趋势和探索更多的例子。
您可能还喜欢我们以前的文章“展示清洁简约设计“。
少就是多
“少即是多”是可能的最低限度的运动最知名的口头禅。它是由建筑师推广在描述简约美学密斯凡德罗。
在网页设计,少即是多是通过使用所必需的元素只有一个给定的设计实现。少用,以达到效果是更重要的是我们的目标超过了设计的各个部分的总和。
范例
北王国
简单,直接排版和色彩裸使用的设计,为的美感,但很少。
过夜
一个简单的设计,使含量高于所有其他元素。简单的双边界的上方和下方有助于划定某些地区不凌乱的设计内容。
林德瓦尔A及D
简单的线画的一张椅子上,几乎看不出来,如果你不会去寻找它,体现了“少即是多”的思想。
你的邻居
另一个简单的设计,还有更多的图形之一。
Sharpenr
简单的导航和图形添加到最低限度的总体感觉这里。该图形是大胆,他们在没有加入杂乱的视觉冲击。
省略不用的东西
在他们的著作 风格的要素,施特龙克和白创造了“省略不必要的话。”这是适应简约哲学“省略不必要的东西。“换句话说,不包括在您的设计中不必要的元素。
想想什么是必要的内容和您的网站功能。然后,只集中在那些东西,不遗漏任何直接贡献无论是内容或功能。请记住,虽然,一定的设计和图形元素,将直接影响到您网站的可读性或可用性。
范例
起了&
一个简单的灰色背景,白色边框周围的图像和简单的排版是必要的最低限度此页面元素。如果任何被拆除,该网站将没有影响,但是它。
拉克伦贝利
一个单一的形象和垂直导航是因为它变得简单。
萨拉尔廷
另外一个单一的形象和垂直导航的例子。
阿列克谢杜布罗夫斯基
这个网站更进了一步,并忽略任何图像,选择仅1头和简单的导航代替。
减去直到它突破
当起草一个极其简约设计,尽量减去分子停止工作,直到设计的方式行事。当网站上的突破的边缘,你知道你所取得的最简约的设计成为可能。
请记住,“休息”,是在设计相关。技术功能的方法只有一个衡量的东西坏了。易用性的考虑也同样重要。请确保您的网站仍是用户友好,提供了经验,你想旅客有。
范例
Anothercompany
一个有单列的身体和三栏页脚简约设计。如果任何元素被删除,网站将不便于使用。
工程在沉默
这个信息体系结构的元素,包括岗位之间的路段和列之间的空白区域的边界,是至关重要的一切保持视觉美观,有组织,有可读性。
布雷特阿瑟照片
另一个使用一个最小的元素很好的例子。
丹尼盖伊摄影
黑色的背景设置此除了许多其他超简约设计。请注意在较低的形象权全屏幕选项。
布赖恩丹纳赫
另一个网站,选用了一个单柱和大胆的版式。
每一个细节计数
在简约的设计,每一个细节具有重要意义。你选择离开,是至关重要的。阿边界附近的图像,颜色调色板,白色的空间,每一个部分成为重要的整体外观和感觉时,该网站的内容很少。
想想你想要的感觉,让您的网站访问者,然后决定的细节,将传授这种感觉。虽然许多设计师认为简约是一刀切,但仍有个别设计元素为基础的不同的情感空间。一个简约质朴的网站可以很容易地与现代,清新,含蓄和复杂,精致典雅,或任何在两者之间,完全基于其细节。
范例
执行编辑
如在头超大字体和元素之间的边界详细细令行政编辑网站脱颖而出。
恭Szczupak摄影
微妙的程式化的箭头和下拉阴影是,增加这个网站的视觉吸引力的重要细节。
黎晃
这里的细节,圆形,灰色框,红色字体的效果,肯定加起来也超过了个人部分的总和。
一个君子规则
一切都在顶部从厚厚的黑边到本网站版式组合使优雅和成熟。
瑞安威姆斯
间距和内容安排在这里,伴随着优雅的字体和简单的线条,为重新设计。
视觉技工
这比许多简约更详细的网站,特别是在边境及其他微妙的图形。
Electricgecko
淡淡的颜色框后面的内容设置此设计外。
颜色微创
颜色呈现在一个简约的设计更加重要。选择正确的调色板或口音的颜色是至关重要的。许多设计者选择一个简单的黑色,白色和/或灰色的调色板,但简约中任何有彩虹色的余地。
细节一样,用较少的颜色变成关键要素。注意你的颜色选择,以及它们如何与他人交往的意义。
范例
凯尔索伦贝格设计
微妙的柔和色彩设置除了某些内容在这里。
您可能还喜欢我们以前的文章“展示清洁简约设计“。
少就是多
“少即是多”是可能的最低限度的运动最知名的口头禅。它是由建筑师推广在描述简约美学密斯凡德罗。
在网页设计,少即是多是通过使用所必需的元素只有一个给定的设计实现。少用,以达到效果是更重要的是我们的目标超过了设计的各个部分的总和。
范例
北王国
简单,直接排版和色彩裸使用的设计,为的美感,但很少。
过夜
一个简单的设计,使含量高于所有其他元素。简单的双边界的上方和下方有助于划定某些地区不凌乱的设计内容。
林德瓦尔A及D
简单的线画的一张椅子上,几乎看不出来,如果你不会去寻找它,体现了“少即是多”的思想。
你的邻居
另一个简单的设计,还有更多的图形之一。
Sharpenr
简单的导航和图形添加到最低限度的总体感觉这里。该图形是大胆,他们在没有加入杂乱的视觉冲击。
省略不用的东西
在他们的著作 风格的要素,施特龙克和白创造了“省略不必要的话。”这是适应简约哲学“省略不必要的东西。“换句话说,不包括在您的设计中不必要的元素。
想想什么是必要的内容和您的网站功能。然后,只集中在那些东西,不遗漏任何直接贡献无论是内容或功能。请记住,虽然,一定的设计和图形元素,将直接影响到您网站的可读性或可用性。
范例
起了&
一个简单的灰色背景,白色边框周围的图像和简单的排版是必要的最低限度此页面元素。如果任何被拆除,该网站将没有影响,但是它。
拉克伦贝利
一个单一的形象和垂直导航是因为它变得简单。
萨拉尔廷
另外一个单一的形象和垂直导航的例子。
阿列克谢杜布罗夫斯基
这个网站更进了一步,并忽略任何图像,选择仅1头和简单的导航代替。
减去直到它突破
当起草一个极其简约设计,尽量减去分子停止工作,直到设计的方式行事。当网站上的突破的边缘,你知道你所取得的最简约的设计成为可能。
请记住,“休息”,是在设计相关。技术功能的方法只有一个衡量的东西坏了。易用性的考虑也同样重要。请确保您的网站仍是用户友好,提供了经验,你想旅客有。
范例
Anothercompany
一个有单列的身体和三栏页脚简约设计。如果任何元素被删除,网站将不便于使用。
工程在沉默
这个信息体系结构的元素,包括岗位之间的路段和列之间的空白区域的边界,是至关重要的一切保持视觉美观,有组织,有可读性。
布雷特阿瑟照片
另一个使用一个最小的元素很好的例子。
丹尼盖伊摄影
黑色的背景设置此除了许多其他超简约设计。请注意在较低的形象权全屏幕选项。
布赖恩丹纳赫
另一个网站,选用了一个单柱和大胆的版式。
每一个细节计数
在简约的设计,每一个细节具有重要意义。你选择离开,是至关重要的。阿边界附近的图像,颜色调色板,白色的空间,每一个部分成为重要的整体外观和感觉时,该网站的内容很少。
想想你想要的感觉,让您的网站访问者,然后决定的细节,将传授这种感觉。虽然许多设计师认为简约是一刀切,但仍有个别设计元素为基础的不同的情感空间。一个简约质朴的网站可以很容易地与现代,清新,含蓄和复杂,精致典雅,或任何在两者之间,完全基于其细节。
范例
执行编辑
如在头超大字体和元素之间的边界详细细令行政编辑网站脱颖而出。
恭Szczupak摄影
微妙的程式化的箭头和下拉阴影是,增加这个网站的视觉吸引力的重要细节。
黎晃
这里的细节,圆形,灰色框,红色字体的效果,肯定加起来也超过了个人部分的总和。
一个君子规则
一切都在顶部从厚厚的黑边到本网站版式组合使优雅和成熟。
瑞安威姆斯
间距和内容安排在这里,伴随着优雅的字体和简单的线条,为重新设计。
视觉技工
这比许多简约更详细的网站,特别是在边境及其他微妙的图形。
Electricgecko
淡淡的颜色框后面的内容设置此设计外。
颜色微创
颜色呈现在一个简约的设计更加重要。选择正确的调色板或口音的颜色是至关重要的。许多设计者选择一个简单的黑色,白色和/或灰色的调色板,但简约中任何有彩虹色的余地。
细节一样,用较少的颜色变成关键要素。注意你的颜色选择,以及它们如何与他人交往的意义。
范例
凯尔索伦贝格设计
微妙的柔和色彩设置除了某些内容在这里。