网页版式设计3_布局练习

• 从网页的布局形式上来看
•
按照平面设计的形式来看，整个页面可以分为几个 部分，每个部分有不同的功能，也能体现不同的形式，具 体看来就是上边、左边、下边、右边、中间、看似无奇， 自身却有许多独特的地方，就说划分的大小吧!中间的部 分一般是最大的，因为它承载着主要的信息，使用者主要 就是看中间这个部分的内容，有些网站也为了出新意把整 个页面进行任意划分，特别是个人网页，例如把整个页面 平分为左右两个部分，但是这样会让人不着重点，还有的 框架用得太多，影响了页面的整体性……
•网页版式布局确定网页设计风格的优化。 •而构成网页版式的图片、文字等的细节处 理，决定着网页设计的完美
wenku.baidu.com
• • • •
1．合理搭配图形、文字等进行版式布局 2．对称格局 3．不对称格局 4．利用简单可用资源进行网页初步布局制 作（色块、框、细线。中英文等）
对 称 格 局
点 线 面 方 式 -临 摹 完 成 模 式
不对称格局
• 从网站内容上来进行排版
• 现在的网站通常具有的内容是文字、图片、符号、动 画、按钮等，其中文字占很大的比重，因为现在网络基本 上还是以传送信息为主，而用文字还是非常有效率的一种 方式，其次是图片，除了文本之外，网页上最重要的设计 元素莫过于图像了。一方面，图像的应用使网页更加美观、 有趣；另一方面，图像本身也是传达信息的重要手段之一。 与文字相比，它直观、生动，可以很容易地把那些文字无 法表达的信息表达出来，易于浏览者理解和接受。 加入图片不但可以是页面更加的活跃，而且可以形象的说 明问题。所以按照目前网页的设计，可以有针对性的对这 些内容作一些调整，可以得出一些可以借鉴的东西……