网页美工设计

章节摘录

　　（3）行距的设置。行距的变化也会对文本的可读性产生很大影响。一般情况下，接近字体尺寸的行距设置比较适合正文。行距的常规比例为10：12，即用字10点，则行距12点。这主要是出于以下考虑：适当的行距会形成一条明显的水平空白带，以引导浏览者的目光，而行距过宽会使一行文字失去较好的延续性。2.文字的整体编排 （1）将文字图形化。所谓文字的图形化，即是强调它的美学效应，把记号性的文字作为图形元素来表现，同时又强化了原有的功能。作为网页设计者，既可以按照常规的方式来设置字体，也可以对字体进行艺术化的设计。无论怎样，一切都应围绕如何更出色地实现自己的设计目标。（2）将文字叠置。文字与图像之间或文字与文字之间在经过叠置后，能够产生空间感、跳跃感、透明感、杂音感和叙事感，从而成为页面中活跃的、令人注日的元素。虽然叠置手法影响了文字的可读性，但是能造成页面独特的视觉效果。这种不追求易读，而刻意追求“杂音”的表 现手法，体现了一种艺术思潮。因而，它不仅大量运用于传统的版式设计，在网页设计中也被广泛采用。（3）将正文分栏，再置入标题。将正文分栏，是为了求取页面的空间与弹性，避免通栏的呆板以及标题插入方式的单一性。标题虽是整段或整篇文章的标题，但不一定千篇一律地置于段首之上，可作居中、横向、竖向或边置等编排处理，甚至可以直接插入字群中，以新颖的版式来打破旧有的规律。（4）文字编排的四种基本形式。①两端均齐。文字从左端到右端的长度均齐，字群形成方方正正的面，显得端正、严谨、美观。②居中排列。在字距相等的情况下，以页面中心为轴线排列，这种编排方式使文字更加突出，产生对称的形式美感。③左对齐或右对齐。左对齐或有对齐使行首或行尾自然形成一条清晰的垂直线，很容易与图形配合。这种编排方式有松有紧，有虚有实，跳动而飘逸，产生节奏与韵律的形式美感。左对齐符合人们阅读时的习惯，显得自然；右对齐因不太符合阅读习惯而较少采用，但显得新颖。④环绕图形排列。将文字环绕图形边缘排列，会令人感到融洽、自然。3.文字的强调 （1）行首的强调。将正文的第一个字或字母放大并做装饰性处理，嵌入段落的开头。此技巧的发明溯源于欧洲中世纪的文稿抄写员。由于它有吸引视线、装饰和活跃版面的作用，可以被应用到网页的文字编排中。至于将首字放大多少，则依据所处网页环境而定。（2）引文的强调。在进行网页文字编排时，常常会碰到提纲挈领性的文字，即引文。引文概括一个段落、一个章节或全文大意，因此在编排上应给予特殊的页面位置和空间来强调。引文的编排方式多种多样，如将引文嵌入正文的左右侧、上方、下方或中心位置等，并且可以在字体或字号上与正文相区别而产生变化。

书籍目录

第1篇 网页基础知识项目1  网页中色彩的处理与应用任务1尊贵华丽的配色方案设计任务2  自然舒适的配色方案设计任务3生动活泼的配色方案设计挑战自我项目2网页布局与版面设计任务1栏式结构网页的制作任务2区域式结构网页的制作任务3非规律结构网页的制作一挑战自我第2篇 网页元素设计项目3制作网页LOGO任务1静态L0c0的制作任务2动态LOG0的制作挑战自我项目4制作网页导航任务1  网站静态导航的制作任务2 nash导航的制作任务3网络广告按钮的制作任务4表单按钮的制作挑战自我项目5 制作网页BANNER任务1 静态BANNER的制作任务2 动态BANNER的制作挑战自我项目6处理网页中的文字任务1文字在网页中的应用任务2常见特效文字的制作挑战自我项目7网页中图像的处理任务l斜线图案背景的制作任务3魅力十足的网页布局设置挑战自我任务2背景马赛克插图效果的制作任务3矢量人物插图的处理挑战自我项目8 CSS的美化设计任务1动感十足的导航栏设计任务2个性十足的登录表单创建第3篇经典网站欣赏与解析项目9经典网站欣赏与解析任务1学校教育类网站欣赏与解析任务2中国年画博物馆网站欣赏与解析任务3韩国海滩旅游度假网站欣赏与解析任务4饮食食品类网站欣赏与解析

作者简介

《计算机平面设计专业系列教材:网页美工设计》是计算机平面设计专业系列教材，以Photoshop CS5、Dreamweaver CS5和Flash CS5为平台，从网页的色彩搭配技巧入手，以大量优秀的实例网页引导读者全面掌握网页美工设计的基本知识，详细介绍网页的配色、风格创意、网页布局、网页中各元素的设计、CSS等内容。《计算机平面设计专业系列教材:网页美工设计》共分为3篇9个项目，分别介绍了网页中色彩的处理与应用、网页布局与版面设计、制作网页LOGO、制作网页导航、制作网页BANNER、处理网页中的文字、网页中图像的处理、CSS的美化设计和经典网站欣赏。

 网页美工设计下载