网站的版面设计-精品ppt课件

《网站的版面设计-精品ppt课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、电子商务网站建设与管理福州网站建设http://www.0591web.cn/wenku1Contents网页设计中的构图规律1网页设计中的形式法则2网页中文字排列的设计3图文混排的基本要求4画面构成方式对情绪的影响5当人们浏览网页时，第一眼看到的就是网页的构图。因此，构图是否美观、和谐直接影响到视觉效果。构图不仅要注意到形式，还要考虑到实用性，是否便于人们阅读和观看。方形的分割是网页设计中常用的方法。在矩形的构图中，一定要注意应用黄金分割线的比例（大约在3/4处）、构图基本结构的形成规律，如图2-1所示。一定要有疏密的节奏，要意识到格子的主次关系，上面

2、的往往比下面的更受人关注，左面的往往比右面的更受关注，这是人们的基本视觉规律。一、网页设计中的构图规律在网页中的应用效果如图2-2所示。要学会这种基本的构图分割法，从最大体的框架开始，注意审美规律和黄金分割线的比例。一、网页设计中的构图规律矩形的分割给人的感觉是稳定、平和，适于一般性的商业网站。螺旋曲线是最有韵律和生命力的线条，如图2-3所示。螺旋形的构图也是最具生命力和动感的构图。一、网页设计中的构图规律在网页中的应用效果如图2-4所示。适用于艺术、音乐以及内容充满动感和活力的网站。一、网页设计中的构图规律网页设计中形式法则的运用不仅可以创造出富有个性

3、的网页形象、表现网页内容、传达网页信息，而且可以起到方便读者阅读的作用。我们这里提到的形式法则有以下几种。二、网页设计中的形式法则1．对称对称是网页设计中较为忌讳的一种手段，这种形式法则的运用很容易造成页面过于平均。对称一般分为左右对称、上下对称、中心点对称。但合理地运用对称的方法，也可达到很好的效果，如图2-7所示。这是一个简易的网页构图，它以一条中轴线为中心，分成左右相同的两部分。可以看到，这个网页虽然构图上并不难看，但缺乏新意，最终结果如图2-8所示。二、网页设计中的形式法则2．均衡均衡和对称的区别在于对称是绝对的，而均衡是相对而言的。也就是说它是

4、对称的，但却不是绝对的对称，如图2-9所示。页面上左面的三个小的方形色块在视觉上与右边大的色块是相等的，并没有造成构图左右的不平衡，所以，虽然它不是绝对的平衡，但画面却是均衡的。完成画面如图2-10所示。二、网页设计中的形式法则3．对比对比的应用可以在形式上分清主从关系，便于浏览。对比的概念比较抽象，比如方形和圆形可以是形状上的对比；大的图形与小的图形可以是面积上的对比；红色与黄色可以是颜色上的对比；简单的图形与复杂的图形又可以是造型上的对比。由于对比的形式多样，所以可以利用这种形式法则创造出多种个性鲜明的设计。二、网页设计中的形式法则3．对比如图2-1

5、1所示，整个网页非常简洁，惟有一处较为复杂，那就是上半部分的图形。这样的设计构成了繁与简的对比，使网页非常时尚、新颖。二、网页设计中的形式法则4．节奏这里所提的节奏与音乐中所说的节奏是有一定的区别的。节奏是一个比较抽象的概念，构图的关系、颜色的变化、形状的对比都能产生节奏。在一个网页中，节奏可能是缓慢的，也可能是铿锵有力的，这都要靠对比来实现。换言之，没有对比就没有节奏。二、网页设计中的形式法则4．节奏如图2-12、图2－13所示，第一张图的矩形在颜色上没有对比，而且面积基本相等，排列也是均匀的，这样缺少对比也就是节奏性太弱。二、网页设计中的形式法则4．

6、节奏再看第二张，这张图的矩形对于第一张而言明显有了变化，图形的面积、颜色、图形排列都有区别，也就是说存在对比。因此，这样的画面才是有节奏的。二、网页设计中的形式法则在本节中，最重要的是网页中文字的版式设计，网页中文字设计应注意以下几个原则。1．易阅读网页文字的主要功能是传达网站的意图和信息，所以必须考虑文字的整体版式设计，设计中的文字应避免繁杂零乱，使人易认、易懂，尤其是在内容严肃的网页中。三、网页中文字排列的设计字的行距应大于字间距，否则观众的视线无法按一定的方向和顺序进行阅读。不同类别文字的空间要作适当的集中，并利用空白加以区分，从而形成字块的感觉，

7、如图2-15所示。三、网页中文字排列的设计2．文字的个性设计网页中文字的设计要符合网站的风格特征。文字的设计不能和整个作品的风格特征相脱离，更不能发生冲突，否则就会破坏文字的诉求效果。如图2-16所示，网页的设计风格非常明确，手绘的插图文字让人感觉非常清新自然，给人留下深刻的印象。三、网页中文字排列的设计3．形式法则的美感在视觉传达的过程中，文字作为画面的形象要素之一，具有传达感情的功能，因此它必须具有视觉上的美感，能够给人以美的感受，如图2-17所示。字型巧妙的设计与组合，能使人感到愉快，留下美好的印象，从而获得良好的心理反应。反之，则使人看后心里不愉

8、快，视觉上难以产生美感，甚至会让观众产生厌烦心理，这样无法传达出作者的意图和构想