设计方案优良网页页面的四项标准


设计方案优良网页页面的四项标准


小视频,自媒体平台,达种族草一站服务

我非常喜爱的设计方案书本之一便是《Robin Williams Design Workshop》。它深层次具体的设计方案基础理论,而且包括很多极棒的设计方案案例。在其中一个非常值得关心的地区便是四项关键的设计方案标准,他们早已在设计方案中为己所用。这四项标准便是:差距、反复、 排序 和归类。

文中将探讨这四项与web设计方案有关的标准。要是在脑海中中紧紧记牢了这四项标准,你也就一定能够设计方案出更为干净整洁好看的网页页面。

1.差距实际效果

好的差距实际效果设计方案能够给客户一个很好的第一印像。假如客户的双眼沒有聚焦点,留意力便会在随处是同样规格的原素和排版设计页面中迷途。设计方案师必须设计方案出很显著的突显视觉效果原素来正确引导客户的感受。你可以以根据挑选照片、色调和字体样式等来产生优良的差距实际效果。

照片差距

当必须在许多小原素后边展现一个尺寸较大的插画图片时,这类方式很合理。我的含意便是,例如:

 

如果你双眼见到这一网页页面的情况下,最先你能留意到甚么?最有将会的便是小盒子上边的哪个星星了。跟 The Invoice Machine 一样,他们全是根据用一张大图图片片和非常少的色调来生产制造一个视觉效果聚焦点。

色调差距

恰如其分地应用小量色调,是网页页面中另外一种生产制造视觉效果差距的合理方式。能够在网页页面的头顶部和文字复制中应用不一样的色调,还可以在一幅图片或插画图片的色调里边运用。

 

Fatburgr

这一网站是极优异的一个全部设计方案标准的运用案例。有关色调差距大家看来看它大大的的淡黄色头顶部和小小的的淡灰文本。排序、照片差距、反复和归类这好多个标准做得都很完全。

 

I Love Typography

一个用于展现排版设计的网站假如在它自身的页首就为大家展现了一个很好的排版设计实际效果,那令人感觉多惊讶啊!我很喜欢她们常用的字体样式,也喜爱她们的青色和深深灰色配搭。

字体样式差距

假如你要根据字体样式来造成差距实际效果,就应当防止应用2个很相像的字体样式外型和尺寸。很相像的字体样式会导致搞混,并让设计方案越来越模糊不清。但是把字体样式尺寸弄得很不一样便会十分合理果,或是是把字体样式最细和最粗的版本号拼接到一起也一样合理。一样的,假如你将二种外观设计区别显著的二种字体样式排到一块,便会对他们产生的视觉效果冲击性实际效果觉得惊讶。把一个 san serif 字体样式和一个笔写字体样式放到一起便是一个案子。

Fixie Consulting

 

哇噻,我真是的十分喜爱这一网站在应用的排版设计和色调。留意看她们宣传语的尺寸和笔划。网页页面上撒水实际效果和小量深蓝色的应用,都要我十分赏析。

2.反复标准

跟web设计方案对比,反复标准在书籍设计方案中运用得更为广泛,但是它在二者中间全是一样合理的。反复的设计方案原素可使网页页面看起来很连贯性,还能提高知名品牌。在web设计方案中,能够非常好地做到这一目地的一个方法是在网页页面的头顶部和足部反复放原素。看一下下边这种事例吧。

 

Ten24 Media 在头顶部和足部都应用了很有艺术创意的插图。

Silverback

 

这一网站肯定是超赞的!我肯定能够在前边 差距标准 一部分便可以把它做为一个好事例展示来的,可它在 反复标准 一部分也是一个好事例,由于它的页面设计风格和知名品牌一部分都很显著地运用了这一标准。细心看它用香蕉来作为目录前边的标志,也有头顶部、足部的山林插图。

3.排序标准

你的网外站观设计方案得很业余组還是很技术专业,排序标准在这其中饰演了一个很繁杂的人物角色。近期我很认为在设计方案网页页面时应用格栏。那么做可让你的设计方案很整洁,还可以出示一个非常好的设计方案架构。假如给你兴趣爱好想学习培训大量有关格栏设计方案的专业知识,去看看看着我近期的文章内容吧(在这里自卖自夸,夸大其词一下),Design A Fresh Blog Theme On The 960 Grid.

Black Estate Vineyard

 

这一网立在960 Grid website上面有展现。它的版块排序很连贯性也很让人瞩目。我很赏析它将关键內容齐整地排到左侧的作法,虽然一些大级別的头顶部毁坏了这一标准并排在了左边边栏里边。对空出的很多应用和字体样式差距尺寸的应用都十分非常好。

A List Apart

 

A List Apart中应用的可视性格栏十分有特点。里边的频道设计方案优良,把全部包括內容都越来越便于阅读文章。科学研究说明过宽的频道会导致比较严重的阅读文章艰难。在追随那麼宽的频道中的文本时,你的双眼能变得挺累。 A List Apart

4.归类标准

最终一个标准是归类。仅有在将有关原素排序,将不相干原素分离的情况下才用到到这一标准。倘若你将全部物品都分到同一块文字块中,肯定会催毁客户的感受。这便是为何应用头顶部标识和适度的空出是那麼的关键。

Envato

 

这一网站好看地将內容整齐地机构到三个关键归类下,这种內容的界定既清楚又整齐。

Paradigm Reborn

 

这一网站构造优良。头顶部既干净整洁又简易一目了然。空白页留的非常好,內容分离放得很有逻辑性。

最后观念

如果你脑中時刻惦念着这四个基本准则时,你能发觉你的设计方案拥有不能思议的改善。自然毫无疑问也有许多其他物品也必须考虑到,可是以差距、反复、排序和归类做为基本你的设计方案会获得更大的发展。

 

全文详细地址 :


相关阅读