SERVICE


云启未来,智造互联
企业上云升级,助力企业腾飞

基本网页设计平衡与网页设计中的元素如何分布

发布时间:2016-12-15 13:28:54您的位置: > 微信开发,小程序开发 > 正文

基本网页设计平衡平衡原则主要考虑网页设计中的元素如何分布,以及它们与页面中视觉重量(visualweight)的整体布局有何关系。这会给网页设计的视觉稳定性带来相当大的影响。设计中的元素被集合到一起,就形成了视觉重量。一般而言,为了达到网页设计的平衡,这些视觉重量一定要用一个份量相当且相反的重■来抵消掉,否则就会导致不稳定,尽管这并不意味着它一定就不好。失衡也是能够被有效利用的,我对此深信不疑。但是平衡的网页设计能让人感到稳定,这样往往更有吸引力。平衡有两种方式:对称和不对称。我们分别来看看相关的例子。对称平衡当页面的网页设计关于某条轴线对称,并且轴线两边的视觉重■相同时,这就实现了对称平衡。在网页网页设计中,对称平衡通常是指从中分开的左边和右边有着相等的视觉重量。同样,我们来看示例。MINTWheels(图i)对称平衡的运用非常自然地契合了这个网站的内容。想想为了保证豪华车的良好平衡所付出的精细做工,这些车为你提供了在公路上最为完美的平衡享受。因此,对称平衡的网站非常符合驾驶豪华车的愉悦体验。请注意.logo放到了页面顶部的中央。这不仅帮助建立了对称平衡,而旦把logo放到了布局的视觉中心(顶部中央l。网站网页设计精巧而简洁,与其内容相得益彰。不对称平衡当页面的视觉重量被均匀分布到对称轴上,而对称轴两边的个体元素并不相对应时,这就形成了不对称平衡。这说起来相当复杂,不对称平衡是指使用不同元素来实现整体的平衡。听起来依然很复杂,还是通过一些例子来看看它们是如何发挥作用的吧。DallasBapOstUniversityl)因为不对称平衡常常是对所呈现内容的一种更加自然的处理手段,所以它在网页网页设计中极其常见。在这个例子中我们看到,从标题栏开始,不对称平衡贯穿整个页面。logo平衡了主导航条目l它们的位置通常是放logo的)。logo又高又黑,因此虽然很短,但它依然能与导航栏相平衡。在bannerCampaignMonitor有时候.将这两种平衡方式混合使用最为实际。这正是CampaignMonitor登录页的做法。在其顶部,广告文字与图片实现了不对称平衡。而在其下面,我们看到.6个条目、一些logo以及页脚的广告文字以对称的方式从左至右全部实现了完美平衡。平衡是网页设计中一个十分微妙的元素,我们中的许多人都会依靠自己的直觉来处理平衡问题。如果你的网页设计看上去向一边倒,想想如何通过使对比最小化来实现平衡。可以用两个相称的突出元素,或者用一组不太突出但受到同样控制的条目来平衡它。你的网页设计看起来是不是要翻倒了7是不是让人感觉不稳定7通过回答这类问题,你就能知道自己的网页设计是否平衡。

梦之网科技 http://www.mzwkj.com

梦之网科技
本文网址:http://www.mzwkj.com/news/801.html

济南梦之网科技:济南网站建设,济南网站设计公司,网站建设开发公司,专业网站制作公司,拥有专业的技术团队,一流的服务团队.专业团队为您提供网站设计,网站定制服务,公众号应用开发,微信小程序开发,为用户提供成套解决方案,智能农业物联网系统

您可能感兴趣