,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,网络排版艺术,字体,文字,文字从信息功能的角度进行划分主要可分为：标题、副标题、正文、附文等类别。,设计师须根据文字信息内容的组织关系，通过有效的视觉流程组织编排文字，引导受众阅读，而这种文字的编排应灵活、富有美感和形式感，使之符合大众的审美情趣。,文字作为视觉表现要素之一，与图形与色彩相比有着更优的传播效率，由视觉处理后的文字在平面排版中不仅具有阅读的固有功能，同时肩负着版面视觉风格的审美功能。,宋体,作为古代刻书法字体基础上发展起来的最早印刷体，其特点是“横细竖粗,多角修饰”它给人典雅、大方、肃穆之感。宋体根据粗细之分有粗宋、大宋、中宋。这使其在广告版面中，无论是标题、还是大段的文字都可应付自如。,黑体,横竖细粗一致的笔划结构以及多种笔划粗细选择，使其成为现代设计中应用最为广泛的字体。而在其基础上，去除笔画两端稍粗的结构，使之更为简洁，从而衍生出当代广告的主流字体等线体。,等线体：,极简的字体风格，迎合了现代的审美观，它没有任何笔划的修饰与粗细之分,干净利落，特别适合干某些文字。它已成为大多数现代品牌的“代言者”从公司的平面广告，电子、通讯到时装、化妆品、服饰，从标题广告语到大段说明文字、似乎设计师只安装了等线体。,超黑：,就像平静、冷漠的乐章中浑厚的声音，醒目、大方、男性化。比较适合作为标题出现。,圆体：,(,幼圆,),一种港台字体，它保留了黑体的字型饱满，方正、结构严谨的特点，而在笔画两端和转折的地方加上了圆角处理，使其圆润、富有独特的亲和力。适合表现关于儿童、女性、食品等内容。,仿宋体,字体修长，粗细均匀，起落笔都有笔顿，类似于手书风格、挺拔秀丽、颇具文化味。由于笔画清晰明快但缺乏力度，使其更多被用于成段的文字，特别是竖排时，其中国传统文化的气质更加表露无疑,。,倩体,结构方正饱满，其笔画的转角处采取了圆角的特别处理使其富有力度又不乏美感和亲和力。这类字体保持极好的间架结构，但是同时不乏独特新意的笔画设计，严谨的字型中透出优美现代的气质。,网页色彩的搭配,色彩的基本知识,1,、颜色是因为光的折射而产生的。,2,、红，黄，蓝是三原色，其它的色彩都可以用这三种色彩调和而成。网页,html,语言中的色彩表达即是用这三种颜色的数值表示例如：红色是,color(255,0,0),十六进制的表示方法为,(FF0000),白色为,(FFFFFF),我们经常看到的,bgColor,=#FFFFFF,就是指背景色为白色。,3,、颜色分非彩色和彩色两类。非彩色是指黑，白，灰系统色。彩色是指除了非彩色以外的所有色彩。,4,、任何色彩都有饱和度和透明度的属性，属性的变化产生不同的色相，所以至少可以制作几百万种色彩。,非彩色的搭配,黑白是最基本和最简单的搭配，白字黑底，黑底白字都非常清晰明了。,灰色是万能色，可以和任何彩色搭配，也可以帮助两种对立的色彩和谐过渡。如果你实在找不出合适的色彩，那么用灰色试试，效果绝对不会太差。,彩色的搭配,一、色环。我们将色彩按,“,红,-,黄,-,绿,-,蓝,-,红,”,依次过度渐变，就可以得到一个色彩环。色环的两端是暖色和寒色，当中是中型色。红,.,橙,.,橙黄,.,黄,.,黄绿,.,绿,.,青绿,.,蓝绿,.,蓝,.,蓝紫,.,紫,.,紫红,.,红,.,暖色系,.,中性系,.,寒色系,.,中性系,色彩的心理感觉。,红色,-,是一种激奋的色彩。刺激效果，能使人产生冲动，愤怒，热情，活力的感觉。,绿色,-,介于冷暖两中色彩的中间，显得和睦，宁静，健康，安全的感觉。它和金黄，淡白搭配，可以产生优雅，舒适的气氛。,橙色,-,也是一种激奋的色彩，具有轻快，欢欣，热烈，温馨，时尚的效果。,黄色,-,具有快乐，希望，智慧和轻快的个性，它的明度最高。,蓝色,-,是最具凉爽，清新，专业的色彩。它和白色混合，能体现柔顺，淡雅，浪漫的气氛,(,象天空的色彩,:),白色,-,具有洁白，明快，纯真，清洁的感受。,黑色,-,具有深沉，神秘，寂静，悲哀，压抑的感受。,灰色,-,具有中庸，平凡，温和，谦让，中立和高雅的感觉。,每种色彩在饱和度，透明度上略微变化就会产生不同的感觉。以绿色为例，黄绿色有青春，旺盛的视觉意境，而蓝绿色则显得幽宁，阴深。,网页色彩搭配的原理,1,、色彩的鲜明性。网页的色彩要鲜艳，容易引人注目。,2,、色彩的独特性。要有与众不同的色彩，使得大家对你的印象强烈。,3,、色彩的合适性。就是说色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。,4,、色彩的联想性。不同色彩会产生不同的联想，蓝色想到天空，黑色想到黑夜，红色想到喜事等，选择色彩要和你网页的内涵相关联。,网页色彩搭配的技巧,有一点,色彩搭配,技巧，可以帮助你迅速成为调色大师,1,、用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，,(,说得通俗些就是将 色彩变淡或则加深,),，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。,2,、用两种色彩。先选定一种色彩，然后选择它的对比色,(,在,photoshop,里按,ctrl+shift+I,),。我的主页用蓝色和黄色就是这样确定的。整个页面色彩丰富但不花稍。,3,、用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。确定色彩的方法各人不同，我是在,photoshop,里按前景色方框，在跳出的拾色器窗中选择,“,自定义,”,，然后在,“,色库,”,中选就可以了。,4,、用黑色和一种彩色。比如大红的字体配黑色的边框感觉很,跳,。在网页配色中，忌讳的是：,1.,不要将所有颜色都用到，尽量控制在三种色彩以内。,2.,背景和前文的对比尽量要大，,(,绝对不要用花纹繁复的图案作背景,),，以便突出主要文字内容。,图,退底：,照片大都以矩形的形状在版面中出现，难免让人感觉呆板。如果你希望画面更具有活力，生动、有情趣，对照片作退底是一个有效的方法。它不仅可以取出复杂，不和谐的背景使总体形象更加醒目突出，而且退底的照片能较为容易地与版面中的色块、图形、文字组合构成，形成协调、整体的视觉效果。,合成,有时单张照片不一定能准确完整地表现出较大或较抽象的概念，诸如企业理念等。幸好电脑的强大功能令图像合成成为简单易行的事情。设计师通常将多个具像元素经过大小、强弱，于是以其色调等多种视觉处理方法合成为统一、协调的整体，就如同一幅经过高超暗房技术制作摄影图将。如果在加进设计师丰富的想象力，哪画面将呈现令人惊叹的超现实效果。,打散重构,将完整的摄影图片裁剪、打散、再从设计的角度进行重新组合，破碎、错叠，带来的是不稳定，错乱的强烈视觉冲击，在视线无意识地重组画面的同时，画面的所有图形会被重新归整成为有机的整体，而此时画面被赋予了新的形式感。,影调,强大的色彩处理功能，设计师可以对一幅全彩的照片进行色度、彩度、明度、纯度、冷暖改造，相反也可对一幅黑白照片进行着色处理。创造性的创作出单色、双色、非常规彩度等独特的画面色彩。,虚实,通过对照片虚实处理可以避免次要部分的视觉干扰突出主体部分，使画面具有空间与层次美感。同时，被虚化的部分在视觉上不仅带给人们想象的余地，功能上也比较容易与文字信息编排组合，形成完整的版面作品。,局部与特写,有时一张照片并不起眼，但从设计的某一个独特的角度去观察后，也许精彩的画面只存在与照片的某一个局部，于是对画面的裁剪成为摄影的再创作。,质感、特效,对照片添加不同的质感不但可以弥补原始素材在清晰度方面的不足，同时还会诱发不同的联想与情感。如通过对照片手绘效果的处理，可以赋予照片艺术气息和人性化特点；通过对照片破损、烧灼的效果处理，还可带来颓废、陈旧之感；通过对照片数码点阵处理，会使画面呈现科技与现代之感；通过强化照片的影响颗粒，会使画面具有如胶片记录式的真实效果；而刻意强化照片的印刷网点或是制造圆点来组建画面，是受到了印刷工艺的灵感启发。,抽象图形,抽象图形是将自然形象进行概括，提炼，简化得到的形态，例如点、线、面等几何形以及不规则有机形，它们既可在形式上作为版面点、线、面构成的重要元素，又可在传达功能上对信息进行有效地划分，建立阅读的层次感，所以抽象图形在现代商业版面构成中使用十分平淡。,图形的使用必须符合内容、主题。与主体无关、牵强的形式只会误导受众，削弱传播力。特别是在抽象图形的运用上，把握图形的视觉形态语言，不象把握色彩那么简单，如线条的粗细，方向、交织的不同运用都会表达不同的心理感受，文字、色彩形成的综合关系则更值得设计师仔细把握。,标志,标志作为商业版面必不可少的图形元素，其展开的视觉系统构建了企业的标识形象和产品的识别形象，以系统化的方式强化品牌形象在消费者头脑中的影响值得注意注意的是，除去比较直接地将标志按照规定放置到版面的固定位置，更有巧妙的将标志和辅助图形以灵活多变的创新形成融汇到广告设计中，这可谓是品牌形象在实施应用阶段的创意延伸。,版面处理,信息时代，高节奏生活状态下的读者群，对信息的要求适更直接、更全面、更快速。为适应这种情况，报纸需要通过向读者提供更充分和有吸引力的信息，证明他们所花的时间和注意力是值得的。同时视觉时代的来临，使读者在接受信息时，更多地依赖图形化的语言。于是让报纸易读和视觉化被提到编辑们的每日日程。报纸版面的细分化，导读方式多样化，稿件安排的模块方法，信息传递的图解化等等都是对读者阅读心理的和习惯的适应性措施,.,模块式版面,在模块式版面中编辑们将文字、图片等安排在规则的区域内，并尽量避免稿件的穿插。这种版面每条信息的所有要素（正文、标题、美化手段）形成一个规则的矩形。报纸的模块式版面设计核心在于竖栏数量与比例的确定以及相对稳定和适度变化，并且在相当长的周期内，拥有相对固定、统一的基本版面模式。她用栏线和空白将版面分割为多个规则的多边形区域，最常见的形式由水平方向划分为,2,：,4,或,1,：,5,，然后在每块区内一稿件的重要性安排其位置。,模块式版面由以下优点：,1.,模块式版面清晰、规则，版面中各类文章及栏目的位置相对固定，方便动态是版面阅读的同时也符合现代审美观。,2.,模块式版面方便编辑操作，因为举行可以放在版面的任何位置，编辑的排版工作更为剪辑，同时在必要时，如有突发新闻，编辑可以快速地进行调换。,动态式版面,动态式版面的应用比较局限在以娱乐新闻为主的，针对青少年读者的报纸中。,所谓动态式版面没有稳定的竖栏以及规则的矩形区域，对应的图文信息相对自由的编排组合，甚至交错形成一个个组合。其中标题醒目、照片也不全是僵化的矩形，它们被去底或改变形态与其它图形组合，同时加以大量的图形插图使整个版面活泼、个性十足。,动态式版面特点,:,1.,虽有固定栏目，但日新月异，灵活多变的形势，更能契合特定主题，从而吸引读者。,2.,自由随意的组合编排，造成不同版面之间差异性大。对于锁定青少年读者群具有更强的针对性。,