网站图片区域的版式设计

老二我爱

老二我爱

2016-02-17 04:17

今天给大家分享的是由图老师小编精心为您推荐的网站图片区域的版式设计,喜欢的朋友可以分享一下,也算是给小编一份支持,大家都不容易啊!

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

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

网站图片区域的版式设计,PS教程,图老师教程网

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

版面结构:

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

网站图片区域的版式设计,PS教程,图老师教程网

点击上图看大图

颜色:

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

网站图片区域的版式设计,PS教程,图老师教程网

点击上图看大图

文字颜色对比:

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

网站图片区域的版式设计,PS教程,图老师教程网

网站图片区域的版式设计,PS教程,图老师教程网

图片区域:

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

网站图片区域的版式设计,PS教程,图老师教程网

网站图片区域的版式设计,PS教程,图老师教程网

充满表现力的变化:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

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

网站图片区域的版式设计,PS教程,图老师教程网

网站图片区域的版式设计,PS教程,图老师教程网

 

网站图片区域的版式设计,PS教程,图老师教程网

网站图片区域的版式设计,PS教程,图老师教程网

网站图片区域的版式设计,PS教程,图老师教程网

网站图片区域的版式设计,PS教程,图老师教程网

网站图片区域的版式设计,PS教程,图老师教程网

网站图片区域的版式设计,PS教程,图老师教程网

网站图片区域的版式设计,PS教程,图老师教程网

网站图片区域的版式设计,PS教程,图老师教程网

网站图片区域的版式设计,PS教程,图老师教程网

网站图片区域的版式设计,PS教程,图老师教程网

网站图片区域的版式设计,PS教程,图老师教程网

网站图片区域的版式设计,PS教程,图老师教程网

网站图片区域的版式设计,PS教程,图老师教程网

网站图片区域的版式设计,PS教程,图老师教程网

网站图片区域的版式设计,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

网站图片区域的版式设计,PS教程,图老师教程网

网站图片区域的版式设计,PS教程,图老师教程网

网站图片区域的版式设计,PS教程,图老师教程网

网站图片区域的版式设计,PS教程,图老师教程网

网站图片区域的版式设计,PS教程,图老师教程网

进入论坛参与讨论和交作业

展开更多 50%)
分享

猜你喜欢

网站图片区域的版式设计

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
网站图片区域的版式设计

精选版式过人的体育运动网站设计欣赏

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
精选版式过人的体育运动网站设计欣赏

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

个版式比较简洁的网站

平面设计 标志设计 UI设计 VI设计
个版式比较简洁的网站

平面设计的版式设计

设计 平面设计
平面设计的版式设计

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

Strassenfeger版式设计

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
Strassenfeger版式设计

创意的版式设计欣赏

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
创意的版式设计欣赏

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

交互设计中的三个实用技巧

交互设计中的三个实用技巧

Fireworks中制作炫光效果

Fireworks中制作炫光效果
下拉加载更多内容 ↓