当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 设计理论:网页图片区域的版式设计技巧

心得技巧
设计理论:用户体验设计与浏览器
设计理论:产品的管理包含对服务的管理
WEBJX收集65个酷炫的单页面设计实例
收集的15个功能强大的HTML编辑器
服装类垂直行业的电子商务网站产品设计
查找商品价格信息购物网站有绝对的优势
设计理论:触摸屏按钮的尺寸和空间设计
四个适用于触摸屏界面的文本添加原则
5个关于购物车中未答复用户的问题
猜测和经验数据作为设计原则的基础
设计理论:顾客为什么放弃购物车?
以卡诺模型为基础理解用户体验
设计理论:优化和简化网站用户注册流程
电子商务网站购物产品收藏功能设计分析
互动设计理论:谁和谁的互动?
网页设计师该如何营销和推广自己
设计参考:国外45个漂亮的企业网站设计实例
设计参考:50个简约成熟风格的网站设计实例
精选利用彩色渐变发光效果国外网站设计实例
28个不错的国外崇尚极简设计风格的网站

心得技巧 中的 设计理论:网页图片区域的版式设计技巧


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-30   浏览: 201 ::
收藏到网摘: n/a

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

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

这个版式结构我们有两点是特别欣赏的:一是它采用了印刷类的平面设计风格,使用衬线字体,文字颜色对比低调柔和,不同文字栏宽度形成强烈对比。二是上面的水平图片区域设计,使整个版面显得优雅漂亮。这个图片区域只看上一眼,你可能不能一下子认识它的所有优点,但我们之所以深入讨论这个区域是因为如果从技术上来说,你采用了同样这种方法,就可以得到同样漂亮的相似效果——无论是网站设计还是其它平面设计。看一下我们能够从这个网站设计中学到什么。

版面结构:

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

颜色:

在开阔的白色背景上,两种文字颜色已经可以传达出一种清新及悦目的效果。

文字颜色对比:

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

图片区域:

放置图片的横幅区域的大小及位置是固定的,但里面却可以有千变万化。设计从最基本的空间分割开始:

充满表现力的变化:

在下面,我们将会看到图片通过结合、搭配、剪切及组织可以有非常丰富的变化,而让人印象深刻的是这些效果都只是在这个简单的横幅中实现。


本文来源:http://www.logosky.net/webpage/artreview/3_panels_banner.html