版 式 设 计课件.ppt

12/16/2015版式设计任课老师:唐铄Page ,它使设计师能将丰富的设计元素有效地安排在一个页面上。从本质上说,它是一件设计作品的骨骼。网格给设计带来秩序感和结构感,不管它们是简单的版面或是像在新闻网页中所表现出来的那样复杂。网格有其基本运用原则,虽然这些基本原则中有一些要追溯至出版业第一次成为大型产业时期,但这些方法、技术已经在几个世纪的发展中变得更加精确、进步、完善。这个过程仍在继续,多媒体、互联网、移动通信界面等等。关注网格使用背后的原则,是解决版面设计工作中将面临的问题,同时希望证明网格不仅仅赋予设计以秩序感,而且还能给设计的表述和创造提供丰富的机会。,网格为所有的设计元素提供一个结构,它使设计创造更加轻松、灵活,也让设计师的决策过程变得更加简单。在安排版面元素时,对网格的使用能提高精确性和连贯性,为更高程度的创造提供一个框架。Page 3范例:伦敦艺术大学的校友杂志,左图使用简单、对称两栏网格以及宽宽的页缘留白。右图使用的是独立的文本栏。页缘留白最初用来做笔记和旁注,但也可以融入设计,成为设计元素。本设计的特色是使用了有力的网格,同时图片横跨分栏成订口,创造出一种动感。页码作为图形元素被插入底部留白的边缘,为整体设计提供一个牢靠的支撑点。标题、正文及说明等不同部分的文字字体和尺寸创造出一种“色彩”和设计个性。Page 4Page 5Page 。在发展的进程中,这种方式变得更加进步、精确—从简单文本到图文混排,再到现代设计软件所提供的更加丰富的多样编排方式。范例:左图为1483年中古原稿,文本被排列在纵向的两个分栏中右图为1774年的《爱丁堡晚报》,本文以纵向三个分栏排列。附加元素如大写标题、栏线等,更增添秩序感。两者在对读者的阅读引导使相同的元素、醒目的标题和方向感Page 7范例:本设计是自然形成的网格:以“SAMSOM”为中心,其四周的文本形成一种对称,对应了不对称的图像。本设计既有版式的多样性和视觉上的动感,同时又保证了清晰的信息分层。横向和纵向的文字增添层次感,近景、中景、背景都嵌入了信息,并以文字的大小和色彩的亮度进行区分。Page ,这与内容本身和个人阅读方式有关,也就是说事关“眼睛如何浏览读本并定位信息”。设计师有很大的自由在一个版面中放置不同的设计元素,,但人类双眼浏览图片或文本的方式意味着一页读物中,必定会有一步内容比其他内容更积极,这意味一页中存在着“中心”区域和“外围”区域。当面对一页信息读物,人类的眼睛习惯性从左上端开始寻找入口,然后向右下角浏览。深色部分提示出最受关注的热点区域。Page 9范例:本设计的特点是运用色彩来制造视觉热点。出血的图片能在一开始吸引眼球,而当眼睛自然地向右方浏览时,红色的文本标题和指示标记又抓住读者的注意力,继而吸引着阅读文本。注意此处文本与图片的主题——凯旋门大致对齐的。Page 10范例:本设计使用白色的文字,与深色的背景形成对比,形成一片热点区域,成为阅读的入口。网格结构给页面设计带来了清晰的“流动感”一条清晰的运动轨迹是从标题到图像,再到文本,最后到达图片说明。