下载

1下载券

加入VIP
  • 专属下载特权
  • 现金文档折扣购买
  • VIP免费专区
  • 千万文档免费下载

上传资料

关闭

关闭

关闭

封号提示

内容

首页 网页版式设计2

网页版式设计2.ppt

网页版式设计2

kdy80257
2013-09-05 0人阅读 举报 0 0 暂无简介

简介:本文档为《网页版式设计2ppt》,可适用于IT/计算机领域

什么是版式设计版式设计 版式设计概述  版式设计是现代设计艺术的重要组成部分是视觉传达的重要手段表面上看它是一种关于编排的学问实际上它不仅是一种技能更是技术与艺术的高度统一。版式设计是现代设计家必须具备艺术修养和技术知识。 版式设计的定义  版式format-指书刊等的版面格式  版面-(报刊、书籍的一)整页  所谓版式设计就是在版面上将有限的视觉元素进行有机的排列组合。  将理性思维个性化地表现出来一种具有个人风格和艺术特色的视觉传送方式。传达信息同时也产生感官上的美感。  版式设计的范围涉及到报纸、刊物、书籍(画册)、产品样本、挂历、招贴画、唱片封套和网页页面等平面设计各个领域。   版式设计的原则  让观看者在享受美感的同时接受作者想要传达的信息。  、主题鲜明突出  版式设计的最终目的是使版面产生清晰的条理性用悦目的组织来更好地突出主题达到最佳诉求效果。  按照主从关系的顺序使放大的主体形象视觉中心以此表达主题思想。  将文案中的多种信息作整体编排设计有助于主体形象的建立。  在主体形象四周增加空白量使被强调的主体形象更加鲜明突出。  、形式与内容统一  版式设计的前提-版式所追求的完美形式必须符合主题的思想内容。  通过完美、新颖的形式来表达主题。  没有文字的版面最难设计。   版式的基本类型  骨格型、满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置型、自由型和四角型等种。 骨格型  规范的、理性的分割方法。  常见的骨格有-竖向通栏、双栏、三栏和四栏等。一般以竖向分栏为多。  图片和文字的编排上严格按照骨格比例进行编排配置给人以严谨、和谐、理性的美。  骨格经过相互混合后的版式既理性有条理又活泼而具有弹性。 满版型  版面以图像充满整版主要以图像为诉示视觉传达直观而强烈。文字配置压置在上下、左右或中部(边部和中心)的图像上。  满版型给人大方、舒展的感觉。是商品广告常用的形式。优秀网页设计的共同特点近期惹人喜欢的网站都有下面的特征: ·布局简单·中心定位·D效果·柔和,自然的背景色·颜色鲜亮(要谨慎使用)·可爱的图标(也要谨慎使用)·有许多留白·大字体……………………………………………一文字的格式化字号、字体、行距  字号大小可以用不同的方式来计算例如磅(point)或像素(pixel)。因为以计算机的像素技术为基础的单位需要在打印时转换为磅所以建议采用磅为单位。  最适合于网页正文显示的字体大小为磅左右现在很多的综合性站点由于在一个页面中需要安排的内容较多通常采用磅的字号。较大的字体可用于标题或其他需要强调的地方小一些的字体可以用于页脚和辅助信息。需要注意的是小字号容易产生整体感和精致感但可读性较差。pt(磅)px(像数)网页设计者可以用字体来更充分地体现设计中要表达的情感。字体选择是一种感性、直观的行为。但是无论选择什么字体都要依据网页的总体设想和浏览者的需要。粗体字强壮有力有男性特点适合机械、建筑业等内容细体字高雅细致有女性特点更适合服装、化妆品、食品等行业的内容在同一页面中字体种类少版面雅致有稳定感字体种类多则版面活跃丰富多采。关键是如何根据页面内容来掌握这个比例关系。从加强平台无关性的角度来考虑正文内容最好采用缺省字体。因为浏览器是用本地机器上的字库显示页面内容的。作为网页设计者必须考虑到大多数浏览者的机器里只装有三种字体类型及一些相应的特定字体。而你指定的字体在浏览者的机器里并不一定能够找到这给网页设计带来很大的局限。解决问题的办法是:在确有必要使用特殊字体的地方可以将文字制成图像然后插入页面中。行距的变化也会对文本的可读性产生很大影响。一般情况下接近字体尺寸的行距设置比较适合正文。行距的常规比例为:即用字点则行距点。这主要是出于以下考虑:适当的行距会形成一条明显的水平空白带以引导浏览者的目光而行距过宽会使一行文字失去较好的延续性。px行距除了对于可读性的影响行距本身也是具有很强表现力的设计语言为了加强版式的装饰效果可以有意识地加宽或缩窄行距体现独特的审美意趣。例如加宽行距可以体现轻松、舒展的情绪应用于娱乐性、抒情性的内容恰如其分。另外通过精心安排使宽、窄行距并存可增强版面的空间层次与弹性表现出独到的匠心怎么样做好网页版式设计?先来了解网页版式布局的基本类型主要有:骨骼型、满版型、分割型、中轴型、曲线型、倾斜型、对称型、焦点型、三角型、自由型十种。骨骼型网页版式的骨骼型是一种规范的、理性的分割方法类似于报刊的版式。常见的骨骼有竖向通栏、双栏、三栏、四栏和横向的通栏、双栏、三栏和四栏等。一般以竖向分栏为多。这种版式给人以和谐、理性的美。几种分栏方式结合使用既理性、条理又活泼而富有弹性。此类网站均属门户、新闻媒体类网站所采用。如TNTcom。骨骼型满版型  页面以图像充满整版。主要以图像为诉求点也可将部分文字压置于图像之上。视觉传达效果直观而强烈。满版型给人以舒展、大方的感觉。随着宽带的普及这种版式在网页设计中的运用越来越多。  此类版式被各种网站所采用但运用自如的是韩国网站。韩国网站设计在运用满版和FLASH方面是我们应当仔细研习的。如SKKING。满版型分割型把整个页面分成上下或左右两部分分别安排图片和文案。两个部分形成对比:有图片的部分感性而具活力文案部分则理性而平静。可以调整图片和文案所占的面积来调节对比的强弱。例如:如果图片所占比例过大文案使用的字体过于纤细字距、行距、段落的安排又很疏落则造成视觉心理的不平衡显得生硬。倘若通过文字或图片将分割线虚化处理就会产生自然和谐的效果。此类网站版式为各类网站所采用。如ABBEY。分割型中轴型沿浏览器窗口的中轴将图片或文字作水平或垂直方向的排列。水平排列的页面给人稳定、平静、含蓄的感觉。垂直排列的页面给人以舒畅的感觉。此类网站版式为各类网站所采用。如ALFAROMEO。中轴型曲线型图片、文字在页面上作曲线的分割或编排构成产生韵律与节奏。此类网站版式为各类网站所采用。如POISE。曲线型倾斜型页面主题形象或多幅图片、文字作倾斜编排形成不稳定感或强烈的动感引人注目。此类网站版式为各类网站所采用。如BIOTHERM。倾斜型对称型对称的页面给人稳定、严谨、庄重、理性的感受。对称分为绝对对称和相对对称。一般采用相对对称的手法以避免呆板。左右对称的页面版式比较常见。四角型也是对称型的一种是在页面四角安排相应的视觉元素。四个角是页面的边界点重要性不可低估。在四个角安排的任何内容都能产生安定感。控制好页面的四个角也就控制了页面的空间。越是凌乱的页面越要注意对四个角的控制。此类网站版式为各类网站所采用。如PEDRPPER。对称型焦点型焦点型的网页版式通过对视线的诱导使页面具有强烈的视觉效果。焦点型分三种情况。()中心 以对比强烈的图片或文字置于页面的视觉中心。()向心 视觉元素引导浏览者视线向页面中心聚拢就形成了一个向心的版式。向心版式是集中的、稳定的是一种传统的手法。()离心 视觉元素引导浏览者视线向外辐射则形成一个离心的网页版式。离心版式是外向的、活泼的更具现代感运用时应注意避免凌乱。此类网站如AQUAFINA。焦点型三角型网页各视觉元素呈三角形或多角形排列。正三角形(金字塔型)最具稳定性倒三角形则产生动感。侧三角形构成一种均衡版式既安定又有动感。此类网站均属门户、新闻媒体类网站所采用。如LIFEbeat。三角型自由型自由型的页面具有活泼、轻快的风格。此类网站如SESAC。自由型  无规律的、随意的编排构成。  有活泼、轻快的感觉。自由型  无规律的、随意的编排构成。  有活泼、轻快的感觉。自由型  无规律的、随意的编排构成。  有活泼、轻快的感觉。

用户评价(0)

关闭

新课改视野下建构高中语文教学实验成果报告(32KB)

抱歉,积分不足下载失败,请稍后再试!

提示

试读已结束,如需要继续阅读或者下载,敬请购买!

文档小程序码

使用微信“扫一扫”扫码寻找文档

1

打开微信

2

扫描小程序码

3

发布寻找信息

4

等待寻找结果

我知道了
评分:

/35

网页版式设计2

VIP

在线
客服

免费
邮箱

爱问共享资料服务号

扫描关注领取更多福利