时代华奥

点击这里给我发消息    Tel咨询热线:0755-82555967    大客户热线:189-2645-5967
你的位置:首页 > 知识库 > 建站知识 > 正文

网站开发的网页构图设计技巧

时间:2012-07-02    来源:深圳时代华奥    分类:建站知识

网站开发时,是如何将网页这座楼盖的漂亮呢?下面,时代华奥总结的一些在网页设计经验或者能提供你帮助:

1、坚实的地基—几何图形的力量

几何图形在页面中往往能起到大梁的作用,也是网页内容最为常用的承载面板。这些图形合理的搭配和有效的穿插,能使页面除了信息传达外,更具层次感和观赏性。

此网站圆角矩形巧妙的结合信息模块穿插在一起,除了营造了营销型网站的主体富有节奏的形状之外,更加强了页面的层次感,不会显得页面枯燥和单调。

圆形和椭圆形的结合搭载了轮播广告和重要信息,使得整个页面既有亮点又不失简洁。

同样是圆角矩形的穿插结合, 色彩填充的图形交集既能展示重要信息又勾勒出整个网站的风格形态。

竖着的大圆角矩形和线条勾勒出整个完整的画面,各种信息镶嵌于各个形状只中,既不显得乱又使其相得益彰。

2、打造斜塔之美—斜的视觉张力

比萨斜塔之斜是地质沙化下沉还是设计师故意为之,至今还是有人在争论,抛开争议,斜塔的美似乎让许多人都想来到它身边一睹这位倾斜美人之容,凑巧的是,在浩瀚的宇宙中最美丽的星球,也就是地球,也斜着身子对着太阳转着。话题扯的比较远,斜线,或者说是斜着的物体,似乎天生有一种张力。在网页设计中亦是如此,而在这里所表现的为视觉的张力,是种视觉心里上的延伸力而非物理上的。当页面过于平均,画面平平毫无亮点时,打破平均打破通体的平均尤为重要,打破平均的方式有很多,而斜线似乎是网页设计中惯用的一招,屡试不爽。

斜线的张力让整个页面富有动感和延伸性,即可为页面起到修饰的作用,又能做为信息的承载模块,两者有机的融合并不让人觉得倾斜的标题不好识别或者有碍阅读,反之更能让整个页面富有形式感和表现力。

网站开发的网页构图设计在斜线的运用可以加上素材和圆形的穿插结合,让整个页面具有动感,同时视线又随着斜线的走向带入至素材和标题之上 ,具有张力的同时又让这些线起到一个很好到视觉导向作用。

3、钢筋上的铆钉—破格而出的素材

素材应用的好,往往能起到画龙点睛的作用,而素材起点缀页面和表达主题之外,还能作为构图中的一种主要元素存在,这些素材通常破格而出作为连接页面的纽带,使页面结构更加的稳固,故称其为“铆钉”。

素材看似随机的摆放,其实是有意的将素材摆放于左上和右下两个对角点,视觉上俗称的暗线,左下角信息内容的图片和右上角的登录窗口组成了另外一条对角暗线, 两者并组成了X结构,而四个素材起到到了固定和压轴的作用,稳固而又美观。

飞跃的人越于页面之上,护目镜挂于导航栏之上。这两个素材的使用使整个页面既贴切于主题又生动,而在构图上人连接穿插了1、2两个板块,而护目镜所在的2板块链接了3、4板块,视觉上的感官延续让页面脉络清晰不脱节,切富有节奏感。

页面非常简单,除了图形构筑的基础形,就是几朵起到“铆钉”作用的花儿,花朵破框而出,使得素材有机的融于框内又搭于整个页面之上 ,让人有种花是由圆洞内长到页面之上的错觉,简单而富有层次。

这个页面的素材和主体框架的结合很巧妙,破框而出的喷溅牛奶和静态的巧克力、杯子的动静结合于页面头部,使得整个页面主次清晰而又连贯。

上面的总结希望于你有所帮助。

上一篇:网站设计要考虑网站的气质 下一篇:网站建设如何提高效率
关于我们
服务项目
作品案例
资讯中心
业务关键词
旗下品牌
时代华奥——高端网站建设服务机构 邦设计——VIS/标志设计、画册/宣传设计、产品包装设计 馋猫网——提倡饮食健康资讯平台
 
扫描二维码即可访问当前网站
咨询热线
大客户热线