产品设计排版

产品设计排版

版面结构

版面结构是指一种能够让浏览者清楚、容易地理解作品传达的信息的东西，一种将不同介质上的不同元素巧妙的排列方式。以下是设计一个优秀结构的一些基本要素。

要建立一个优秀的结构，你必须仔细观察：学习仔细观察你身边的“结构”，比如树、花、山、野兽、宠物、小孩等等。翻翻杂志，书本，宣传单等，并尝试了解图形是如何构成的。

使用了什么配色方案？为什么？使用了什么类型的字体？为什么？他们对整个画面起到了什么影响？为什么？“为什么”是重点问题，应该更加强调。

经过大量的观察，你会了解到什么是好的，什么是坏的。为了增强观察的效果，你必须在脑子中将你想表达的元素和环境构成一张图。这将在设计中起到辅助作用。其实这是一个从不停止的过程。

色感

很多时候，一个好的版面被错误选择的配色方案所破坏。其实，配色方案是升华一个版面结构的有力武器。如果你仔细地使用颜色，很可能得到意想不到的结果。

颜色的选择取决于“视觉感受”。比如，女性相关主题的颜色通常使用粉色、淡紫色、亮兰色或桃红色。儿童相关主题的颜色通常使用暖黄色，天蓝色，橙黄色、红色、嫩绿色或亮紫色。医学相关主题的颜色为海水绿、翠绿色、暗色和灰色阴影。自然相关主题，或与社会传统相反的特殊配色方案可以使用一些暖色，比如红色、黑色、亮黄色等。配色方案应根据主题而不同。

开始你可以使用市场上销售的色签书，他们为不同目的提供了不同的配色方案。

字体

继配色方案之后，能够完美并适当表达你的思想的就是“字体”。

字体被分为两类：Serif字体和Sans-Serif字体。Serif字体由Times New Roman, Caslon, Caxton, Souvenir等字体组成。Sans-Serif字体由Helvetica, Zurich, Verdana, Arial等组成。Serif字体通常被用作标题和头条，Sans-Serif字体通常被用作正文或重复性信息。

在一个规划中使用过多的字体会看起来混乱并使人迷惑。你在一套结构中只应最多出现3种字体。一种用作标题，一种用作按钮和小标，另外一种用作正文。

字体可以传达很多信息，比如如果你想表达“重量级冠军”就使用Futura Black或Compacta 字体，因为这些字体本身看起来就很“重”。另一种情况如果你想表达“羽毛的摩擦”，那么就使用很轻的Caxton Italic字体来表达羽毛的效果。

结构规划中最主要，也是最重要的部分就是“对齐”和“平衡”。你必须很清楚文字、颜色和图片的分量，否则你的版面结构完成后会看起来很不平衡。

某些情况下版面可以由比较多的图形和少量文字组成。这个情况下，你可以混合这些图片，使用抽象拼接，而生育的地方可以用文字来填充。最开始，我们必须决定究竟要突出什么，文字还是图案？如果你决定着重于图案，那么主要部分就应该用图案填充而文字就会占据相对小的版面。如果你想突出文字，那么就使用大的字体作为题目，然后填入适当的辅助图案来完成你的设计使它看起来平衡。

版面设计

不知你以前是否学过页面排版，对页面文字、图象、色彩的表达方式做过研究，不管怎样，制作网页就应该了解一些版面设计的知识。

首先我们在制作一个网页之前，应该先进行构思，版面设计基础较差的朋友最好将初步的设想画在纸上，免得在做了一半时发现页面不和谐而重做。

第一步先明确页面主题，比如你正在做一个关于介绍股票的首页，就应先想好网页的标题。假设你把它叫做“股市传真”，那么就考虑是否有合适的图片来衬托主题，如果有现成的图片就ok了，没有的话，就根据情况来决定是否自己做一幅［可以选一幅较抽象的股市走线图］，但不管怎样，标题的主色调应先定下来，这对后面几步的版面影响很大。

第二步明确页面上要链接的目录，比如你共有“今日股市、股市预测、专家点评、利好消息、重大新闻等五个主链接目录，那么要将他们放在较显眼的位置，根据页面风格的不同可以放在顶部、左边、右边、中部等较明显的位置，主链接可以做成小图标的形式，但注意图片不能太大、也不能过分枪眼［一般情况下不比标题或主图的色彩重］。在明确次链接目录：假如本页有“国外股市介绍、历史回顾、友情链接、与我联系”等四个次目录，就放在比主链接次一些的位置，图片大小和用色不能超过主链接。

第三步是指定主图，所谓主图，就是放一幅较能反映页面主题思想的图片，他的大小可适当超过页面上的任何图片，颜色也可不加限制。比如我们这里就用一幅股市交易大厅的照片。

以上三步确定下来后，页面的基本风格就出现了，我们在根据情况进行调整，或者看是否加上背景，主要考虑主图是否需要背景。

第四步是决定加入引导文。

从版面设计上来将，一个有特色的主页，主要包含有三个要素：图象、排列方法、主色凋，这三者相辅相成、缺一不可；

要成为主页设计高手，首先要成为计算机图形高手，仅这一点就可以让一些初入门者学上一年半载了。图片的要求与页面的内容有关，一些较随意的主页像股票、医药站点等，来访者并不在乎你能否做出精彩的图片，有些时候他们反而觉得放置图象后影响了访问速度，他

们关心的只是页面内容；相反像一些需要靠图象来吸引访客的主页，如游戏介绍、影视介绍、风光名胜等站点，图象是一个极为重要的要素，在这里缺少了恰当的图象、整个页面就会黯然失色、就是一个不完整的主页。但是并不是每个人都可以成为图象制作高手，这需要去学一大堆繁琐复杂的软件ＰＨＯＴＯＳＨＯＰ、ＦＲＥＥＨＡＮＤ等等，还要有较深厚的美术基础，如审美观、创意技巧、观察力并不是靠短时间内可以培养起来的，需要多年的训练和经验积累，在这里我不想罗嗦每个细节，而是教大家一些窍门来弥补自己某些方面的不足。

要做一辐完美的图象比较难，好在网络上到处有现成的图象可以信手拿来套用，关键是要培养你的审美观，一幅图象是否运用的合适、与其他要素是否和谐统一、能否寸托主题全在于你的把握。对于审美观的提高，有一个迅速提高的方法，就是多看别人的优秀站点，仔细分析这些站点图象为什么好看，要是换一个图象或换一种色彩是否可行；要是由你来做，你会如何处理等等，这样你的审美观会在短时间内大幅提高。

主页的第二个要素是排列方法，有的人可以做出不错的图象，但却无法将图与其他要素有机的结合排列，就像一个富豪却不知如何合理的化钱。只会千篇一率的左边链接，右边内文。我一向欣赏大胆的排列方式，给人以新颖、大气的感觉。学过排版的朋友比较运气，主页的设计排列与图文排版有相通之处，但也更难掌握，主页排列要求更精细些。

排列的方式取决于主页内容，一个严肃的主题，需要我们用规规矩矩的制作排列，显得庄重大方，而一些活泼的主题。则可大胆排列、生动鲜明。

第三是色彩运用，色彩在网页所占比重很大。小Ｂ做的页面走的都是清新典雅的风格，基本上每个站点都有一个主色调。有了合理清新的色调，会弥补主页上的其它不足。就像人们平时说的：“一白遮百丑”的意思。

要提高版面设计的水平，第一是要多看，多看人家的成功之做，分析一下为什么要这么做，要是改变一下排列会变得更好还是糟糕了，要是这个站点换成你来做，你会怎样布局。一个页面要设计的好，要花费大量的精力，小Ｂ制作一个重要页面时，要化一天或者更多的时间来进行版面构思，真正制作的时间只要一、二个小时就够了。

第二是模仿，模仿是初学者提高水平的捷径，模仿得多了，慢慢懂得哪些是美的，哪些是合理与不合理的。在你上网浏览时，把那些你认为不错的站点收集起来，仔细推敲推敲。