网站:美丽的图片区域设计

【译者的话】 很多网页都有一个醒目的大横幅区域,但设计上大都千篇一概,假如你拜访FACTOR DESIGN网站,你会发现,该区域的变化比你想象中要丰厚得多――并不是经过特效,而是经过版面设计,他们对横幅的距离设计让你在任何

【译者的话】很多网页都有一个醒目的大横幅区域,但设计上大都千篇一概,假如你拜访FACTOR DESIGN网站,你会发现,该区域的变化比你想象中要丰厚得多――并不是经过特效,而是经过版面设计,他们对横幅的距离设计让你在任何立体设计中都能取得灵感。

原文出处:www.bamagazine.com

由图片构成的区域显得构造明晰、重点突出及信息无效传达,并且具有多种意想不到的功用。

Factor Design网站令人一见难忘,其版面结合了作品展现及手册设计的特点构成美丽的效果。白色的开阔区域,高度简约及最小化的构成,柔和的颜色搭配,经过一些隐藏的表格整洁明晰地出现出来。

这个版式构造我们有两点是特别欣赏的:一是它采用了印刷类的立体设计作风,运用衬线字体,文字颜色比照低调柔和,不同文字栏宽度构成激烈比照。二是下面的程度图片区域设计,使整个版面显得优雅美丽。这个图片区域只看上一眼,你能够不能一下子看法它的一切优点,但我们之所以深化讨论这个区域是由于假如从技术下去说,你采用了异样这种办法,就可以失掉异样美丽的类似效果――无论是网站设计还是其它立体设计。看一下我们可以从这个网站设计中学到什么。

版面构造:

书本状的页面版式结合了印刷及网站设计的作风,只运用一种衬线字体,而文字尺寸只要两种。

点击上图看大图

颜色:

在开阔的白色背景上,两种文字颜色曾经可以传达出一种清爽及顺眼的效果。

点击上图看大图

文字颜色比照:

不同的背景颜色有不同的栏目文字称号颜色,但文字与背景的颜色却坚持了低比照度的关系。

图片区域:

放置图片的横幅区域的大小及地位是固定的,但外面却可以有千变万化。设计从最根本的空间联系开端:

充溢表现力的变化:

在上面,我们将会看到图片经过结合、搭配、剪切及组织可以有十分丰厚的变化,而让人印象深入的是这些效果都只是在这个复杂的横幅中完成。


本文所用颜色数值(RGB):

最新案例