长春网站建设公司,成立于2005年

专业网站制作设计,全网建站,免费优化推广,排名好,服务好!

网站设计技巧之比例与平衡--网站建设分享

栏目:网站建设技巧 发布时间:2021-10-11 来源: null
分享到:


从字体设计、制图到页面版式,设计总有那么多少条通用的准则,它实用于网页或者印刷。然而,在网页设计这边,很多本应当有的规矩都被搞乱了,就只是随着感到走。这并不是说设计师在规矩方面有松散,而是大多数网络工作者都不晓得要依照这些规矩——就算他们晓得,也不晓得怎么去用。
结合网页讲,就是以下多少条:
平 衡
均衡感挺难拿捏的。网页上显现出的均衡有两种——对称跟错误称。咱们都很习惯了看对称的图片,就像咱们小时候剪纸花,都会两边一起剪,这样打开就是对称化的。这种对称的均衡很好识别(反正都镜面反射一下),而在错误称构图里面做到均衡才难。
举两个例子:
图一 Subtraction
错误称均衡
图一在多处位置展示了错误称均衡里面的一些重要准则。你看,作为主Banner的那只狗的照片——狗身上的黑色全压在画面左侧了,这时候画面右侧呈现了一个X,这看似随便的灰色X,可是均衡画面的要害因素!这样一来,你的视线就会被牵扯到画面旁边。除了在Banner图里面,在网页的页头中也呈现了这样的设计——菜单栏的大小跟色彩都绝对重。那么在Subtraction的logo这条,就对利用了黑字白底,再在上面加上黑线,这样高低会绝对均衡一些。
图二apple
对称均衡
苹果是古代网页中实现对称均衡的典范。如图二,每个元素都是在中轴线两侧排布,发明出了一个视觉上的跟谐情景。

比 例
对网页元素来说,并不是看得明白就好,或者文本多长就弄多大,它的排布跟网页的均衡视觉上强调谁有很大关联。
Tumbrl
而到底如何去衡量这些元素的大小,跟每个元素自身的性质有很大关联,举个例子:你在浏览两栏式的网页的时候,个别会发明右边的框要比左边的框大,也放了一些要害的信息在里面。网站设计要能充分吸引访问者的注意力,让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。这是由人的视觉习惯决定——哪怕是文本框放在左侧,目录这些元数据放在右侧,也会不自发的看向右边。所以说,元数据在右边占处所是不太科学的。有些人喜好每栏一样宽度的栅格布局,就像图一那样;另外的人可能喜好黄金宰割率,也就是右边的框是左边框的1.62倍。
有些网页的设计也仅仅器重要水平来排比例的:
Coda
在这个页面上,各元素的比例把持得很好。不仅是视觉上的品位很好,意思上的品位也很好。从产品的logo开端(1),而后领导用户的行动(2),再到文字比较密集的相干介绍(3),排布都很公道。图文混排的区域,题目的权重跟解释隔开,还有跟左侧icon的关联都很留神。浏览这个页面的时候也会觉得整体十分跟谐。
不过以上这个例子有点老,网页展示很平面。
当初的网页可通过交互设计来强化网页上展示的比例。
比方这个国际广告奖D&AD的网站,在滑动内页时候,菜单栏占页面的比例会绝对缩小,这样人的留神力会更集中于旁边局部,更留神浏览内容。网站设计要能充分吸引访问者的注意力,让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。
        

相关链接:长春网络公司,长春网站建设,长春网站制作,长春网站设计,长春建网站,长春做网站,长春网络公司哪家好,长春网站优化,长春网络推广,长春网站推广  http://www.236w.cn/