网页版式设计.pptxVIP

网页设计与制作网页版式设计1.1　版式设计概述网页版式设计以功能为主形象明确，易于接受形式简洁　网页版式设计所谓网页版式设计，就是在有限的屏幕空间中将文字、图形图像、色彩、动画、视频等多媒体元素进行有机的组合，使页面整体的视觉效果美观而易读，便于阅读理解，实现信息传达的最佳效果。网页版式设计应时刻围绕“信息传达”这一主题来进行。 网页界面设计的特征1.2　网页版式的尺寸和构成要素(3)若在Photoshop中做网页,并在800×600px示全屏，尺寸应为740×60px，不会出现水平滚动条和垂直滚动条。(4)页面长度原则上不超过3屏，宽度不超过1屏(5)全尺寸banner为468×60px，半尺寸banner为234×60px，小banner为88×31px为好。(1)当屏幕分辨率为800×600px时，网页宽度保持在778px以内，不会出现水平滚动条，高度则根据版面和内容决定。(2)当屏幕分辨率为1024×768px时，网页宽度保持在1002px以内，若要保持满屏显示，高度应在612～615px.则不会出现水平滚动条和垂直滚动条。　网页版式设计网页版式形式简洁和审美的功能的特征，要求网页的设计者必需设法从网页的整体考虑，方便用户浏览网页。在进行网页版式设计时，页面的尺寸通常使用像素(px)来进行度量，并遵循如下的规律来设置：网页版式的尺寸1.2　网页版式的尺寸和构成要素　网页版式设计网页界面的构成要素文字是网页界面的主体，是用以传达信息的主要元素。 网页界面中的文字主要有标题、文字信息和文字链接。 AB页面中的图形可以用作标题、背景、主图和链接按钮等。文字图形结构要素DC网页界面中所涉及的多媒体元素主要是音频、视频和动画等。色彩在网页界面设计中起着重要作用色彩多媒体1.3　网页版式设计原则　网页版式设计主题鲜明突出　　在进行版式设计时应做到：　(1)按照主从关系的顺序使放大的主体形象成为视觉中心，以此来表达主题思想。　(2)将文案中多种信息作整体编排设计，有助于主体形象的建立。　(3)在主体形象四周增加空白量，是被强调的主体形象更加鲜明。设计原则形式与内容统一强化整体布局　版式设计所追求的完美形式必须符合主题的思想内容。　即将版面各种编排要素在编排结构及色彩上作整体设计。文字的颜色字号大小可用不同的方式来计算，例如，磅（point）或像素（pixel），建议用磅为单位。字体选择是一种感性、直观的行为，需要依据网页的总体设想和浏览者的需要。 行距的变化也会对文本的可读性产生很大影响。在网页设计中，设计者可以为文字、文字链接、已访问链接和当前的活动链接选用各种颜色。字号、字体和行距1.4　网页的版式设计风格文字的整体编排文字的强调在网页设计中，字体的处理与颜色、版式、图形等其他设计元素的处理一样非常关键。从某种意义上来讲，所有的设计元素都可以理解为图形。 （1）行首的强调。 （2）引文的强调。　网页版式设计文字的处理文字处理1.4　网页的版式设计风格　网页版式设计图像的编排与处理（1）四角与中轴四点结构。 （2）块状组合与散点组合结构。图像的编排（1）图像的外形处理。 （2）图像的面积。 （3）图像的数量。 （4）与背景的关系。图像的处理网页一般都是纵向的，其长度从一屏到三屏不等，有时甚至更多。图像的应用1.4　网页的版式设计风格　网页版式设计骨骼型倾斜型满版型对称型分割型焦点型版式中轴型三角型曲线型自由型版式类型的选择 网页设计与制作谢谢观看！