• 平面设计中的五个实用板式技巧(2) Comments

    Posted on 2013-4-1 16:08:46

    三、网页:将众多的信息形成视觉层次感是最大的关键
    Men.style.com 的网页中包含了众多的信息,下图共有 9 张图片,还有很多大小标题,所形成的区域数量也非常多——有重点的封面报道,有一些是比较次要的新闻,还有其它的搜索功能等等。但你在看这个网页的时候,却并不会让你的眼睛无所适从眼花缭乱,相反,整个版面安排得非常漂亮及吸引人。为什么有这种效果?关键是他们在排版上强调了层次感。整个版面大元素与小元素之间,通过浅色及暗色及组织形成了协调的对比。
    本岸设计工作室,网页设计
    一眼望去,电影明星盖伦霍尔( Gyllenhaal )是这个版面当之无愧的视觉焦点。他为什么有这种力量: 1 、他是这个网页中最大的一个元素; 2 、他的身体轮廓与那些矩形的直线边框形成了对比; 3 、他超出了区域一部分; 4 、以黑色为主的肖像与周围白色区域形成了对比。 5 、在这么多图片中,他的面孔是大家最熟悉的,而且,他还直视着你。
    从下面的示意图你或许看到更清楚: 
    本岸设计工作室,网页设计 
    A 是最主要的区域。( 1 )该版面被分成三个主要区域;( 2 )而每一个区域又再细分为各个小区域;( 3 )这些小区域里面还有更小的区域。而 A 区域给人颜色厚重的感觉,使它轻易地与其它两个区域分开。而 A 中的小区域之间的对比则较为低调,并没有象大区域的对比那样强烈。 这样的划分,使到网页可以包含很多的信息。特别注意其中标题的样式,在不同区域中一些主要标题的字体及样式都是一样的,使到整个版面在视觉上形成一个整体。

    www.bvvan.com  西安本岸设计工作室
    平面设计中的五个板式技巧(1)(2)(3