当前位置: 网站首页 > 关于我们 > 其他下载

栏目导航

网页设计构图技 巧 如何将网页这座楼盖的漂亮?

网页给人直观的感受就是它的页面框架与构造,就像一座大楼的主体框架与形态,你可能记不起东方明珠塔和艾菲尔铁塔是用什么颜色或什么材料涂的外墙,但我想你一
 定记得起它们的什么样的形状。同样,网页设计中的构图也足 以影响到整个网站给人的感受,虽然比喻并不十 分恰当,但就网页其构图而言,些许的改变和简单的创
 新也许就能起到事半功的效 果,让网站给人的视觉感受耳目一新。
 
如何将网页这座楼盖的漂亮?以下就例举一些在网页设计上能起到事半功的构图技
 巧。
 
一、坚实的地基——几何图形的力量。
 
几何图形在页面中往往能起到大梁的作用,也是网页内容为常用的承载面板。这些图形合理的搭配和有 效的穿插,能使页面除了信息传达外,具层次感和观赏性。
\
此网站圆角矩形巧 妙的结合信息模块穿插在一起,除了营造了网站的主体富 有节奏的形状之外, 加强了页面的层次感,不会显得页面枯燥和单调。
 
圆形和椭圆形的结合搭载了轮播广告和重要信息,使得整个页面既有亮点又不失简洁。
同样是圆角矩形的穿插结合, 色彩填充的图形交集既能展示重要信息又勾勒出整个网站的风格形态。
竖着的大圆角矩形和线条勾勒出整个完整的画面,各 种信息镶嵌于各个形状只中,既不显得乱又使其相得益彰。
 
例子:
\
二、钢筋上的铆钉——破格而出的素材
 
素材应用的好,往往能起到画龙点睛的作用,而素材起点缀页面和表达主题之外,还能作为构图中的一种主要元素存在,这些素材通常破格而出作为连接页面的纽带,使页面结构稳固,故称其为“铆钉”。
\
素材看似随机的摆放,其实是有意的将素材摆放于左上和右下两个对角点,视觉上俗称的暗线,左下角信息内容的图片和右上角的登录窗口组成了另外一条对角暗线, 两者并组成了X结构,而四个素材起到到了固定和压 轴的作用,稳固而又美观。
例子:
\
三、打造斜塔之美——斜的视觉张力
 
比萨斜塔之斜是地质沙化下沉还是设计师故意为之,至今还是有人在争论,抛开争议,斜塔的美似乎让许多人都想来到它身边一睹这位倾斜美人之容,凑巧的是,在浩瀚的宇宙中美丽的星 球,也就是地球,也斜着身子对着太阳转着。话题扯的比较远,斜线,或者说是斜着的物体,似乎天生有一种张力。在网页设计中亦是如此,而在这里所表现的为视觉的张力,是种视觉心里上的延伸力而非物理上的。当页面过于平均,画面平平毫 无亮点时,打 破平均打 破通体的平均尤 为重要,打 破平均的方式有很多,而斜线似乎是网页设计中惯用的一招,屡试不爽。
例子:
\
设计页面的时候需要的不是一大堆技法和技 巧,而是一颗永 不停止探索美和创 造美的心。

收缩
  • 电话咨询

  • 025-58767577