1.2　版面设计的基本程序

若想做好版面设计，首先要了解其基本的设计程序。运用合理的版面设计程序，有利于对设计项目有一个全面的认知，使设计工作更加顺畅且有效地进行。

（1）确定设计项目

首先需要明确设计项目的主题，再根据主题来选择合适的元素，然后考虑采用什么样的表现方式来实现版面与色彩的完美搭配。唯有明确了设计项目的主题，才能准确、合理地进行版面设计（图1.7）。

版面构思：底色白与标志蓝、文字黑简单明了的搭配

设计阐述：

Agromundo是一家总部设在墨西哥销售农用杀虫剂的品牌，简单的标志采用交错的线条组成的三叶草形状图形，表现出品牌的现代精通技术。

（2）明确传播信息内容

版面设计的首要任务是准确地传达信息。在对文字、图形和色彩进行合理的搭配以美化版面的同时，对信息的传达也要准确、清晰。首先要明白版面设计的主要目的和需要传达的信息，再考虑合适的编排方式（图1.8）。

版面构思：照片满版布局、文字置底

设计阐述：

1．这是一则反皮草公益海报，意图是传达动物生命的平等性。

2．皮草穿在身上虽然奢华，却剥夺了动物生的权利。因此满版为一位装束十分新潮、时尚的年轻女性，与之形成鲜明对比的是她的衣服使用了成百甚至更多兔子的皮毛，从美丽的女性与失去生命的兔子角色和数量上形成双重鲜明的对比。

3．没有过多的文字阐述，只是在图片左下角放置了中英文结合的“时尚杀手”一词，起到点题作用，并再一次警示人们。

（3）定位目标读者

版面的类型众多，有的中规中矩、严肃公正；有的动感活泼、变化丰富；也有的大量留白、意味深长……作为设计师，不能盲目地选择版面类型，而要根据读者族群的特点来判断。如果读者是年轻人，则选择时尚、活泼、个性化的版面；如果读者是儿童，则选择活泼、有趣的版面；如果读者是老年人，则选择规整常见的版面以及较大的字号。因此在设计前，针对读者族群进行分析是非常重要的一个步骤（图1.9）。

版面构思：明度、纯度均很高的色彩在面积大小、种类数量上的对比使用，活泼可爱的卡通人物形象

设计阐述：

1．这是一个气氛相当足的全Flash韩文站点。气氛的营造和黄色及橙色的大面积使用有着直接的关系。虽然主色调是这两种颜色，却并不仅限于此，粉红色、紫色、蓝色、绿色也都出现在这个设计中。但是从色彩比例上来说，它们要少得多，所以能做到在丰富色彩方案的同时又不喧宾夺主，冲淡或者有悖于整体的气氛。

2．整个页面没有完全填充为黄色，第一张图片底部页脚部分的白色既给类似于打开的贺卡主视觉提供了稳固的水平面，也给整个设计增加了透气的心理感受。大面积的渐变黄色背景中叠加了卡通图案，增添了设计层次，营造了设计基调。

3．Logo多色彩的拼图方案和背景的拼图图案相呼应，以向下顺延视线的大圆角吊牌作为导航的设计样式，并使用了手写的卡通字体，右边相关活动内容的圆形吊牌也采用了类似设计。可以观察到，圆角的白色描边在这个设计中重复出现，可以作为关于儿童网站设计的细节考量。

（4）明确设计宗旨

设计宗旨即设计的版面要表达什么意思、传递什么信息，最终要达到怎样的宣传目的。此步骤在整个设计过程中十分重要（图1.10）。

版面构思：以紫色为主，灰色为辅，整齐排列的子品牌标志

设计阐述：

1．作为巧克力夹心太妃糖市场的领先品牌，吉百利公司以消费者需求为导向，从精选优质原料到利用先进的设备和工艺进行精加工，每一个细节都体现着对高品质的追求。吉百利怡口莲，甜润的太妃糖包裹着香浓润滑的吉百利巧克力，不断丰富的产品线带给消费者更多的快乐选择，使其随时随地可放松自己，或同家人、好友一起分享快乐时光。

2．在网站设计时采用代表奢华的紫色，并将吉百利旗下众多的产品品牌采用灰底罗列出来，信息虽多，但整体版面非常有次序，让人一目了然。

（5）明确设计要求

在商业设计中，版面设计需要了解设计的要求，以达到广告宣传的目的。有明确的设计宗旨、明确的主题，通过文字与影像的结合，将版面的信息准确快速地传达给观众，进而促进商品销售（图1.11）。

版面构思：简洁灰白色调背景、放大处理并整齐有序排列的产品图片

设计阐述：

1．艾利和（iriver）是韩国著名的数码产品制造商，成立于1999年，致力于给用户带来最尖端的数字娱乐产品，让用户享受全新的数码体验。其主要产品包括闪存播放机、电子词典、电子书、多媒体播放机、录音笔等。网站的主要目的是展示产品的特性，增强浏览者的消费欲望。

2．其简洁灰白色调给网站带来科技感和现代感，对产品图片放大处理，下部为产品对应的最主要信息，包括产品名称或产品型号、价格等，信息精简，传达明确。

（6）制订过程计划

在进行设计前，需要对设计背景进行调查研究，并收集资料、了解背景信息、熟悉背景的主要特征，然后根据收集的资料进行分析，以确定设计方案，最后根据方案来设计内容（图1.12）。

版面构思：紫色标志，多种食品多彩颜色简笔图有机组合，强对比色彩大面积使用

设计阐述：

1．卡夫食品在2012年10月1日被拆分成两家公司，其中接收原公司零食制造销售业务的新公司被命名为亿滋国际（Mondelēz International, Inc.），而接收北美地区零售业务的新公司则继承原公司名称命名为卡夫食品集团（Kraft Foods Group Inc.）。

2．“Monde”是拉丁语“世界”的意思，“delez”则代表美味(delicious)，合起来意味着“美味世界”。为了新公司的名称问题，卡夫向其全球范围的员工征求了意见，最终有1000多名员工提交了1700多个候选名字。确定采用的“Mondelez”这个名字是一位欧洲员工和一位北美员工所提建议的综合体。

（7）设计流程

做出一个设计方案所要经历的过程叫作设计流程，这是设计的关键。想到哪做到哪的方式可能会使设计出现许多漏洞和问题，版面设计应按照合理的设计流程来进行设计（图1.13）。

左图是版面设计的基本步骤。

① 根据设计主题明确版面的开数，然后思考和分析版面风格。

② 先在纸上手绘一些版面结构的草图，再确定版面比例，最后完成整个版面结构。

③ 根据版面结构对图片与文字进行编排，使版面平衡，以达到传达信息的目的。