网站版式设计网站设计

网站版式设计网站设计（精选十篇）

网站版式设计网站设计 篇1

关键词：商业网站版式设计,排版,消费心理

版式设计是平面设计的重要组成部分, 对现代化社会起着广泛而重要的影响。随着互联网的发展, 商业网站版式设计作为一股新的潮流, 已然形成一股强劲有朝气的艺术设计文化潮流。

一、网站的版式设计的概述

(一) 商业网站版式设计由来

随着世界经济的飞速发展, 互联网技术也日趋成熟和多样化, 网页版设设计作为一门新兴、独立的学科, 广泛应用于各大企业、商家和个人, 社会的各行各业都被其融入和渗透着。可以说商业网页版式设计是在平面设计和互联网技术应用的基础上发展而来的。

(二) 商业网站版式设计的含义

作为一种视觉上的传达, 网站设计注重图文的布局和编排, 采用独特的手法来传达视觉效果, 既提升了版面美感, 又加强了传达信息的功能。

二、商业网站版式设计的要素

作为以销售为目的的各类商业网站, 在做出网站模板设计之前首先要考虑一下因素:

(一) 网站版式设计——核心理念和主题的确定

一个网站的设立, 设计版式的主要目的并不在于设计本身, 关键在于传播信息, 版面的设计离不开主题内容, 因此作为主题内容的企业核心理念的确定是必不可少的, 它体现着企业的整体面貌和经营理念。企业的主题内容无论在何种形式下的排版布局中都要得到首要体现, 这样才能达到商业网站版式设计的最终目标。

(二) 网站版式设计——目标对象的明确

作为商业网站, 目标对象要明确, 一个好的网站版设设计者不仅是在技术上的得心应手, 而且应熟知消费者的心理。我们说商业网站设计的最终目的是为了销售产品并同时扩大企业知名度, 这一点的实现始终是离不开浏览者, 我们也可称为潜在消费者。

(三) 网站版式设计——整理构思与风格设计

一个版式设计风格独特的网站是商家整体形象和企业理念的体现, 对于整个网站的经营起着重要的作用。激烈的市场竞争让各类网站对设计的要求不断提高标准, 并不停使用更合理的设计, 淘汰陈旧。

三、商业网站版式设计与消费心理

日常生活中, 常有人批评网站设计的不合理, 比如在浏览一个购物网站时, 导航条内的分类不够完善、网站的搜索框做的太过隐蔽、有的是布局的不合理, 这些都会直接影响网站浏览的方便性, 不仅增加浏览者在获取有效信息的时间, 而且影响到浏览者的情绪, 甚至使浏览者以后不会再访问该网站。

一个合理的商业网站版式设计首先要锁定消费群体, 了解企业文化和理念以及整个与其相关的销售市场, 根据不同的对象设定不同的设计战略, 更重要的是要学会需要了解消费者心理。这就需要设计者要掌握一定的相关心理学知识, 对于整个商业版式设计来说, 浏览者就是最重要的, 所以一个轻松愉悦的环境怎样才能通过网站的版设设计来体现, 这就不仅仅考验设计者的技术问题, 更是考验设计者的文化涵养。

以下是几种不同目标人群:

(一) 当目标对象是儿童

当目标对象时儿童时, 网页版面设计需要清新、纯净, 商品突出、分类简洁。色彩明度和纯度需要很高, 对比强烈才能增强儿童的注目力。当然布局上同样需要讲究活泼的同时要简洁明了, 主题内容突出, 这样才能让处于儿童阶段的浏览者对其有深刻理解力。

儿童作为浏览者需要购买商品时, 最终确认购买的对象一般是成年人, 所以在版面设计上充分考虑孩子的同时, 也需要添加些家长同样能认可的元素。

(二) 当目标对象是学生

当目标对象是青少年学生, 网页版面设计要体现年轻、个性、风格明快、有着强烈潮流感的排版和布局。图案的选择可以大胆新鲜, 添加元素可多元化, 文字也可多加一些变化, 青少年学生接受能力强, 喜爱流行文化, 风格独特的网站页面一般都能更吸引他们的目光。

(三) 当目标对象是白领

当目标对象是白领, 应当考虑网页排版上可以选择表现企业文化的元素的同时, 注意让条理性更清楚些。白领阶层作为已经工作的办公人员, 已经具备了自己基本稳定和独到的审美观念, 都有相对固定的选择对象, 所以当浏览者是白领阶层时, 该网页的风格基本上是符合他们的审美标准的。

在这种情况下, 可以在保持风格不变的状态下, 让布局和排版更加清晰明了才是明智的选择, 这样可以节省浏览者的时间, 使其可以快速找到自己想要的服务和信息。

(四) 当目标对象是中老年

当目标对象是中老年, 网页版式设计无论以何种风格排版布局, 主题内容一定要明确和突出。中老年浏览网站时更为理性, 浏览重点也更加明确, 因此对于商品之外的辅助元素可以适量减少, 版式也不易过于新潮。

以上几个简单的分类, 我们可以得出结论:不同的网页版设设计带不同视觉效果, 不同消费人群认可不同的版式设计, 网站的布局和展示方式直接影响着消费者浏览网站的方便性。对于无意购买的浏览者, 合理的网页版式设计可以引起浏览者注意, 激发其兴趣, 同样可以促进其购买行为。因此在了解消费心理的基础上建立的网页版式设计才能带来更多更长远的效益。

结语:

设计一个优秀的商业网站设计的排版, 设计师应该具备了解浏览者即潜在消费者的心理, 知道怎样安排处理合理的布局和恰当的信息, 让消费者有一个轻松愉悦的情绪和流畅享受的视觉体验。

参考文献

[1]陈瑛, 冷先平, 吴志勇《商业版式设计》.化学工业出版社.2006-09-01

[2]孟昭兰《普通心理学》.北京大学出版社.1997

[3]李英俊《浅谈网页设计中的版式设计》.硅谷

版式设计教案设计 篇2

教学目的：在变化与统一是设计的总法则的统领下，编排与版式设计有各种具体版面形式，初步理解每种类型的设计方法和特点，掌握主要的几种编排与版式设计版面类型。教学重点：骨格型、满版型、分割型、对称型版式类型的设计方法和特点。

教学难点：在版式设计的所有版面类型中，骨格型的版式设计最不易掌握；在大量信息文字图片处理上，怎样突出重点，让版面达到构成上的和谐与组织上的合理，传达上更条理清晰。教学时间：2课时

讲授内容：

 上节课版式设计的形式法则复习3分钟 提问法

版式设计的形式法则有哪些以及特点？

学习版式设计的形式法则，既帮助我们克服在设计中的盲目性，又为设计前的思考提供了丰富的内涵。

1.单纯与秩序是求取有机的整体； 2.对比与调和是求取强调的效应； 3.对称与均衡是求取稳定的因素； 4.节奏与韵律是求取情调的悦意； 5.虚实与强弱是求取主次陈述。

 版式设计的基本版面类型导入前讨论 7分钟 演示法结合讨论法

版式设计

1.老师演示少量电影海报，活跃上课氛围，并提问：“平时同学们看哪些电影，有留意海报有哪些不同编排形式？给人的感觉是什么？” 2.学生分组自由讨论三分钟后，每组派代表发言。

3.老师表扬发言同学后，引出今天上课主体：版式设计基本版面类型。

 结和图片讲解每种版式设计类型的特点，帮助学生更好的理解和掌握，提高学生的设计感受能力。35 分钟 演示法（图文讲解版式的基本类型）

版式的基本类型有骨格型、满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置型、自由型和四角型等13种。

重点讲解：骨格型、满版型、分割型、对称型版式类型的设计方法和特点。

一、骨格型

图形或文字在版面编排中，总是按照某种规律，在版面中作某种倾向性的排列，这种隐藏的规律性在平面的空间设计中即称为骨格。在编排与版式设计常以分栏的形式出现，如二分栏、三分栏的编排与版式设计。达到构成上的和谐与组织上的合理，传达上更条理清晰。

二、满版型

版面以图象充满整版，主要以图象为诉求，视觉传达直观而强烈。文字的配置压置在上下、左右或中部的图象上。满版型给人以大方、舒展的感觉，是商品广告常用的形式。

第2页，共7页

版式设计

三、上下分割型

把整个版面分为上下两个部分，在上半部或下半部配置图片，另一部分则配置文案。配置有图片的部分感性而有活力，而文案部分则理性而静止。上下部分配置的图片可以是一幅或多幅。

四、左右分割型

把整个版面分割为左右两个部分，分别在左或右配置文案。当左右两部分形成强弱对比时，则造成视觉心理的不平衡。这仅仅是视觉习惯上的问题，也自然不如上下分割的视觉流程自然。不过，倘若将分割线虚化处理，或用文字进行左右重复或穿插，左右图文则变得自然和谐。

五、中轴型

将图形做水平或垂直方向的排列，文案以上下或左右配置。水平排列的版面给人稳定、安静、和平与含蓄之感。垂直排列的版面给人强烈的动感。

第3页，共7页

版式设计

六、曲线型

图片或文字在版面结构上作曲线的编排构成，产生节奏和韵律。

七、倾斜型

版面主体形象或多幅图版做倾斜编排，造成版面强烈的动感和不稳定因素，引人注目。

八、对称型

对称的版式给人稳定、庄重理性的感觉。对称有绝对对称和相对对称。一般多采用相对对称。以避免过于严谨。对称一般以左右对称居多。

九、重心型

重心有三种楷念。

1、直接以独立而轮廓分明的形象占据版面中心。

2、向心：视觉元素向版面中心聚拢的运动。

3、离心：犹如将石子投入水中，产生一圈圈向外扩散的弧线运动。重心型版式产生视觉焦点，使强烈而突出。

第4页，共7页

版式设计 十、三角形

在圆形、矩形、三角形等基本图形中，正三角形（金字塔形）最具有安全稳定因素。

十一、并置型

将相同或不同的图片作大小相同而位置不同的重复排列。

并置构成的版面有比较、解说的意味，给予原本复杂喧闹的版面以秩序、安静、调和与节奏感。

十二、自由型

自由型结构是无规律的、随意的编排构成，有活泼、轻快之感。

第5页，共7页

版式设计 十三、四角型

版面四角以及连接四角的对角线结构上编排图形。

给人严谨、规范的感觉。

 骨格型版式设计练习

分钟

练习法

1.骨骼型的版式特点和骨骼型优秀报纸版面设计欣赏

在编排设计方法上有两种倾向：

1.一种注重理性分析，运用数学和几何知识，达到构成上的和谐与组织上的合理； 2.另一种是注重感性的判断，编排审美依赖于设计者的感官知觉判断力。

在编排设计中有多种骨骼的分割形式，而各种风格给人的视觉效果各有不同，设计师根据设计的要求和性质来决定版面的设计风格，以打动读者心灵。

国外优秀报纸版面设计欣赏：让学生借鉴灵活的骨骼型编排方式，在大标题、小标题、正文、插图、及颜色搭配的细节处理。

第6页，共7页

版式设计

2．骨骼型版式设计练习

结合学院应用设计系系报

老师提供参考图片和文字。

作业要求：在编排设计中有多种骨骼的分割形式，学生要灵活运用，系报编排时参考国外优秀报纸版面设计。

老师编排示范：

1.版面设定A3竖版；

2.大标题、小标题、正文字体要求区分开，调理清楚； 3.注意边距、行间距、段落间距 4.分栏设计时图片要灵活结合

学生骨骼型版式设计练习，老师巡回指导点评。根据不足,课后完善系报设计。

 总结 ： 提问法 3 分钟

1.编排与版式设计的基本类型有哪些？

骨格型、满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置型、自由型和四角型等13种 2.骨格型版式版面设计特点？

图形或文字在版面编排中，总是按照某种规律，在版面中作某种倾向性的排列，这种隐藏的规律性在平面的空间设计中即称为骨格。在编排与版式设计常以分栏的形式出现，如二分栏、三分栏的编排与版式设计。达到构成上的和谐与组织上的合理，传达上更条理清晰。

 课后作业布置 2分钟 1．完善骨骼型版式系报设计；

2．做一张A3尺寸的分割型版式设计海报，主题自定。

谈传统版式元素与现代版式设计风格 篇3

版式设计是现代设计艺术的重要组成部分，是视觉传达的重要手段。版式设计是一门交叉性专业，它涉及到心理学、美学、色彩学、生理学等多种学科。

在现代版设设计中，传统元素的使用应该注意其自身文化的内涵与意境以及怎样与现代版式相融。不同的传统元素代表其不同的含义。过多的模仿西方设计，导致埋没了我国的传统精髓，而如今中国的崛起和对外交流的频繁，使许多中国的设计师走出国门，在世界上展现自身的风采，又使得传统元素备受推崇。中国的传统元素是最具有民族特色的，我们应继承与发展本民族最核心的文化内容，加强对传统元素的探究，设计出传统与时代感并进的设计作品。

版式设计的概念

版式设计又称为版面设计，是指正文的全部格式设计，是平面设计重要的组成部分。就是在版面上，将有限的视觉元素（文字、图形、色彩）进行有机的排列组合。传达信息的同时，运用形式美学产生感官上的美感。版式设计与我们的日产生活可以说是密不可分。版式设计在现代世界的文化交流中起到了很重要的作用。

两种传统版式设计对现代设计的影响

1.甲骨文版式

作为现代汉字的鼻祖，在河南安阳殷墟发现的甲骨文在汉字漫长的历史发展上具有很重要的地位。我国汉字的起源，大约出现于新石器时代晚期陶片上的刻划符号。虽然这些刻划文字已经具备了文字的雏形，但都是一些简单的符号和单字，没有形成完整的规律和体系。真正形成一定的体系并有了比较严密的规律的文字，最早的要算是甲骨文了。从甲骨上的文字看，它已具备现代汉字的许多特点，间架结构趋于稳定，用笔线条流畅，比较均衡稳定，其外形也多以长方形为主或少数方形，具备了对称美和显示了稳定的格局。甲骨文创始了我国右手竖排的汉字独有的排版样式，字与字之间的密度为半个或三分之一个字大小，行距为1～2个字距左右。对后来的版式发展起到了重要的引导和参照作用。随着社会经济和生产力的发展，在甲骨文版式的基础上并不断出现了金文版式、石鼓文版式，丰富中国古代传统的版式样式。金文版式是刻于商周时期青铜器上的，称作铭文，文字从右始起，竖排，间距有着较为严格的规定。商周时期青铜器上刻有的铭文和几何纹样在空间上形成虚实、主次、疏密等对比，与近现代版式设计理念有异曲同工之妙。

2.简牍版式与帛书版式

简牍始于周朝，至秦汉时代尤其的盛行。简牍作为文化的传播形式的书籍，在中国文明史上起着非常重要的作用。简牍是中国古代汉族书写时用的竹简和木片，并未编成册的名称。实际上是几种东西的总称，其中包括有竹简、木简、木牍和竹牍。它的书写方式仍然延续甲骨文的排版样式，从右至左，可以有效地控制间距，字迹可大可小，但不能突破两边的界线。在纸发明之前，中国古代的书籍最主要形式便是简牍，对后来书籍的版式样式以及装订方式产生了深远的影响。直到今天，依然继承了简牍时期形成的传统。

帛书又名缯书，书写材料为白色的丝帛，其起源可以追溯到春秋时期，帛书在版式的形态上，没有简牍对后来的影响大，但作为传播材料方式上的改变，却是一种历史性的进步，同时，材料的改变也为后人在版式的探索创新中提供了很好的方便。

体现中国本土版式样式的设计

1.山水文人画版式

文人画，也称“士大夫甲意画”、“士夫画”，是画中带有文人情趣，画外流露着文人思想的绘画。画中流露着浓烈的文人思想。山水画在构图、色彩、写生方式、明暗等方面均体现出中国画特有的特点与意境。

“画既是诗，诗既是画；画中有诗，诗中有画”，俗话说“书画一体”，中国古代文人有喜好在书画的天头和地脚书写心得和感悟，或是加注评语，故此书画的版式多是具有版心小，天头和地脚大的特点，这种特有的版式样式在明代的书籍设计中更为突出。一本书的完成依靠印刷工和读者共同完成，插画与内容在审美层面上的高度统一和协调，使整本书都充满着淡雅、秀美、闲适的中国特有的美感，并贯穿如一。体现了我国的传统的审美特征，形成中国总体版式样式设计和总体的审美美学，在西方，甚至全世界都独树一帜。

2.传统漆画版式

漆画是以天然大漆为主要材料的绘画，在我国已有非常悠久的历史。传统漆画一般用明亮的颜色，简单的图像，装饰多变，风格粗犷。漆器的版式和纹样中，除绘画技巧较高的装饰型图案，比如表现乐舞、狩猎、宴请等日常生活的场景外，几何纹以及抽象性的纹样，如适合纹样、二方连续和四方连续纹样，也都占有重要的比例。如在楚漆器的纹样装饰中，云纹是最常见的主题样式，而且云纹的造型和变化也是十分丰富多样的，更有在一个装饰面上不同的多种样式的云纹的变化，这与当代版式中的疏密、虚实、明暗、动静的对比手法大相径庭，很大程度上地丰富了我国古代装饰图案纹样，富有极强的民族特色。

中国现代版式设计的发展与西方化

21世纪带来的信息时代，已经使地球不再遥远，人与人的交流可以畅通无国界。“地球村”的实现，让中国设计立于风口浪尖处，如何在趋同的设计中不被埋没，是一直所要坚持的问题。坚持民族化、坚持自己本民族的传统，深刻理解传统美学中的设计的内涵，保持中国传统元素不被抛弃的同时进行深层次的研究与发展。在现代版式设计中要运用传统元素不能一味的拿来使用，创意手法上可以借用情感来表达或是对传统元素进行再次深加工，既不失传统本身的魂，又不缺乏现代设计的时尚感。如同日本，在文化背景上是学习我国唐朝文化，但他们在吸收外来文化设计的同时，又发扬本民族的特点，使之融合并一同发展。形成了日本特有的清新、淡雅的民族设计风格，深化了作品自身文化的底蕴内涵。又如同我国香港设计师靳埭强，在他的设计作品中，传统元素在现代版式中运用的好不突兀，他对每个他所运用的元素的蕴意都了然于心，经过重组、分解、重构，打破传统造型规律和设计法则，经过提炼或是变异或是选取部分元素从新组合，创新了新的元素形态。既不失本土风格，又融入了现代的审美气息，带有鲜明的时代感。

总结

现代版式样式设计中吸收了传统元素的精华，又兼容了现代版式设计的表现形式，赋予了传统元素新的意义和视觉冲击力。传统的样式的研究并不是为了照搬过去的形式，而是学习并发展，从而更好地在现在和未来使用。继承和发扬优秀的传统文化，对我国的设计有着不可估量的作用。设计的民族化对提升我国的软实力，让更多的人认识、了解传统与现代并存的中国有很大的意义。

（作者单位：山西师范大学美术学院）

网站主页版式探析 篇4

三大类型的版式,涉及航词、航句、航篇、航图、航宽“五航”概念。分布在主页置顶的位置上、以横放方式排列的众多导航栏目的名称,称为航词(如图-01所示);标题信息称为航句(如图-02所示);框架里的栏目导航提纲称为航篇,如时政类航篇、图片类航篇等,随意点击其中词、句或图都能生成到同一动态内容(Dynamic Content)的网页上;主页图片,包括交替呈现的图片,称为航图;视听节目名称或图标称为航宽。“五航”归根到底是信息菜谱,为网站提供信息种类、目录和信息提纲,特别是搜索引擎功能,是访问者获取动态信息网页的指南和通道。主页版式实际上就是主页“五航”的编排模式。

版式即主页上“五航”的“座位”。以凤凰网为参考,如图-03所示,“座位”的轮廓图呈现出三条横向带和九个长条框。即纵分的三栏,设为A、B、C三纵,横分三栏,设为上、中、下三横,形成九个“井”框架,设为A上区、A中区、A下区;B上区、B中区、B下区;C上区、C中区、C下区。横向之间,留上横幅、中横幅、下横幅三条横幅带。

“访问者在浏览网页时,视线多数时候常首先在页面左上角停留,然后在该区域稍作浏览,跟着移动到页面右方。”(1)“网络可用性测试中发现:用户较少点击横幅形式的超链接,这种现象被称为横幅漠视!横幅漠视的程度受到横幅位置的影响。当横幅位于页面顶端时,横幅漠视的程度最高!”。(2)按照以上视觉习惯的研究结果,A、B、C上区可以称为最佳视觉区域,而置顶上横幅反而被最漠视。

一、最佳视域的表针版式

最佳视觉区域的重要性等同于报纸头版或广播、电视的黄金时段,其“五航”编排是一种表针版式(参考图-03的标示),具体呈现如图-11所示。

最佳视觉区域的表针版式指A、B、C上区的“五航”编排,以类似钟表的秒针、分针和时针方式更新。如图-11,A上区,先是六张航图交替,接着即时航句不断滚动发布,都像秒针周而复始地循环;B上区,似静非静,特别是头条航句,像分针缓慢更新。C上区更新周期则更长些,像时针。

表针版式的特点:一是快速发布信息。比如24小时不间断地滚动发布的即时航句;二是高效率聚散信息。比如交替呈现的资讯、军事、历史、博客、论坛和娱乐六张航图(六大类航篇)。访问者根据航图的提示进入这六大类信息库,继续索引信息;三是体现专业和人性。C上区排列十三个视听节目宽频全部是凤凰卫视的品牌节目。节目分门别类,重新组合。如把凤凰卫视在一周里播出的有关军事类新闻或专题节目检索在一起,形成军事类视频航篇,访问者只要打开航词“军事”,即可系统地看完本周播出的所有军事类节目。表针版式聚散信息量大、时效性强、编排紧凑、动静相宜,图文并茂,处处体现当今网站媒体主页设计的高端化、专业化和人性化,标志着网站媒体高投高产时代的到来。

二、纵横的呼应版式

在视觉习惯上,上横幅最被漠视,通常又是字体小和排列拥挤的航词群位置。纵横的呼应版式能弥补这些缺陷。以人民网为例,如图-21所示,人民网上横幅汇集了80余个航词,点击航词“观点”,生成“观点频道”。但若点击在A上区航图下方的航篇“人民时评”中的任何词或句,同样能生成“观点频道”。如图-22所示,这里的航篇“人民时评”,呼应容易被突视的航词“观点”,这就是纵横的呼应版式。

当然,直接减少航词,也是避免被漠视的方式。“让作弊、关键词堆砌走开!我们要做既有极高的SEO效果,又没有作弊嫌疑的网站!URL重写伪静态设计和自动生成静态文件随意选择!”(3)。排名第36位(“中国网站推荐”“电视传媒”类)的“福州广电”网站只有10个主页航词。如图-23。

三、前后的贯通版式

版式位置,完整而言,尚有主页上看不见的后台。这就是留言板版式和媒中媒版式。

1、留言板版式

访问者点击前台“五航”,获取后台信息,再通过留言板跟帖。这就是前后的贯通版式。如图-31,是人民网信息后台的留言板。若是热点新闻,跟帖众多,不乏金言玉语,又可编辑成航篇“网友热评”。

2、媒中媒版式

指大量拥入的搏客、拍客或掘客形成别有“网”天的现象。如图-32,人民网(2008年8月11日)主页中的航篇“人民奥运”,从其中的航词“我博奥运”搜索到航篇“名家奥运博客群”,点击任意一实名博客,便生成出如图-33所示的网站主页。麻雀虽小,五脏俱全。博客主页备齐“五航”,其实质是个人门户或个体媒体。正如美国《时代》周刊编辑列夫·格罗斯曼据所说那样:“普通网民当选2006年度人物的理由是:把握了媒体全球化的脉搏;推动传媒进入公众个体唱主角的时代;无偿工作,而且在专业媒体从业者自己的老本行上打败了他们”。(4)毫无疑问,媒中媒的多寡特别是名人媒的多寡正在成为衡量网站媒体影响力的指标。

无论留言板还是媒中媒,网站编辑仍是“守门员”。如个体信息要从后台转至前台,需经编辑筛选、修改。特别是航句的推敲。航句是“一句话新闻”。“一句话新闻”必须包含时间、地点、人物(对象)、事件(过程、结果)、原因(目的)五个要素。新闻是信息的一部分,推而广之,航句也是一句话信息,字数不宜过短或者过长。“一般来说6~10个汉字比较理想,最好不要超过30个汉字”。(5)

四、地方广电类版式

若对上述三大类型版式所分布的“五航”进一步概括为3+5模式,并以这一模式扫描地方广电类网站的主页版式,很容易发现多数网站没有遵循这一模式创建他们的主页版式。那么,地方广电网站,能否拥有既具有自身特色,又符合3+5模式的主页版呢?答案是肯定的。为此,笔者提出四类应对思路。

1、节目类版式

广电信息多数是音视频节目,在航宽编制上占有优势。如凤凰网除在C上区扬长而“宽”外,在C中区、C下区也都是凤凰卫视节目,分节目类、星踪类、凤凰无线类、手机移动类等若干大航篇。多数宽频类的航句,前面都标注如图-41所示的视频,如无这一符号就只是节目文字稿。

2、原创类版式

广电信息表达硬实力,网络信息累积软实力。众所周知,社团群体或士绅乡土文化“内功”深厚,往往是蕴藏软实力的重要载体,联手社团群体,网罗各行各业精英、地方名人,开辟原创类航篇和媒中媒的博客网络等不仅能与广电传播形成优势互补的良好格局,又能挖掘、传播和累积本地区的软实力。如图-42所示,福州广电网A上区的《原创家园》就是与福州市的福建省音乐家协会青年音乐会联办的社团群体类版式,入网歌曲完全是原创作品。

3、连线家园版式

邀请旅居异乡的人当通讯员,以连线家园版式报道外经信息、畅谈客居他乡的酸甜苦辣,打造天涯若比邻的平台。

4、服务型版式

如图-43所示,在厦门广播电视集团网站的主页C纵区,设置厦门广电节目航篇,链接厦门广电所有频道、包括网络公司、移动电视、数字电视等服务类网站,非常方便用户查阅本行业各种信息,很值得借鉴。

参考文献

[1]、吕本富、孙毅:《“服务型政府”门户网站建设的对策建议》,《信息化建设》杂志网站2007.2.2

[2]、沈模卫、崔艳青、陶嵘:《超文本阅览中的人的因素》,浙江大学学报理学版,2002年5月

[3]、引自nicewords英文版网站发表的《最优化的SEO设计》

[4]、新华网:《网民:“你”是〈时代〉人物也是时代人物》,2006年12月18日08:53:18

版式设计理论在设计教学的运用 篇5

版式设计语言的基本实践，它包括视觉构成元素的重构、视觉流程的掌握与运用、版面编排等基本类型的了解与掌握及应用。通过这些基本实践来深度了解版面二维空间的构成元素的运用与探索，熟练地掌握版式设计原理，并将原理运用到实践版式设计编排中，版式设计语言要新颖与美观的同时，还要与版式定位相符合，其关键是版式设计要使受众者在视觉上产生美的享受与视觉舒畅感。视觉构成元素主要指点、线、面的视觉语言，不同的编排方式产生不同的视觉感受与意义。每个版式都有自己的视觉流向与中心，要想在视觉上有所突破，重要的是把握好视觉流向的顺序感与阅读中心。视觉流程主要体现在版式设计的形式处理上，起始点和视觉阅读的过程是一种视觉节奏与意境的解读，利用视觉语言的各种不同元素的重组、重构，形成各有主次关系，先后关系的视觉层次意境，从而达到最佳的视觉流程效果。三个基本实践方法训练路径为：一是拼贴法，使学生能理解版式设计的结构和要素；二是表达法，使学生在描画的过程中，提高自己的视觉识别能力，能形成主动意识、发现问题、解决问题、自觉的将审美意识或理念应用在版式设计中，通过版式设计的原理和指导，实践探索出新的表达语言和版式传达样式；三是软件法，运用软件进行设计与制作，表达版式结构及视觉语言的准确性与可读性样式，使学生在版式设计课的实践中达到眼、脑、手的协调，思维能力与创意能力的统一；最终，实现自觉掌握与运用版式设计全方位表达能力。版式设计语言理论在设计教学中存在的实践问题 1.版式设计教学应突破学科的疆界 当今是一个知识爆炸的时代，设计教学应突破学科之间的疆界，寻求设计与创意的新表达，因此，创意人必须具有综合性的知识体系，而不能一味地“专”下去。版式设计教学在现代社会中，扮演的不仅仅是传递信息的角色；同时，也是承担着传达思想与情感的重任，甚至是传承文化与文明的重任。因此，要注重培养学生方方面面的综合知识的整合能力。例如：哲学、经济学、美学、艺术心理学等等。要让学生认知到版式设计专业自身就是艺术、技术、社会生产力等综合且新型的艺术学科。另外，还必须在课程中尝试开设市场学、经济学、消费心理学等课程。在强调学科边界的融合时，并不是要求版式设计者个个都成为多面手，而是模糊学科边界本身的同时，而是构成学科之间的交叉性与重合性、形成新的创意表达语言，运用综合性有利于版式设计理论的全面发展与延续，使版式设计的理论在教学方面有突破常规的发挥，成为一门综合性强、专业语言传达新的设计学科发展态势。

2.版式设计教学需要重点培养学生个性化的表达能力和创新能力 在版式设计教学中，个性化的表达能力是学生必须具备的一种技能，随着社会的飞速发展，计算机的出现为当今的设计教学带来了前所未有的变革，大大提高了平面设计师的工作效率和设计与制作工艺。在这种社会发展形势下，版式设计教学工作应主动适应多学科的交叉与融合的学科领域，要在这个需要提高的新环境中不断的提升，版式设计教学的水平与科技发展的步伐。随着计算机的普及和软件的广泛应用，版式设计教学逐步走向程序化与科技化的趋势，这就要求设计具有创意并且富有个性化的表现。创新就是版式设计的本质，创新源于设计的创造性思维。个性化的表达是教师对版式设计教学个性差异的独到见解，在版式设计教学中应通过对设计原理、设计内容等理论知识的传授，着重培养学生设计创意个性化表达的思维，倡导个性化设计风格与思维的体现，挖掘个人与众不同的创造性的思维，使版式设计创意具有鲜明性、独特性的个性化表达和形成强烈的视觉传达效果。

3.重视学生的理解力和应用的实践能力培养

在设计教学中，以培养实践能力为主。让学生通过对幻灯片和课件观赏与思考，来培养学生的创新设计理念与创意意识。要求学生对版式设计有一定的研究，熟练地掌握版式设计教学的基本规律与方法，对文字、图片、版面中的抽象元素等视觉因素，在版面中的编排有一定的理解和应用的实践能力。同时单一的版式设计教学形式训练课程，增加综合设计教学时，开发学生更多、更具个性的思维拓展空间与创造机遇及灵感。根据版式设计教学的安排，通过实际案例的讲解与课程内容的规范，提出版式设计教学的重点。重视教学实践性的应用能力培养，版式设计教学模式已不在是传统的培养模式。在特定的设计教学环境中，使学生完成设计理论的学习和实践创意的全过程训练，使学生们呈现出完全互动并且相对独立的思考与表达关系，设计教学的成果则是在创意设计上，或者称为版式设计样章。当然，这个“样章”可能还不够完善，也许它可能是极其粗糙、不成熟的草稿，但版式设计一定是具有超前的设计理念和创意思维的表达。版式设计语言理论在设计教学中的实践

版式设计语言就是针对平面设计而言，特别应用在是书籍装帧设计、海报招贴设计、网页设计与制作等各种版式设计中。由此可见，版式设计教学是在满足平面设计功能的前提下，对视觉传达设计的各个因素之间的有效的编排与表达，版式设计教学的范围涉及到书籍、招贴、网页等各个平面设计的领域，其设计原理与理论贯穿于每一幅设计创意的始终。因此，版式设计教学从表层来分析，它是一种关于平面设计元素的编排的设计教学活动，是现代设计工作者与设计师必须具备的艺术修养和专业表现技能。1.书籍版式设计理论在设计教学中的实践分析

书籍是人类走向文明社会的阶梯，又是传达信息的载体。在书籍的版式设计理论的设计教学中，学生应该了解其以下的特征：一是，书籍版式设计语言的特点：书籍主体通常由文前、正文、后附构成；它是通过版式设计语言来组织大量的有效信息，以文字为主要版面编排的设计要素构成。二是，书籍封面的版式设计：书籍封面中主要由书名、编著者名、出版名等文字组成；封面设计是书籍整体形象塑造与表现的核心，具有保护、传达书籍内容的功能，使书籍更具有吸引读者注意力的作用与功能。三是，书籍内页的版式设计：在书籍版式设计中，通过对书籍版式设计语言教学中展开实践性的学习，学生必须考虑页与页之间的连贯性，进行整体与统一的设计创意。四是，版式设计语言教学在书籍中的应用：书籍设计是对版式设计教学中作出实践性的研究意义的拓展也是教学方式与方法的改变，赋予学生以自主学习的能力和与人合作的设计表达能力，调动自主决策的能力与收集处理信息的整合能力，发现实践问题和解决实际问题的操作能力，使实践的应用能力得以全面的提高。书籍设计流程的基本练习，学会解析基本要素、特点以及评审标准。通过书籍设计的原则，分析整体版式设计结构与形态任务，在一定的开本上，把书籍原稿的体裁、结构、层次、插图等方面作为艺术性而又合理性的融合。结合各种要素进行书籍整体设计的思考；针对不同类型的书籍以恰当的方法，进行创意，学生可以体验到不同类型的书籍版式设计的要求表达，在提高审美水平的同时，提高主体与客体的文化素养与审美意境。

2.招贴版式设计理论在设计教学中的实践解析

海报招贴创意以大面积的版式设计语言传递着有效的视觉信息，它具有强烈的视觉传达与表现力、版式语言简洁、信息传达明晰等特征。在视觉信息传达中占有重要的地位。首先，招贴版式设计的特征：在编排的层面分析，海报招贴的版式设计通常采用简练、概括、夸张的手法，突出主题，可以吸引受众的目光。海报招贴的版式设计手法从两个方面深度解析：一是，招贴设计的色彩选择；是一门综合性的色彩元素与集合，它需要具有敏锐的色彩思维和创新意识的参与和表达。二是，海报招贴设计的表现手法；要求版式创意表达简练，重要信息突出，受众能在众多信息中或从较远的距离接受版式所传达的主题信息。其次，标题文字的设计；主要是指的字体的大小，色彩与位置的编排关系，体现出文字的识别性和独特性的传达能力。标题文字常以较大的字号出现，但须要配合以大量的留白、色彩对比、图形相反衬等手法，以确保突出主题思想，达到视觉传达的目的。其三，版式设计语言教学在招贴中的应用：主要是通过各种实际案例的分析与解读，使学生掌握版式设计的基本设计方法以及各类平面设计的版式的不同特点，进而让学生了解版式设计的文字与图形的布局、视觉流程与视觉元素的节奏与控制，让学生熟练掌握实践过程中的相关环节与步骤，并能熟练操作相应的设计软件。作为培养应用型人才的高等院校的教学面临着更为严峻的理论与实践的挑战。为促进高等院校的教学与实践性活动、要与社会服务紧密相结合是盘活教育的好途径。能力培养是个性化、实践性指导的专业化发展方向，全新的教学模式是社会发展需求，调整版式设计教学内容和培养方向，对设计专业教学模式的实践改革的研究，有着十分重要的现实意义和理论价值。

3.网页版式设计理论在设计教学中的实践剖析

网页是网络媒体的视觉传达形式。可以说是平面设计的一种延伸与拓展，主要是通过专门的软件和版式设计理论，进行个性化与基础性的编排。一是，网页版式设计的特征：传统的网页媒介是以静态的形式传达信息。而现代的网页设计，都是以网页的“动”起来作为吸引观者的注目。从版式设计语言的角度来分析，网页的设计与制作，需要相关的设计软件应用与设计专业的技术。二是，图形与文字的比例：网页设计同样也是一种版式设计，在文字与图片的编排上，应该注意它们的比例关系。图片在版式设计中除了能够将信息具体化达到展示与传达以外，还具有调节版式活跃感的特征。三是，版式设计的语言教学在网页设计中的应用：以网页为教学载体、典型的工作任务为导向，基于工作过程的设计与学习的情境，以项目带内容设计，来加强学生的学习自主性。将网页设计教学流程归纳为：由先到后、由简单到复杂、有整体到局部环环相扣，循序渐进的增强学生的认识与表达能力，并与现实中的大型企业共同开展设计教学与实践练习，从而使学生在真实的项目中得到实战性的锻炼与提高根据项目的不同来培养个人的兴趣与专业发展方向，确保学生既具备企业所需要的技能，更能完成实际工作任务所应掌握专业知识、能力、素质，又能使个性得到充分的发挥与发展。增加学生的自主创意能力，也为提高人才培养质量起到关键性的指导性作用。培养学生的版式设计语言能力，可加强学生的创造性思维的拓展，积累丰富的视觉的语言与词汇，能够熟练的掌握相关的设计类软件的同时，最终达到全面发展的综合性人才。总结

探讨平面设计中版式设计要求 篇6

引言

版式设计是指书籍或印刷作品的文字、图片、装饰纹样等内容，在一定的版面上的布局风格的设计。版式设计对于出版物来说有着重要的作用。好的版式设计作品能够使设计的主题更加突出、更加生动、更具育艺术感染为

版式设计的要求

目前，常见的版式设计形式有三种：古典版式风格、栅格样式、自由版式制作等。版式设计作为视觉上的一种效果能够发挥出很好的作用，在一定的规范标准内，无定式地将点、线、面等各类风格的东西融合在一起，合理配置在二维载体上，从视觉上达到一种预期的效果，从而超越二维空间，呈现出多空间多层次的三维视觉效果，以此来向大众传达着创作者的思想、情感、意图等。版式制作应在根据鲜明主题与导读、风格符合主要的内涵与意指、达到技术与艺术上的均衡，对图片、文字、色彩等的构成成分都能进行合理的处置。

1.简明直观

简约设计是平面设计的一种设计理念。对过去的那种传统守旧的、含意复杂的风格形式，人们已经放弃了。试图通过简单明了的阅读形式，讲求空白版式设计反对一切凌乱的现象。平面艺术也只能局限在一定的范围以内，版面的风格必须要保持简洁独立。实际上强调单纯、简洁，要对过多的信息进行浓缩，内容的精炼表达，才能够达到新颖创新的效果。

随着社会节奏的不断增快，为了减轻读者视觉的心理压力，简单通俗的东西才是大众能够接受的。防止过量的信息的堆积，缩减图文信息。才能保证某一个版式能够准确地传递出所有的信息，从视觉的角度上将各类元素表达出来（如标题、文稿、图形画面、色彩等）达到直观与具体的一种效果。版面整体设计应力求形象生动，简单通俗，能够在第一时间抓住读者的视觉，并能给观看者留下深刻的印象，单纯而有力的诉求效果。在对其空白处进行调节的过程中，要坚持的一个原则就是简洁大方，干净，而且在视觉上有非常强烈的集中效果，这样才能更好将作品的主题凸现出来，一定要从众多构成要素中确定一个鲜明的主题，在大众的视线投上作品的时候能够达到理想的效果。

2.富有创意

好的艺术作品离不开经典有深度的创新，不管是什么类型的艺术品制作在其表现上都要独特的创意来为作品打好基础。在平面设计工作中，对于作品的要求更是这样的，平面设计活动的主要手段就是如此，一是要明确主旨思想的具体含义；二是版面设计的创新。从技巧与思想内涵上着手进行控制。在编排的创意表现中，各个构成要素之间不再是简单的搭配组合的关系，而是更具有积极的参与性和创意的体现性，各个要素必须要互相作用以达到最好的效果。这种方式，给作品注入了更深的主旨，是编排形式的不断完善，是形式与内容的最佳结合。例如在版面编排时主体要素的大小关系，一般要比其它要素突出，显眼。

3.个性突出

好的平面设计都应该展现出独特的一面，与充满特色的版式。缺乏特色的版式是无效的，就像一张毫无特点的面孔很快就会消失在滚滚人流中。在版式制作中，对于作品特色的追求，需要的是一种无规则性，追求幽默、风趣、装饰的具体展现方式来更好地满足受众的需求，引起情感上的共鸣，是现阶段艺术作品的主要追求。例如版面构成中的趣味性是一种活泼性的版面视觉元素。如果缺乏一些新鲜有趣的东西，就要靠制造趣味取胜，这是作品设计中必须重视的一点。版面充满色彩，使媒体宣传效果如虎添翼，达到了画龙点睛的效果，从而更吸引人、打动人。这种风格，摆脱了陈旧与平庸，给设计注入了新的生命。

4.生动感人

设计以人为本引起许多人关注。以人为本，增加人物情感的体现。不同形式的艺术方式都能够将艺术这种形式更好地表现出来。“以情动人”也是该种风格样式追求的主要体现。在版式制作中，文字的作用和效果都变得不再重要，影响了其严谨性与规整性的体现，曲线与散点的具体表现不明确。在版面中人文因素加重，例如大多的图形是人物，通常情况下都是以人物效果来表现的。平面设计中文字的灵动、图形的优雅和色彩的震憾说明了设计元素的情感表现，另外，出血版能够更好地表达感情，框版是感情的主旨，留白能够达到良好的抒情效果，黑白富于庄重、理性等等。通过各类艺术手法的使用来达到良好的效果，或热情奔放，或轻快活泼，或严谨凝重，实现对平面设计的艺术追求。

结语

版面设计是平面设计中非常重要的环节，它是在有限的、特定的平面上，采用多元化的设计思维和艺术创作手法，对图形、文字和色彩等平面元素进行有机设计与组合的创作活动，其主要设计目标就是打造出一幅“看似一幅画，但却能说话”的、更加具有丰富性与美学性的效果，以此来传情达意。实现这一目标，就需要创作者具有一定的艺术灵感，同时，在设计思维和手法上还要坚持创新，根据版面设计的要求，在寻常形式中开拓和发掘出新意，从而不断提高版面的视觉冲击力和艺术感染力，吸引更多受众的关注与支持。

版式中的自由版式设计 篇7

不同历史时期的版式风格是不同的。受技术条件、人文思想、生活方式的影响, 人类发展的每一个时期都有鲜明独特的版面风格。而且它是在不断发展和演变的, 是在不断传承中突破, 在突破中创新的。在一定程度上, 世界版式的演变史也是一部人类文明的进步史, 是世界文化发展的宝贵遗产。

在现存的版式中, 随着纸张和印刷术的发明, 在整个古典文明时期, 人类文献的记录和表现有了统一的载体和固定的表现方式。在这一时期, 人类的编排创作更多的是围绕书籍的版面而展开的, 其特点是以订口为轴心左右两页相对称, 内文版式有严格的限定。字距、行距有统一的尺寸标准, 天地内外白边均按照一定的比例关系组成的一种形式。文字油墨深浅和嵌入版心内图片的黑白关系都有严格的对应标准, 大量的编排版面实践、朴素典雅的版面风格为今天的编排创作提供了珍贵的参考价值。

20世纪50年代, 在现代主义前期一系列的设计运动的影响下, 出现了网格设计, 这种版面编排强调版面编排的功能性和秩序感。他们利用在数字和比例的关系基础上对平面的系统化分割, 给与设计元素以某种特定的构成基础, 追求简单的理性的重复美、节律美。各种各样的网格设计为文字、图形提供了一个标准的结构框架。建立起了为元素的标准固定格局, 由于网格的机械性、限定性的特点, 对于这种编排方式, 很多人持有不同的看法。认为网格的限制性太强, 局限了人们的创造力。所以不少有识之士开展研究, 力求打破网格的约束使版面变得更具自由感。

自由版面的萌芽始于20世纪初的达达主义和未来主义。所有画面的语言都是采用编排的方式进行的, 每个元素都赋予了特殊的思考价值。元素的编排都脱离了古典时期的理性和静态, 脱离了网格系统的限定呈现出一种自由、充满张力的放置状态。并且未来主义代表人物马里内蒂在这一时期提出“自由印刷版面”被认为是20世纪90年代自由版面的起源。

20世界80年代, 随着计算机技术的发展, 在反网格设计的呼声中, 自由版式越来越多的受到人们的推崇。大卫.卡森突破了传统的编排方式, 并以《印刷的终结》一书使这种编排方式成为20世纪90年代最具代表性的语言。

自由版式虽然没有具体的限定条件, 但也有属于自己的编排特征, 如版心的自由性, 版式对版心的不限定性;文字与图形的一体化, 文字与图形不易识别;字体的多样性, 字体大小层次多变, 导致阅读的困难;破碎的解构性, 形成一种看似杂乱的效果, 并充斥着许多似乎无意义的琐碎细节;内容的不可读性, 许多的内容安排不是为了功能需要, 而是为了装饰而装饰的存在;通过这样一系列的视觉符号来传达自己的心境。在这样的编排特征中由于没有具体的限定条件所以呈现出一种快速、自由, 在构成元素的多变中呈现出一种活泼, 同时视觉的走向呈现出一种流动感。由于自由的版式在形式上的不可预期, 上一个目标转向下一个目标有一定的时间间隔, 所以在进行阅读的时候呈现出一种轻松快乐感和期待感。

自由版面的设计, 不要因为自由而自由, 自由版面的自由应该是经历自由到不自由再到自由的过程。换句话说, 好的自由版式的设计应该具备从设计元素的感性认识编排到理性的认识编排再回到感性认识的编排阶段。否则, 纯粹的自由状态将导致版面的混乱, 无阅读性可言, 这样的自由是一种失败, 没有任何的研究意义。

感性是自然的体现, 主观性较强;理性是智慧的体现, 客观性较强。自由版式的编排首先强调的是情感特征, 所以通过这样的情感特征创造版面样式, 又将这些样式通过版面中的元素加以理性总结, 在理性总结的过程中感性意识进行补充, 这样循环往复, 使得感性和理性在创作中高度结合, 让它们在创作的不同阶段发挥着自己的作用和功能, 达到感性和理性的完美结合。

自由版式的设计和应用除了正确的思维方式之外, 还要有正确的表现技巧。在自由版式的设计过程中对根据主题选择的现有设计元素中。首先我们要分清楚哪些是情感元素, 哪些是功能元素。情感元素让我们在设计的时候充满自由性和个性特征, 或静、或动、或静中有动、或奔放、或怀旧、浪漫、另类等, 这些元素直接与我们的个人心理相联系, 并且通过这些情感元素形成以情感为主导下的编排样式, 同时对不同的文字、图形、色彩的应用也就形成了作品的所谓风格。功能元素让我们在设计的时候把握阅读性。而阅读性的把握就是一个非常理性的产物。比如读者群是谁, 这样的读者群又有着什么样的具体特征。然后结合读者群的特征以及根据具体的内容和主题去设计相关的文字、图形、色彩。相关的文字、图形、色彩的设计在版式设计中并非易事, 需要在工作和学习中去不断的分析、实践积累才能获得, 事实上这也是我们的理性思维对功能元素的驾驭。对于任何的设计而言功能永远都是第一的, 没有功能的设计产物就失去了设计本身的意义。所以自由版面设计在自由的同时也会受到功能的约束, 它的自由是相对的而不是绝对的。

自由版式充满了情感, 充满了作者的主观情绪。这种情绪在理性思维的引导结合下与我们的读者群产生共鸣, 让读者深受这种情感、情绪、感觉的吸引。自由版式设计将最终达到一种纯粹的自由到不自由到自由的解放状态。我们要学习这样的思维方式、创作方法, 让自由版式的创作有据可寻, 使得自由版式的创作优势得以充分发挥。从而为我们的文化传媒增添闪亮的一笔。

摘要：文章从版式设计入手, 论述自由版式设计给版式设计带来了自由、活泼等特点的同时, 也让读者在阅读的同时产生了一种快乐感和期待感。提出版式设计的自由并不是没有规矩, 它是一种情感的宣泄表达, 怎样让版式做到自由而不混乱, 感性思维和理性思维的交替运用, 情感元素的表达和功能元素的表达并用。力求使版式设计的艺术性与功能性达到完美结合。

关键词：版式设计,自由版式设计,感性思维,理性思维,情感元素,功能元素,艺术性,功能性

参考文献

[1]陈青.编排设计教程[M].上海:上海人民美术出版社, 2009.

[2]吴艺华.版式设计[M].上海:上海人民美术出版社, 2009.

网站版式设计网站设计 篇8

1.《版式设计》是现代视觉传达设计艺术要组成部分，是视觉信息传达设计的重要手字信息、图形图像信息的有效组织编排，似乎编排的学问，其实不然，它不单是一种信息组能，更是一种技术与艺术的高度统一。 因此作为高校平面视觉传达设计课题体系里极其专业基础课程，不仅仅是教会学生一门技术引导、 感染他们善于用艺术上的表现方法来1.《版式设计》是现代视觉传达设计艺术体系里的重要组成部分，是视觉信息传达设计的重要手段，它涉及文字信息、图形图像信息的有效组织编排，似乎是一门信息编排的学问，其实不然，它不单是一种信息组织表达的技能，更是一种技术与艺术的高度统一。 因此，《版式设计》作为高校平面视觉传达设计课题体系里极其重要的一门专业基础课程，不仅仅是教会学生一门技术的问题，还要引导、 感染他们善于用艺术上的表现方法来进行全面的学习。 《版式设计》可以说是现代设计者所必备的基本功之一。 本课题之所以让“建筑和版式”设计产生关联，主要是让学生通过对建筑本身的空间认识来引导学生对于版式设计空间的认识， 也就是说， 在对一般的版式设计原理、形式法则、基本类型的认识基础上，让学生更深入地了解《版式设计》空间的概念。 通过对这一概念的认识，学生会更好地展开版式设计空间形态的创作，寻求不同于一般类别的版式设计效果。 在本课题的具体实施过程中一般会采用以下步骤(如图一)。

2.“建筑与版式”课题是《版式设计》课题体系里的一个小的单元分支，是在对于版式设计一般知识(即版式设计的原则、形式法则、基本类型等)的掌握基础上，在分析作品的同时总结出的一套理论方法，是在对作品形式分析总结的基础上设计的一个课题单元，课题所用课时约占总课程课时数的四分之一，也可根据学生对于《版式设计》的一般知识的掌握情况展开设置。 课题的最终目的是提高学生对作品的分析、总结能力，以及对版式设计方法的研究与学习能力。

二、“建筑与版式”的表现形式

“建筑与版式”这一课题在具体实践过程中, 其具体目的是让学生掌握《版式设计》的多维空间的概念, 学会将二维的版面元素逐步拓展到多维形态空间中去, 尝试用建筑的空间四维来处理版面中的视觉元素, 使得版面的设计语言更加多元化。通过直观的总结观察, 版式在“建筑的空间”层次上的表现主要体现在以下几个方面。

1. 版面文字本身的建筑化形式。

将主题文字用空间立体的形式表现, 突出版式设计中的标题文字, 采用结构化的主体设计 (如图二) , 次要文字信息围绕主题文字展开编排。该作品是2008年“祈福中国———纪念5.12汶川大地震”全球优秀平面设计邀请展的主体海报系列作品, 作者是中国大陆设计师张小刚。该作品采用了文字本身的建筑化设计, 将版面中的“众志成城”四个主题文字立体系列化展开, 形成一种空间上的视觉冲击力, 版式的文字空间立体形式来源于主题内容, 同时也很好地呼应了海报的主题。

此类形式的主要特点是标题醒目, 视觉冲击力强, 同时给观者一种结构化的设计感受。

2. 版面文字的透视化形式。

透视作为空间形态在平面形态上的一种视觉表现, 在此处引申为建筑空间上的一种表现 (如图三) , 版式设计中文字本身的透视化设计带给观者一种空间上的视觉畅游享受, 文字本身的视觉信息内容的传达次于对其本身的空间游戏化的表现。

此类形式在表现上具有较强的动感, 形式活泼, 空间感强, 版面的延伸空间突破了平面二维的限制, 让读者在版面的透视空间上尽兴地畅游想象。

3. 版面文字与空间实体的结合形式。

版面的设计元素主要包含图形图像、文字及色彩, 文字与图形或图像的结合设计主要体现了文字本身参照与图形或图像空间上的对比, 使得文字与图形或图像在空间上交融 (如图四) 。

该作品是著名平面设计师何见平的系列海报海报作品, 作品将英文字母与中国的黄山云雾这一空间实体相结合, 使得文字与空间上的图像产生明显的对比, 文字在版面中也就自然而然地具备了空间的概念, 同时这一版面形式在设计过程中带给观者一种超现实的视觉体验, 因为图文的组合变化对比强烈。

以上三种“建筑与版式”的表现形式是在引导学生主动作品分析过程中总结得出的, 此阶段的讲授应结合具体案例作品进行形式的分析。相关案例很多, 应尝试引导学生主动总结观察, 并将形式的总结转化为对方法的总结和实践。

三、“建筑与版式”的设计方法

基于对“建筑与版式”的表现形式的分析, 对应地总结出相关的设计方法, 这是在教学过程中引导学生参与的重要环节, 目的是培养学生的版式设计方法总结能力。针对以上对“建筑与版式”的表现形式, 总结出以下版式设计的具体方法。

1. 版式文字本身的“建筑化”设计, 可简称为“立体法”。

此类的版面形式主要针对的是标题文字, 也就是说版面信息中标题本身作为信息的重要载体, 可以尝试采用此类方法, 将版面中主要的标题信息文字进行空间立体化设计, 当然, 此类方法是在学生充分掌握文字的空间立体结构的基础上展开的, 这也总结考察了学生对于文字本身立体化设计的能力。同时, 在文字立体化设计完成以后, 应加强学生对于版面其他图文元素与之组合设计能力的训练。

2. 版面文字的“透视化”设计, 可简称为“透视法”。

“透视法”是在学生对于透视空间理解的基础上展开学习, 针对段落文字科学的透视化设计进行版面的形式表现。段落文字通过“透视”的表现, 使得版面文字信息的传达更为生动。当然, 此类方法是在学生充分掌握透视的原理基础上, 加上对文字透视扭曲变化的软件操作能力基础上展开的。同时, 在使用此类方法的同时还应注意对学生强调版面文字信息的可读性问题, 以及多段落文字在透视过程中的统一与变化。

3. 版面文字与空间实体的结合设计, 可简称“实体法”。

“实体法”是指版面元素中的图形图像通过和文字的对比结合设计的一种方法, 具体形式可参照“建筑与版式”表现形式第三点———版面文字与空间实体的结合形式。此类方法要求学生理解文字和图像的组合变化, 同时尝试向学生解读“超现实”的概念。在尝试练习此类方法的同时也要注意图像的选择及拍摄能力的训练, 因为图像的质量在很大程度上影响整体版面的视觉效果。

四、学生作品及相关问题分析

图五是学生采用“透视法”设计的文字海报, 通过统一的文字透视变化, 使得版面具有一定的空间感, 拓展了版面的二维空间, 延伸了段落文字的空间上的表现力。总体在表现上也结合了版式的形式法则, 注意了版面的延伸方向。

图六是学生采用“立体法”设计的文字海报, 通过主题文字的立体化设计, 突出了海报版面的主题, 信息传达准确有力, 基本上把握了该设计表现方法的精髓。

图七是学生采用“实体法”设计的海报作品, 从作品对于“实体法”的使用可以看出学生基本了解了该方法, 存在的问题有版面中文字的色彩及主体文字的把握不够, 版面信息传达不到位, 方法运用得较为机械, 不能全面理解地运用该方法, 同时版面中出现的实景图像素材的来源非原创, 这也是学生在实际创作设计中应该注意加强的地方。

从图八可以看出学生对于“立体法”的较好运用, 同时可以看出版面中单个文字的透视法运用, 从平面到立体空间表现得十分自然严谨。周边文字的表现组合也十分和谐, 面与面的转折合理得当, 主次突出, 视觉冲击力强。

网站版式设计网站设计 篇9

1、服装设计

服装设计是指以服装为设计对象,根据对象的面料及款式特性,结合相应的设计思路与工艺表达方式,所完成的服装实体创造过程。服装设计在今日,其审美价值已不再局限于功能性的使用范畴,而是具有物质生产与艺术审美相统一的双重特征,既具有实用性的物质功能,又具有精神性的愉悦功能,是一门独立发展的时尚造型艺术。

2、服装设计专业毕业设计

服装设计毕业设计课程,是本科四年级服装专业的最后必修课程。它是一门要求学生运用所学的专业知识、技能,结合个人的智慧与文化修养进行服装创作的综合性训练科目。在毕业设计课中,创作过程完整且复杂。学生需要充分的发挥学识与才干,运用各种造型技能和专业技术手段去完成从主题服装整体形象设计、实物制作到整体概念等一系列实体展示的设计过程。而其中的毕业展版更是重要的展示环节,直接关系到服装作品的设计概念能否有效传递给观众的过程。

二、版式设计概述

版式设计,是指在有限的二维平面中将各类型有效的视觉元素进行主动的编排组合,以创造一个连贯的整体,以一种艺术化的、个性化的视觉传达方式表达某种思维、某种概念,最终达到信息传播和沟通的目的,是文化层面上的技术和艺术的完美统一。在传统说法中,版式设计主要指包含封面设计、扉页设计、前言和目录及内页设计等出版物的具体视觉设计。而随着时代的发展,现代视觉传达的概念已经不断扩大,并延伸至各个产业领域,其中也包括众多产品的平面形式宣传和艺术展示效果的平面传达。

三、服装专业毕业设计与版式设计之间的关系

伴随中国经济的飞速发展,人民生活水平的质量提高,大众的审美关注点,正逐步从单一化的设计制作层面,逐步转移至对文化与精神思想的艺术传递层面。这一社会变化也促使服装专业对毕业设计提出了更高的质量要求。除提高服装设计的制作水准外,还需发展适合服装设计艺术概念的视觉传达方式,如此才能有效确保服装设计艺术概念在视觉上获得人们持续的印象关注。

近年来随着艺术多元化的发展,服装专业毕业设计展示已由原来单一的动态走秀展逐渐变为动态走秀与静态展兼备的形式。由于静态展示具备时效性长、信息传达详尽的特点,因此该展览方式已经获得众多院校和企事业单位的肯定。

而服装毕业设计静态展中的展板设计样式更成为静态展中重要的宣传方式。在静态展中,除环境道具会起到一定的气氛烘托作用外,余下的作品设计概念便主要以展板进行视觉信息交流。相较动态设计展而言,动态展中每个作品的信息展示时长较短,其作者、作品介绍等信息只能通过旁白的形式一带而过,没有起到很好的传达效果。而静态展则恰恰相反,长时间的展板陈列,让每个作品中诸如作者信息、作品灵感来源、制作工艺流程等多方面的内容都可以获得长时的陈列与介绍,使设计作品的创作理念得到有效传播,方便了观众的记识与交流,是非常理想的展示形态。比如2015年湖北美术学院服装设计专业毕业设计静态展中,毕业生就充分运用展板的传达方式展示其作品的设计概念,展示效果非常显著(如图1)。从这个角度看,服装专业毕业设计与展版设计之间有着非常重要的联系,优秀的展板设计可以在毕业设计静态展中达到帮助有效诠释作品设计理念,烘托整体艺术氛围的展览作用。

四、服装毕业设计展板版式设计的视觉化流程

在服装专业毕业设计展示中,为突出不同作品的设计概念,可将不同作品的展板风格进行设计强化,加深不同观众群体的视觉记忆积累,对表达服装设计作品的概念传递起到有效的辅助作用。

单个作品展板可根据作品设计特点选择具有不同方向的视觉流程,引导观众视线上下、左右或者斜向移动。服装设计展板版式设计的关键点在于突出单个作品的设计特点,强化服装设计作品的设计概念,减少同质化因素。

1、展示图片主体化

服装专业毕业设计展板不同于其他商业广告的展板,普通的商业广告除了图片形式外,还常有标题形式,亦即标题与图片处于同等展示地位。而服装专业毕业设计作品主要包括系列服装设计作品或者单套整体形象的设计作品,无论是服装的制作工艺细节、造型轮廓、材质效果等都是展示的重要内容,所以图片作为最直接的传达媒介会在展览设计中占据主导地位。

通常作者在设计展板前,需对服装设计作品进行有计划的拍摄。而作品拍摄的风格应根据作品的设计概念制定。在拍摄完成后,作者将获得大量的图片素材。而在拥有大量优质的图片素材后,对素材进行系统性的分类梳理便成为展板设计的重要环节。一般情况下,由于多数作者会对自己整体的作品效果较为偏爱,因此常挑选张以上完整的作品图片进行同时罗列。但如此设计,反会使展板样式显得主次不明,没有对比,导致本因呈现精彩细节的局部图片在大量均势化的整体作品图片中消解掉设计形态,展示效果大幅弱化,难以吸引观众注意。因此在这一步骤中,作者应保持理智的头脑,从主次对比的角度出发,只选择最好的一张作为主体图片,再辅以1至2张次位图片,在主体图片表达作品设计概念的同时,也相应传递精彩的细节信息。如此不仅可使服装设计概念得到全面的视觉信息传达,也凸显了服装设计专业学生自身的专业素养。

2、主题文字设计

主题文字是用于辅助表达展板中主体图片设计概念的工具。由于这个特性,主题文字在整个版式中的位置并不固定,而是根据主体图片排版的位置需要做形式配合。谈到形式配合,就必须谈到主题文字的字体和颜色。首先主题文字的字体选择样式非常多,其选择方法必须参考服装设计作品的风格。例如,中国风的服装设计作品可以选择中国传统的书法字体进行形式配合;中性风格服装的设计作品则可以选择黑体等。其次是字体的颜色问题,服装设计专业学生在制作毕业设计展板时常常不够细致,对于字体颜色的调整与选配工作常有疏漏。但是色彩作为情感的重要传达元素,在整个视觉传达过程中起着极为重要的作用,甚至能够体现作者自身的情绪,因此不能忽视。展板主题文字的颜色需根据主体图片的色调和整个服装设计风格决定。例如,唯美风格的服装设计作品在拍摄时往往带有灰调子,所以可考虑运用灰色作为主题字体的配色选择。

除了主题文字的字体颜色和位置摆放外,主题文字的大小关系也是展板版式的重要组织块面。服装设计专业毕业设计突出的是时尚和文化内涵两个主要理念,过大的主题文字与以上理念会形成强烈矛盾。只有适当大小的主题文字才能与整个版式相配合,并产生协调的形式美感。

3、设计灵感来源素材烘托

一个完整的展板设计版式可以使用设计灵感来源的相关素材作为版式设计的衬托元素。所谓灵感来源就是设计师在创作初期通过采风和资料搜集的形式整理出来的有关设计主题内容的图片或者文字资料。灵感来源是设计作品创作的开端,后期完成的服装设计作品实物往往带有灵感来源形象的缩影。若要传达一个完整的设计概念,对于设计创意初始部分的表达也是一个重要环节。灵感来源素材的烘托方式也是多样化的,可以通过处理已选择的主体图片的背景,在图片背景处的合适位置增加相关素材,也可以在整个版面的不同留白处填充相关素材等。例如,童趣主题风格的服装设计作品在展板设计中便可以在留白或者角隅处增添糖果元素的素材作为点缀和主题烘托。

4、展板的构图设计

展板版式的构图设计主要是处理图形、色彩和文字三要素之间的空间关系,要做到既有创新,又能在视觉上体现和谐统一的效果。作者通过对之前整理的主体图片、主题文字、灵感来源素材的分析,将图片、文字进行规划。在版面设计中,图片需要提炼图像、文字视为图形来进行编排设计。按照形式美法则的规律,处理好图像和图形的点、线、面关系,体现出不同节奏的韵律感。

在服装专业毕业设计展板的构图设计中除了讲究以上要点外,还需要注意构图设计的时尚型,可以参考当季的时尚国际流行趋势的信息点。

五、结语

本文通过对服装设计专业毕业设计展板版式设计的研究分析,探讨了服装专业毕业设计展示与展板版式设计之间的重要关系,提出了四点该类型展板版式设计的要点。希望在展示形式日益丰富的今天,服装专业毕业展示可以运用跨界的展览思维表达设计概念,开辟服装专业毕业展示的新趋势。

摘要：随着社会文明水平的提高和中国艺术类高校教学质量的进步,毕业设计的展示环节已不单是大学本科生的重要学习内容,更是高校与企事业单位进行文化交流的重要信息平台。本文意图通过分析服装设计专业毕业设计展板的版式设计,从视觉传达的时尚角度出发,探索服装设计作品概念更好的传达给观众的展示方式。

关键词：服装设计,版式设计,展板

参考文献

[1]王汀.版面构成[M].广东:广东人民出版社,2000.

[2]杨敏.版式设计[M].重庆:西南师范大学出版社,2006.

版式设计的发展需求 篇10

版式设计是一种区别与文字艺术的视觉艺术, 它对于我们的视觉有着更大的冲击力, 而且可以跟文字艺术设计一样, 对我们的听觉、感觉都造成很大程度上的影响。

读者翻开报纸, 首先映入眼帘的是版面, 读者对报纸的第一印象即版面的视觉形象如何, 直接牵动着他的读报注意力。我们看到, 能够吸引读者注意的是那些版面庄重大方、突出醒目、稿件长短搭配适宜、图文并茂的报纸。而那些版面随意堆砌、生硬刻板、结构失去平衡、头重脚轻、缺乏美感的报纸, 人们往往望而生厌, 纵然内容再好, 版面的视觉形象没有吸引读者, 抓住读者, 也影响发挥舆论的导向作用。因此, 一个合格的组版编辑, 总是反复推敲版面的结构, 采取各种美化手段, 尽力把版面设计得精美妥帖, 以增强对读者的吸引力。

多年的工作实践中得到的启发与积累, 使我对版式设计是独立于文字艺术表达之外一种更为直接、更为形象的艺术创作有了更加深刻的认识和理解。通过文字的搭配, 颜色的调和, 几何形状的重组, 美术图形的合理运用, 甚至是摄影等影视资料的恰如其分的应用……报纸才能更吸引读者。

版式设计需要与文字创作一样的灵感一样的东西去支撑它。也就是说版式设计需要有它自己的灵魂, 作为一个创作人员更应该这样, 要把自己的情感或者需要反映的感情抑或是要表达的东西本身的内在的思想韵味挖掘出来, 显露出来。内容与形式紧密相连的表现方式, 已成为版面构成的发展趋势。敢于打破前人设计传统、不重复以往习惯性的条条框框, 并在司空见惯的事物中发掘出新意来, 树立大胆想象勇于开拓的观念, 已在版式构成中掀起一场设计思维与设计理念的全新革命。

在版式设计上, 有时是需要留白的方式、比兴等文字表达技巧一样的东西去充实自身的设计作品, 但是有时又必须既要显山又要显水。都要因时而异、因环境而异。它所具有的机要部分我们在我们的文字作品、图画雕塑作品里都可以找到相通的地方。他们都是美的表达形式, 都是以美为基本评价标准。而且他们从来都没有被武断地分开讨论过。版式设计也不例外, 也必须是以美学原理, 美学标准, 美学思想为度量评价准则的。爱美之心, 人皆有之。这也是我们都渴望了解它的魅力的原因。版面构成是传播信息的桥梁, 所追求的完美形式必须符合主题的思想内容, 这是版面构成的根基。只讲表面形式而忽略内容, 或只求内容缺乏艺术表现, 版面都是不成功的。只有把内容和形式合理地统一, 强化整体布局, 才能取得版面构成中独特的社会和艺术价值, 才能解决应说什么、对谁说和怎样说的版面语言问题。

版式设计在某种情况下确实可以理解为平面设计, 虽然二者有区别所在, 但是偶尔的等同一下也是可以接受的。平面艺术只能在有限的篇幅内与读者接触, 这就要求版面表现必须单纯、简洁, 对过去那种拥挤、咬合的版面形式, 人们早已不屑一顾了。实际上强调单纯, 简洁, 并不是单调、简单, 而是信息浓缩处理, 内容的精炼表达, 它是建立于新颖、独特的艺术构思上。因此, 版面的单纯化, 既包括诉求内容规划与提炼, 又涉及到版面形式的构成技巧。

随着社会的快速发展, 报纸已经进入了厚报时代, 读者的阅读时间并没有因为报纸增厚和版面增加而增加。恰恰相反, 随着报纸增厚和版面增多, 快速浏览即所谓速读或读图成为新的阅读趋势。它的核心内容是以人为本, 为广大读者服务的办报理念。在设计风格上追求统一, 规整中又有变化, 强调视觉中心版式符合人的视觉流程。风格统一内容层次突出, 体现人性化追求。多见大图片居中, 突出视觉效应, 重要新闻大标题通栏制作, 其他要闻、字号统一, 整齐划一, 色彩单一明快, 每栏字数减少, 间距加宽, 以符合国际潮流和网络时代的阅读习惯, 体现了现代人简洁是美的审美情趣。《广州日报》的新闻版面设计特色鲜明, 自身形象突出, 视觉冲击力强, 读者在众多报纸中一眼就能够辨认, 体现了个性化版面设计原则。

在报摊上, 一份报纸能否在第一时间吸引读者, 取决于它的版式。我们知道, 形式一定先于内容被接受。一个好的版式决定了你对一份报纸的第一印象。版式是报纸各种内容编排布局的整体表现形式, 透过版式, 读者可以感受到报纸对新闻事件的态度和感情, 更能感受到报纸的特色和个性。版式吸引读者, 主要是吸引读者的视觉, 利用人的视觉生理和视觉心理, 产生强大的视觉冲击波, 牢牢钩住读者的眼球。

报纸的版面设计, 又不完全等同其它的平面设计, 它有自己的设计元素, 比如字块、标题、色彩、图片、图表等等, 设计思路与设计风格要考虑内容与办报风格。版面设计只是报纸的一个组成部分, 是形式的问题。内容和形式是互相依存的, 恰当的版面形式, 可以更有效地传播新闻内容, 使报纸具有独特的吸引读者的作用。

伴随平面媒体在新时期下的不断创新与发展, 我们深信, 版式设计也必将在服务读者、服务报业经济发展的进程中不断地涅槃, 起到更加积极和重要的作用。■