平面设计应用技巧3（平面设计应用）平面设计应用于哪些范围，

平面设计应用

图片、文字

使

用

设计应用

使

用

#07配图文字

形成独立而视觉相关

借用临近的形状，图片中主体的轮廓形状来作为配图文字的文字边缘，另一边与临近的图片框架一样是笔直的

根据图片设计文字

让文字模拟图像的自然走势，图片表意丰富，文字只需在一旁轻轻提点就好。字体理应纤细透气，避免突兀。

如：位于草原上方的说明文配合流云的走势，顺着风向蜿蜒排布；海滨图片其开阔感并非源于图形，而是来自于镜头外浩渺的海洋，为了保持这种感觉，文字的行距设置的极宽，读者的视线可如洋流般自如的穿越其中。

打断图形

我们的视线沿着线条移动，文字的排布收到线条的影响，并根据线条的特点上色。文字如果顺着线条，就表现出活力和动感；如果穿过线条，则表现出疑问和紧张感。

线的末端是终止之处，是自然的视觉焦点，文字放在这里具有极为显著的效果，使用小写字体会更好。

使文字和图片融为一体

覆盖在图片上如同幕布一般的文字向读者介绍了页面的内容。一边阅读文字一边欣赏图像，这为一张平淡无奇的图片增添了无穷的魅力。

简单最好，图片具有醒目的色调和较低的对比度，避免文字大小与图中某种物品大小相似。

平衡创造宁静的表达方式

要使说明文字与图像互补，而不是塞满版面空间。这里的文字再大或再多一点，版面效果便不那么好了。

以线构型，模特修长的身体形成一条清晰的垂直线，脸色的标题与垂直线交叉，白色文字与模特头和脖子相互制衡。

配图文字成为版面中心

文字也可以成为版面的主角，此时图片无法不立即被图片的内容吸引。

替换

有的图片没有视觉焦点，构图也很糟糕，内容太拥挤，那么巧妙的利用配图文字，化腐朽为神奇。将配图文字参差不齐地层叠排列，字体行距几乎保持恒定，将一些文字放大，激化冲突感。特意给文字设置极窄的行距，如此设置文字营造出真实的紧张感。

包含多端配图文字的图片，比起使用一个说明来概括一切，写五、六段配图文字更能展现细节。说明可以在图片上方，也可以在下方，或者两处皆有。 半透明的文字背景框也可以缓和杂乱的背景。

焦点：将图片和文字联系起来

当照片拍得不尽如人意，焦点不明确时，可以使用说明文字将各部分联系起来。大的说明文字本身就能创造趣味点。将其置于视觉焦点上层，可使人物融入到图片情节中来。

超大的配图文字成为版面的额一个趣味点，左对齐，形成了一条实边，但同时又形成了屏障，将第一排文字移动超过焦点，就可以打破边框的同时，将焦点和文字联系起来。

设计应用

使

用

#08从美观网站

     学习

网站所包含的内容是复杂的，因此就需要将复杂的元素处理的干净、美观。首先简化每个元素，提炼其本质，然后精心的处理细节。

网页结构

网页被划分为三个横向区域，页顶和页底的内容是固定的，中间区域的内容是灵活可变的。使用色彩将各个区域区分开来。页面整体排版要紧凑。

页头设计

页头一般包含logo、搜索、菜单链接等。logo中的文字较大文字和较小文字，行距很紧密，较小的文字将字距拉开，贯穿整个logo。logo上极弱的阴影为文字添加了难得的立体感。

主要链接

主要链接即菜单。包含三种状态：正常、激活、鼠标悬停。链接的字体与logo保持一致，加强两者的联系。链接的字距比标准字距略宽，使得看上去更清爽，阅读起来也更轻松。

次级链接

进入次级链接的时候，链接的字体及其颜色将有细微的改变，这标志着层级的变化，但主次连接的字体风格与尺寸适中保持一致。

网页的主功能区

中间的主功能区是页面的焦点部分。网站的每张网页上都有一篇简明扼要的文章，选用衬线字体，并设置较宽的行距，整体展现出清爽，睿智的外观，使人乐于阅读，字行越长，行距也应当越宽。

网页左栏由一个极不明显的渐变界定，尽管微不可见，却仍旧非常清晰地将左右两块隔离开来。

页脚

正确设计的页脚具有真正重要的功能，关键链接、联系信息和logo等。页脚的链接与页头的链接使用相同的字体样式，不同的颜色，将首尾联系起来保持了网页的一致，右下角是页面的自然结束点，是放置logo的合适位置，小区域却能给人留下很深的印象。

页面整体的层次很重要，页头和页脚如果保持一致的颜色会使得主要内容区域像是一个夹层，还分散了读者的注意力。因此要赋予每个部分不同的比重，使读者的目光更容易被中间区域吸引。

字体

打印时常用的宋体，但是在屏幕上，Win系统常用微软雅黑字体，Mac常用平方字体，都是无衬线字体，增加辨识度。

设计使用

使

用

#09热情洋溢的

     主页设计

基本构成元素

柔和的色彩，使用微弱的渐变和阴影效果，加上柔和的颜色。

任务图片打断背景，一张人物照片将网页的横线打断，模糊的阴影增强了空间感。

低饱和度的衣装，一张照片如果又大又鲜艳，一定很有冲击力，过于吸人眼球。低饱和度的衣服与背景十分协调，显得温暖又亲切。

在内页重复元素——但要小一点

点击页面中间的导航条进入内页，首页被卷起来收缩为页头，在每一页的页顶上展示，每个话题在其下方展示。

内页使用更浅的渐变背景，使其与首页区分开，使图片、文字、按钮的对比更鲜明。

一致性对网页设计十分重要，在内页，首页元素以及他们的空间关系都收缩至页顶，作为贯穿网站的标准。

设计使用

使

用

#10 简洁、醒目

       鲜亮

简约主义适用于任何尺度。抓住读者视线的关键就是推行古典美观的简约主义--使用更少而不是更多的元素。海报设计更应如此，为使海报在很远的距离也能被人看见，应使图像简洁、醒目而鲜艳。

熟悉的形状

熟悉的形状和鲜艳的色彩关联起来，它们位于冷冷色调的分裂补色背景上，形成一个充满活力的色彩搭配，图像表意很清楚，没有必要再进行性过多的阐述。图上的单行的白色标题干会显得非常引人注目。

组织名片上的元素

名片主体使用一张很经典的照片时，避免其他元素散乱在图片上，可以将文字全部放到卡片顶部，排列成行，使用背景颜色和不同的透明度将文字层次区分出来。这样整体的设计更干净、轻快，增次分明。

明信片的设计

大图配小字，小图配大字，任一组合都很完美。明信片空间有限，一张图片、几句话、醒目的色彩等信息，关键要做到简洁和突出，元素之间形成鲜明的对比。

大图配小字：第一种方法，将空间分成三份，其中两份放置一张简单而醒目的照片，创造出一个巨大的视觉焦点，剩下的一份空间放置一小段描述性的文字。它们的尺寸和纹理形成了鲜明对比。

大字配小图：大字、紧排。小号字体默认的字间距，在字号变大后会显得过于宽松，因此要收缩字间距，使其均匀分布。

明信片背面的描述性图文也要保持和正面相同的色彩和字体风格。

设计使用

使

用

#11在名称里

     放置图片

用图片截断标志

产品图与名称搭配，将图片当做其中的一个字母，与相邻字母保持相等间距，球或者其他原型图片元素在标志中的应用较为常见。还可以尝试将字母的一部分替换为图片。

剪影图

剪影图，剔除了细节却仍然清晰（这正是一个优秀的logo应该具有的特点），且可以进行翻转甚至变形。剪影图制作起来也很容易，只需要轮廓再填充颜色就可以了。

功能美

使用特别的纸质，将名片制作成一个小信封。名片上的图形从真实景物中提取，然后进行凸版印刷并制作到表面粗糙的再生纸上。这是一个令人印象深刻、充满趣味的设计。

—— end