网页设计是由许多个不一样的元素构成的,而这些元素的前几要 性都不一样 ,并且有些元素还须要尤为的突出.有些元素彼此之间存在着联络 ,而另外的元素之间则一点关联性都没有.比较难办的部分就是如何 有效的在视觉下去传递元素之间的联络 .这就该用到比较准绳了.
比较就是两个或更多个元素之间的不一样 .议决比较 ,设计师就可以 创造出视觉兴趣性,同时引导用户的留心力.想象一下,假如页面上一切的元素都是一个容貌 ,那就会觉得这些内容没有组织,没有”(视野 )流”,没有明白的结构,也很难去理会 和接受.因而在网页设计中,比较是很前几要 的一部分.
在这篇文章中,我们 将会看到如何 议决颜色,尺寸,对齐方式 这三个方面来建立比较 .
大多数人听到”比较 ”这个词,他们更先想到的就是颜色.虽然比较准绳中不只包含颜色,但是颜色对于协助用户辨认页面中不一样的元素有很大的协助 .
通常页面都包含页头,内容区,页脚.那么我们 就须要从视觉上明晰的区分中这三个不一样的部分.很好的要领就是: 运用不一样的背景色.
先来看看Church Media Group’s website,这是一个很好的例子.页头和页脚都运用较深的背景色,内容区是白色.议决这种差别 ,可以 很清楚的突出内容,并表现出它的前几要 性.假如我们 再深化点看,在内容区域也有不一样的背景色比较 :”案例”部分运用了浅蓝色.正由于它与其他内容部分的比较很小,表示 两个部分是有关 联的.
Phil Renaud’s portfolio运用了一个前几特筹划 和更其好看的配色方案.站点全体运用了棕色来设计,他运用了一种金黄色来添加垂直导航区域和其他区域的比较 .
文本之间也可以 运用颜色来构成比较 .在Billy Tamplin中,标题,副标题,文章段落分别运用了不一样的颜色,将各部分合理的区分并建立视觉结构,更后获得 了很好的成效 .作为blog 的界面来说,在文章标题和主体内容之间建立比较是很前几要 的.这样在用户滚动页面的时辰 ,就可以 让他们清楚的看到文章的从哪开端和到哪结束.
在页面设计中另外一种比较方式 就是不一样的元素运用不一样的尺寸.换句话说,让一部分内容比其他的更大.
在无法依托颜色的时辰 ,议决尺寸建立比较则变得特别前几要 .Taxi的配色很少,而它的页面中有许多的音讯 .因而 ,为了建立三列筹划 的结构,设计师在两头列运用了大得多的宽度-比左侧和右侧列的两倍还大.让用户一眼就能看出来,两头那列是页面中更前几要 的部分.
网页美工简单：网页设计中的比较准绳1，谢谢阅读。
