《网站美工设计基础》第七讲 网页版式设计的图文魅力.ppt

网站美工设计基础 自由型网页的版式设计版面自然活泼，但使用时要根据特定的主题需要来决定是否选用。若使用不当，会产生文不对题的后果。 自由型网页版式示意图 网站美工设计基础 网站美工设计基础 自由型网页版式 自由型网页版式 网站美工设计基础 网站美工设计基础 人类社会越是向前发展，人们的审美趣味就越是丰富和自由，因而，网页设计艺术就必然处于不断的更新变化之中。审美趣味不仅与人类社会某个时期的社会环境有关，更与人的文化品位和内在素质有密切的联系。如儿童喜爱高纯度的色彩，知识分子偏爱灰色调，而黑色在设计师的眼里却是永恒的。 网站美工设计基础 当然，版面设计下突破传统的框架与束缚，向往自由驰骋想象的空间，这种看似随心所欲的设计样式，实则是经过个性化艺术表现的美感传达，带给人们的将是富有创意的联想。 网站美工设计基础 总之，在所有的设计过程中，审美活动总是伴随着视觉传达活动发挥作用的，因此强调视觉的感观是网页设计整体的最终目的，同时也是设计的最终目的。 网站美工设计基础 网站美工设计基础 骨格型网页版式 骨格型网页版式 网站美工设计基础 满版形网页设计其充实的版面整体性较好，但容易产生压抑和无空间感，然而版面使用率高。反之，如果将版面统筹布局后留有大量的空间，造成视觉上的低版面率，会给人一种品味高雅的格调。 满版型网页版式示意图 网站美工设计基础 满版型网页版式 满版型网页版式 网站美工设计基础 网站美工设计基础 视觉上的底版面率设计 网站美工设计基础 分割形的网页条分缕析，板块内容界限分明，具有很强的秩序感和条理性。 分割型网页版式示意图 网站美工设计基础 分割型网页版式 分割型网页版式 网站美工设计基础 中轴线形的网页设计会产生一种强烈的亲和力，不管是横轴或者是纵轴，都会产生对称的耦合。 中轴型网页版式示意图 网站美工设计基础 纵轴型网页版式 横轴型网页版式 中轴线网页版式 网站美工设计基础 网站美工设计基础 中轴线型网页版式 网站美工设计基础 曲线形的网页设计容易产生流动感，这样的版面会使人产生舒畅、自由、畅达的感觉。 曲线型网页版式示意图 网站美工设计基础 网站美工设计基础 曲线型网页版式 曲线型网页版式 网站美工设计基础 网站美工设计基础 倾斜形的网页设计具有强烈的方向感和动势，适当编排会使版面产生强烈的视觉冲击力。 倾斜型网页版式示意图 网站美工设计基础 倾斜型网页版式 网站美工设计基础 焦点型的网页设计是通过各种辅助手段，最终将视觉注意力集中到设计者划定的视觉区域之中，从而强化版面的主题。 焦点型网页版式示意图 网站美工设计基础 网站美工设计基础 焦点型网页版式 焦点型网页版式 网站美工设计基础 网站美工设计基础 三角形具有最强的稳定感，在网页设计的版面中运用三角形会使整个页面产生构架的稳定性。 三角型网页版式示意图 网站美工设计基础 网站美工设计基础 三角型网页版式 三角型网页版式 网站美工设计基础 网站美工设计基础 2 .线 线相对于点和面来说是一个细而长的形态，具有分隔空间的作用。 网站美工设计基础 线的自由分隔，起了引导作用 单线构成的图形，与人物图片形成鲜明对比 网站美工设计基础 3.面 面有长、宽两度空间，无厚度，也称为“形”，是设计中的重要因素。在现实版式设计中，其表现也包容了各种色彩、肌理等方面的变化，同时面的形状和边缘对面的性质也有着很大的影响，在不同的情况下会使面的形象产生极多的变化。在基本视觉要素中，面的视觉影响力最大，在画面上往往起着举足轻重的作用。 网站美工设计基础 网站美工设计基础 相对于点、线来说，面能起到稳定版面的作用。 网站美工设计基础 4．2 版式设计的审美形式原理 美是每一个人追求的精神享受。当你接触任何一件有存在价值的事物时，它必定具备合乎逻辑的内容和形式。然而单从形式条件来评价某一事物或某一视觉形象，美或丑的感觉在大多数人中共存着一种源于人们长期生产、生活积累的共识，使我们逐渐发现了形式美的基本法则。 网站美工设计基础 一、对称与均衡 对称与均衡是图案最基本的两种组织、构成形式。对称体现了静感与稳定性，具有端庄，安定的美；均衡则表现了动感和变化性，具有生动、活泼的美。对称是指图形或物体对某个中心点、中心线、对称面，在形状、大小或排列上具有一一对应的关系；均衡是不对称形态的一