新闻中心
网站:漂亮的图片区域设计
很多网页都有一个醒目的大横幅区域,但设计上大都千篇一律,如果你访问FACTOR DESIGN网站,你会发现,该区域的变化比你想象中要丰富得多——并不是通过特效,而是通过版面设计,他们对横幅的间隔设计让你在任何平面设计中都能获得灵感。
由图片构成的区域显得结构清晰、重点突出及信息有效传达,并且具有多种意想不到的功能。
Factor Design网站令人一见难忘,其版面结合了作品展示及手册设计的特点形成漂亮的效果。白色的开阔区域,高度简洁及最小化的构成,柔和的颜色搭配,通过一些隐藏的表格整洁清晰地呈现出来。
这个版式结构我们有两点是特别欣赏的:一是它采用了印刷类的平面设计风格,使用衬线字体,文字颜色对比低调柔和,不同文字栏宽度形成强烈对比。二是上面的水平图片区域设计,使整个版面显得优雅漂亮。这个图片区域只看上一眼,你可能不能一下子认识它的所有优点,但我们之所以深入讨论这个区域是因为如果从技术上来说,你采用了同样这种方法,就可以得到同样漂亮的相似效果——无论是网站设计还是其它平面设计。看一下我们能够从这个网站设计中学到什么。
版面结构:
书本状的页面版式结合了印刷及网站设计的风格,只使用一种衬线字体,而文字尺寸只有两种。
颜色:
在开阔的白色背景上,两种文字颜色已经可以传达出一种清新及悦目的效果。
文字颜色对比:
不同的背景颜色有不同的栏目文字名称颜色,但文字与背景的颜色却保持了低对比度的关系。
图片区域:
放置图片的横幅区域的大小及位置是固定的,但里面却可以有千变万化。设计从最基本的空间分割开始:
充满表现力的变化:
在下面,我们将会看到图片通过结合、搭配、剪切及组织可以有非常丰富的变化,而让人印象深刻的是这些效果都只是在这个简单的横幅中实现。
本文所用颜色数值(RGB):
[上一篇] 目前功能最强大的开源SNS程序非Dolphin莫属
2010/1/23
[下一篇] 淘宝网解除对百度蜘蛛的屏蔽
2010/1/23
相关新闻
更多相关新闻>>- 诚邀优秀设计师/程序员/营销精英加盟
- 2014/5/23
- 不同网络公司网站建设价格为什么相差这么大
- 2010/5/19
- 用Windows Server 2003/2000/XP自带的IIS建网站
- 2009/10/19
- 网站优化如何兼顾百度与谷歌
- 2009/7/1
- 新增域名网站备案信息流程
- 2010/11/18
- 2010年网页设计的流行趋势
- 2009/11/5
- 20个层次分明的创意logo设计欣赏
- 2010/9/17
- 10个优秀的网站设计中文图片源素材
- 2009/11/25
- 老刘:网站推广方案如何写到精准
- 2009/8/23
- 4个Web网站图片在线压缩优化 能使图片小的工具
- 2009/10/10