网页设计中的构图技巧分享

2010-09-08 17:01:57 作者：不详来源：淘宝UED

网页给人最直观的感受就是它的页面框架与构造，就像一座大楼的主体框架与形态，你可能记不起东方明珠塔和艾菲尔铁塔是用什么颜色或什么材料涂的外墙，但我想你一定记得起它们的什么样的形状。同样，网页设计中的构图也足以影响到整个网站给人的感受，虽然比喻并不十分恰当，但就网页其构图而言，些许的改变和简单的创新也许就能起到事半功倍的效果，让网站给人的视觉感受耳目一新。

如何将网页这座楼盖的漂亮？以下就例举一些在网页设计上能起到事半功倍的构图技巧。个人拙见，希望能够抛砖引玉。

一、坚实的地基-几何图形的力量。

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

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

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

相关热词：网页设计网页排版

分享到：

更多...

收藏至我的帐号

教程排行榜: 30个基于jQuery框架的幻灯滑块特效设计的网站实例; 30个基于jQuery滑动门技术的网站欣赏; 38款网页设计应用的JS拉洋片幻灯效果欣赏; 10个优美精致简约风格的导航菜单欣赏及点评; 最新收集的50多个专业设计公司网站欣赏; 40+设计独特超漂亮的水平导航网站欣赏; 全球65个设计出众的设计师个人博客欣赏; 35套精美绚丽的创意酷站设计欣赏; 国外颇具特色的电子商务网站设计欣赏(上); 20个设计精致漂亮的Photoshop网页设计教程; 国外颇具特色的电子商务网站设计欣赏(下); 21个精美漂亮的网页幻灯片应用案例欣赏; 网页UI之Banner广告条设计案例赏析; 2011年网站设计的新趋势; 手绘风格的15款超级漂亮网站欣赏; 24个很漂亮用CSS3实现的文本效果演示及教程推荐

下载排行榜: 基于jQuery的超炫酷的3D切换JS幻灯焦点图特效代码; 半透明立体质感的宽屏flash+xml焦点幻灯代码; 简洁效果多图切换flash幻灯焦点图代码; 带标题和数字导航的JS焦点幻灯特效代码; 适合摄影网站超漂亮的宽屏flash+xml幻灯轮换代码; 31款简单实用的CSS+JS下拉菜单脚本; 3D立体效果金字塔环形旋转的flash+xml相册代码; 基于jQuery实现的瀑布流布局列表特效代码; 透明质感上下滑动带小图预览5屏JS焦点图幻...; 超酷的3D摩天轮flash+xml相册幻灯图片代码; 自带多种幻灯效果支持缩略图导航的jquery画...; 能沿多个方向滑动切换的jquery幻灯代码; 可改图片尺寸和张数的flash幻灯轮换代码; 很好看的带缓冲效果CSS下拉菜单导航代码; 基于jquery很有趣的360度全景图片预览特效; 6屏幻灯上下滑动式带缩略图和文字介绍的fla...