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

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

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

以斜线为暗线排版而成的信息组件和右边斜线切割而成的图片形成形态上的互补，又形成节奏上虚实和疏密的对比，使得整个画面既有斜线带来的张力和动感之外，又不乏整体的稳固和均衡。

更多类似的例子：

以上简单的介绍了网页设计中的一个步骤：构图，罗列了一些比较常用而又有效果的方法，除此之外，应该还有很多，希望大家补充，但我相信无论构图也好，色彩搭配也好，亦或是节奏旋律等等。它们总是围绕着一个共同点去进行，那就是使页面在信息顺利传达的前提下变的美观而生动，有了这一大准则，我想设计页面的时候需要的不是一大堆技法和技巧，而是一颗永不停止探索美和创造美的心。

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

收藏至我的帐号

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

下载排行榜: jQuery图片特效代码带缩略图和文字标题简...; 仿淘宝商城天猫首页jQuery多格焦点幻灯图特...; 仿QQ商城焦点图jquery幻灯特效代码; 宽屏flash+xml焦点幻灯图特效代码; 效果媲美flash的jQuery幻灯代码支持多种切换效果; 3D立体效果的flash+xml照片墙相册展示代码; 带标题和数字导航的JS焦点幻灯特效代码; 31款简单实用的CSS+JS下拉菜单脚本; 漂亮的jquery+Lightbox灯箱效果图片展示特效代码; 基于mootools有7种效果的Gallery(画廊)幻灯相册代码; 超酷HTML5图片特效代码支持全屏显示; 漂亮的jquery画廊相册特效支持缩略图和键盘...; 可自动展开和折叠收起的QQ在线客服代码; 半透明立体质感的宽屏flash+xml焦点幻灯代码; 基于jQuery的首页自动收缩全屏广告代码; 超酷3D摩天轮flash+xml幻灯相册特效源码