怎样用PS制作个人名片

设计名片前,首先得了解名片的相关知识,如规格尺寸、出血尺寸、像素大小等等。一般名片标准尺寸为:90mmX54mm90mmX50mm90mmX45mm。像素一般为350PI以上,加上出血尺寸,所以我们设计时设置的文档尺寸必须为:94mmX58mm94mmX54mm94mmX49mm

今天以最常见的尺寸:90MMX54MM为例来介绍简约名片的设计。

打开Photoshop,新建一个文档,规格尺寸设置为宽度94MM,高度58MM,分辨率400,颜色模式CMYK,然后点击确定。如图1所示。

2.在新建文档中显示标尺(视图—标尺),然后拖拉辅助线,把出血用辅助线标示出来,如此,设计的时候才有一个清晰的设计范围。如图2所示。有时为了辅助线的准确性,可以放大图像进行拖拉辅助线,相对会准确好多。

3.

到此,名片的大小基本上显示出来了,接下来就是往文档中添加元素了人与人的欣赏角度不同,审美观也不同,今天咱们只是粗放式的设计,目的就是引领如何设计名片,名片的具体风格就交由亲们根据自己欣赏角度设计。

通过自己构思、想象,再加上参考别人的名片,如图3所示,拉出如图中所示的辅助线。

4._设置前景色颜色为灰色(C6c7bc),如图4所示。

5.设置铅笔笔触的大小为5.然后用钢笔工具画出如图5中(5-1)所示的路径,然后右击钢笔工具选择“描边路径”,在弹出的对话框中选择“铅笔”如图(5-2),然后点击确定,描边路径后的效果如图(5-3)所示。

6.

为了清晰构图,把刚刚拉出的辅助线(除了出血线)去掉。

然后再拖拉出如图6所示的辅助项,用多边形套索工具勾出如图6中所示范围,然后填充红色,效果如图6所示。

7._,用辅助线与多边形套索工具配合,得出如图7所示图形。

8._谌缤8中所示位置放入自己公司的LOGO。效果如图。

9._然后在如图9所示位置放上自己公司名称,字体大小如图中所示,或者根据自己公司名称长短灵活设置字体大小、颜色、字符间距、英文名称字体大小等等。

10.然后在如图10中所示位置,分别加上名称、职位及联系信息,在这里,字体大小不是固定的,可以根据自己的情况作调整,如字体6号,行间距8等等。

问题一:如何免费用word制作名片模板word2007制作名片的具体步骤如下:

1)打开这个文档,选择“页面布局”选项卡下面的“页边距”命令。

2)点击自定义页面边距。

3)在弹出的“页面设置”对话框中,将上、下、左、右页边距都设置为“0”。

4)切换到“纸张”选项卡,将“纸张大小”设置为“自定义大小”。

5)将宽度设置为“9”,将高度设置为“5.4”(此为一般名片的标准尺寸),然后单击“确定”按钮。

6)输入文字,插入图片或形状,此时一个简单的名片就已经制作完成。

问题二:怎么用word制作名片?这个很容易,WORD中自带的有这种功能,点击“文件”选择“新建”,选择本机上的模板,在弹出的模板对话框中选择其它文档,接着点击“名片制作向导”,接下来就OK了。如果你找不到“本机上的模板”,那就再次础载WORD,全部安装一次吧

问题三:个人名片怎么制作在电脑上用word做制作个人名片。

具体步骤如下:

1.打开“word”,单击左上角的“文件”,再单击“新建”。

2.在右边会跳出一个新窗口,单击“本机上的模板”,再选择“其它文档”,再双击“名片向导”。

3.接下来新建一个文档,单击菜单“插入→对象”,弹出“对象”对话框,选择“MicrosoftWord图片”类型。接着单击“文件→页面设置”,在弹出的“页面设置”对话框中将“纸型”选项卡中的“纸型”项设为“自定义大小”,然后输入纸张大小为宽度“8.8cm”、高度“5.5cm”(5cm也可以)。在右侧“预览”部分可以看到单张名片的版式已经出来了(如图1所示)。

图1定义名片尺寸

点击切换到“页边距”选项卡设置界面,设置上、下、左、右页边距、装订线均为数字“0”。点击“确定”按钮返回到Word编辑状态后,根据需要设计好名片的内容和样式后单击“文件→关闭(c)文档”菜单项。

4.信函与标签设置

新建一个文档,依次点击“文件→页面设置”菜单项,在弹出的对话框中设置“纸型”选项卡中的“纸型”项为“自定义大小”,其中的“宽度”为19.5cm;高度为29.7cm。接着依次点击“工具→信函与标签”菜单项,在弹出的对话框中点击“标签”选项卡中的“选项”按钮(如图2所示)。

图2信函与标签设置

问题四:普通名片怎么制作啊?你问了两个问题,一是怎么做名片,二是用什么软件。

第一个问题比较复杂。简单点说就是先排出单张名片,或者下载一个现成的名片模板,成品名片尺寸是90×54mm,排版时要大一点,排93×57mm,这样便于裁切。然后把单张名片排列好,一张A4可排10张名片,这个过程唬菜鸟比较难。反面也是这样做。

第二,常用排版软件有矢量CDR、AI,也有用PS的。

问题五:下载了psd模版,如何用它制作名片用ps打开,编辑相应的文字图层

问题六:Excel怎么制作名片做简单的怎么都容易,先熟悉软件呗,软件不会什么也别提!

问题七:自己怎么在电脑上制作名片下要去网上下载“图图”名片制作软件,在百度搜索“图图”然后下载安装;

安装完成打开“图图”主页面,就会看到很多名片模板;

我们选择“名片模板”,在这里我们选择一款适合自己的模板;

双击打开模板,然后进行编辑,修改公司名称、地址等信息。点击名片上的文字,在左边做相应的编辑;根据自己的需求还可以添加内容;同样方法修改所有信息;

修改LOGO,点击本地上传,找到你存LOGO的位置然后打开;

制作完成,如果没有账号现在需要注册,才可以“保存”-“导出”;

现在才可以保存导出名片;

打开导出的文件,看看最终效果;就可以去印刷了;

问题八:PS怎么改名片模版1.设计名片前,首先得了解名片的相关知识,如规格尺寸、出血尺寸、像素大小等等。一般名片标准尺寸为:90mmX54mm90mmX50mm90mmX45mm。像素一般为350PI以上,加上出血尺寸,所以我们设计时设置的文档尺寸必须为:94mmX58mm94mmX54mm94mmX49mm

以最常见的尺寸:90MMX54MM为例来介绍简约名片的设计。

打开Photoshop,新建一个文档,规格尺寸设置为宽度94MM,高度58MM,分辨率400,颜色模式CMYK,然后点击确定。如图1所示。

2.在新建文档中显示标尺(视图D标尺),然后拖拉辅助线,把出血用辅助线标示出来,如此,设计的时候才有一个清晰的设计范围哦。如图2所示。有时为了辅助线的准确性,可以放大图像进行拖拉辅助线,相对会准确好多。

3.到此,名片的大小基本上显示出来了,接下来就是往文档中添加元素了

通过自己构思、想象,再加上参考别人的名片,如图3所示,拉出如图中所示的辅助线。

4.设置前景色颜色为灰色(C6c7bc),如图4所示。

5.设置铅笔笔触的大小为5.然后用钢笔工具画出如图5中(5-1)所示的路径,然后右击钢笔工具选择“描边路径”,在弹出的对话框中选择“铅笔”如图(5-2),然后点击确定,描边路径后的效果如图(5-3)所示。

6.为了清晰构图,把刚刚拉出的辅助线(除了出血线)去掉。

然后再拖拉出如图6所示的辅助项,用多边形套索工具勾出如图6中所示范围,然后填充红色,效果如图6所示。

7.同样,用辅助线与多边形套索工具配合,得出如图7所示图形。

8.在如图8中所示位置放入自己公司的LOGO。效果如图。

9.然后在如图9所示位置放上自己公司名称,字体大小如图中所示,或者根据自己公司名称长短灵活设置字体大小、颜色、字符间距、英文名称字体大小等等。

10.然后在如图10中所示位置,分别加上名称、职位及联系信息,在这里,字体大小不是固定的,可以根据自己的情况作调整,如字体6号,行间距8等等。

11.到这里,名片的正面模板已经设计完成了。

问题九:如何利用美图秀秀制作名片呢?用美图秀秀制作名片的步骤:

在网上找到想要做背景图片的的两张美图,名片正反各需一张。

右键图片另存为。将图片存到能找到的文件夹内等待之后修图使用。

打开美图秀秀在出现的选项中点击美化图片来改造选好的图片。

选择好图片以后点击选项找到文字项目,点击左上角输入文字,用于添加名字电话等各种联系方式。

名片需要正反两面嘛,做好正面以后可以继续重复上述操作选好反面所需图片设计反面的内容。

问题十:个人名片怎么制作在电脑上用word做制作个人名片。

具体步骤如下:

1.打开“word”,单击左上角的“文件”,再单击“新建”。

2.在右边会跳出一个新窗口,单击“本机上的模板”,再选择“其它文档”,再双击“名片向导”。

3.接下来新建一个文档,单击菜单“插入→对象”,弹出“对象”对话框,选择“MicrosoftWord图片”类型。接着单击“文件→页面设置”,在弹出的“页面设置”对话框中将“纸型”选项卡中的“纸型”项设为“自定义大小”,然后输入纸张大小为宽度“8.8cm”、高度“5.5cm”(5cm也可以)。在右侧“预览”部分可以看到单张名片的版式已经出来了(如图1所示)。

图1定义名片尺寸

点击切换到“页边距”选项卡设置界面,设置上、下、左、右页边距、装订线均为数字“0”。点击“确定”按钮返回到Word编辑状态后,根据需要设计好名片的内容和样式后单击“文件→关闭(c)文档”菜单项。

4.信函与标签设置

新建一个文档,依次点击“文件→页面设置”菜单项,在弹出的对话框中设置“纸型”选项卡中的“纸型”项为“自定义大小”,其中的“宽度”为19.5cm;高度为29.7cm。接着依次点击“工具→信函与标签”菜单项,在弹出的对话框中点击“标签”选项卡中的“选项”按钮(如图2所示)。

图2信函与标签设置

名片就像个人的身份证,准确有效表达你的信息让你容易记住,就设计好了。简约,准确,有效,表达。

1.精心选择名片材质

2.结合自己公司经营的内容,精心设计相关元素

3.设计别出心裁的样式,可以用竖式的,让人眼前一亮,也可以选择心形

4.可以用半透明的板材,让人眼前一亮。

5.其余的就说公司和个人的基本信息了,排版上面可以根据选择的样式调整,加上照片,二维码这些

首先设计分为很多种,按照大类可以分为平面设计、网页设计、环境设计、建筑设计、工业设计、服装设计、动漫设计等等!各个门类细分也可以分好多种。

而名片设计就归类在平面设计下!那么该如何设计一张合适的名片?首先应该知道平面设计的相关硬核知识。其实平面设计是一切设计的基础,而版式和字体更是基础中的基础。名片设计中主要作用版式排版方法、字体的排印相关方面的知识。

一、概念和分类

名片说简单点就是拜访和社交用的小卡片,上面印有自己的个人信息,包括姓名、职务、地址、电话、邮箱、单位(自由职业者可忽略),然后用来推销自己(原谅我用这么不高大上的词语)的一种方式。

名片常见的类型有商务名片、创意名片、个人个性名片。但是工作和日常的设计场合中大多数见到的还是商务名片居多。个人个性和创意名片多用于一些固定的场所展示形象所用,一般会特别注重印刷工艺,对于纸张的选择要求也比较高,那么价格就自然而然也就水涨船高嘛!所以根据用途和场合来设计名片是非常有必要的!

二、常见名片设计规范

设计尺寸:

国内标准模式是90mmx54mm

美式标准模式是90mmx50mm

欧式标准模式是85mmx54mm(常见的银行卡大家也不缺吧,拿出来瞧瞧他的尺寸就是了)

所以一般采用国内的标准进行设计,分辨率300dpi

颜色模式:CMYK(不是RGB哦)

出血线:印刷一般出血线是3mm,名片可以2mm,毕竟小嘛,但是切记不能没有啊,那制作师傅裁掉就有设计师哭的时候了

三、设计

有没有设计师经常被被人问道或者扪心自问什么是好的设计。个人拙见只要是解决问题的设计都是搞设计(呵呵是不是等于没说)。那么名片是解决什么问题呢,一开始讲了就是推销自己,所以信息传播很重要。所以说一个名片中你那怕信息字体大到版面乘不下都可以,就是不可以设计很漂亮,信息看不见。那就是一张废名片了。所以在设计用应该关注到版面率和字体选择的问题

1、关于版面率的问题中其实要明白内容少版面率低就可以显得设计冷静高端。内容多版面率高就显得热情廉价。有些客户或者甲方恨不得见缝插针呢。这样是一种错误的观念,合理的展示有用的信息即可。

2、字体的选择和运用很关键,这个选择关乎设计的层次感和设计的呼吸感,不要使用纯黑,印刷时给到90%的黑就可以。不要使用多用字体,最后两种搞定就好。关于字体怎么选一下两下也说不清楚,总之设计师要明白字体也是有性别和个性的,一般书法体就是古典洒脱,优雅霸气但是不适合现代风格的名片。一般像一些细字体,就干净利落高端一点的样子,所以各种黑体里边找一找吧

3、版面内容细致

说到细致就要各种对齐知道吧。只有严谨的对齐才能流畅的引导用户阅读。

以前就是个人的拙见。

如何设计一张好的名片本文从名片的构成要素、名片设计的程序,到名片设计的图片、比例、色彩等方面,很详细的讲解了名片设计的注意要素。如其说是教程,我更觉得这是一部理论的探讨!

总体来说,对于刚开始名片设计的朋友很有帮助,能让大家看清名片设计,让大家知道从何下手!

(一)名片设计的基本要求名片作为一个人、一种职业的独立媒体,在设计上要讲究其艺术性。但它同艺术作品有明显的区别,它不像其他艺术作品那样具有很高的审美价值,可以去欣赏,去玩味。它在大多情况下不会引起人的专注和追求,而是便于记忆,具有更强的识别性,让人在最短的时间内获得所需要的情报。因此名片设计必须做到文字简明扼要,字体层次分明,强调设计意识,艺术风格要新颖。

名片设计的基本要求应强调三个字:简、功、易。

1、简:名片传递的主要信息要简明清楚,构图完整明确。

2、功:注意质量、功效,尽可能使传递的信息明确。

3、易:便于记忆,易于识别。

(二)名片设计的程序

1、名片设计之前首先做到三个方面的了解

(1)了解名片持有者的身份、职业。

(2)了解名片持有者的单位及其单位的性质、职能。

(3)了解名片持有者及单位的业务范畴。

2、独特的构思

独特的构思来源于对设计的合理定位,来源于对名片的持有者及单位的全面了解。一个好的名片构思经得起以下几个方面的考核:

(1)是否具有视觉冲击力和可识别性。

(2)是否具有媒介主体的工作性质和身份。

(3)是否别致、独特。

(4)是否符合持有人的业务特性。

3、设计定位

依据对前三个方面的了解确定名片的设计构思,确定构图、确定字体、确定色彩等。(三)名片设计中的构成要素

在名片设计中,少不了构成要素。所谓构成要素是指构成名片的各种素材,一般是指标志、图案、文案(名片持有人姓名、通讯地址、通讯方式)等。这些素材各赋有不同的使命与作用,统称为构成要素。

构成要素分两类:

1、属于造型的构成要素

(1)标志(用图案或文字造型设计并注册的商标或企业标志)

(2)图案(形成名片特有的色块构成)

(3)轮廓(几边框)

2、属于方案的构成要素

(1)名片持有人的姓名及职务。

(2)名片持有人的单位及地址。

(3)通讯方式。

(4)业务领域。

以上的构成要素在名片的设计中各就其位,依据每一种类型的名片确定其设计的着重点。

(四)名片设计的图案

在名片的设计中,图案的设计是一个重要环节。图案设计的成功与否直接影响到名片的视觉效果,影响到人们对名片持有人及其所在单位的心理感受。图案在一张名片中有固定的职能。

1、职能分类如下:

(1)吸引注意力,一个好的名片图案设计不仅满足画面的构图需要,还能很强烈的吸引人的注意力,从而达到持有人自我推销的目的。

(2)传递名片持有者的职业特性及行业特征。名片图案的形式与色彩要反映名片持有者的职业特性及行业特征。

(3)引导读者把视线引至重要方案的诱导效果。

2、图案的构成

(1)图案的渐变

单色渐变在名片设计中运用单色渐变既可以保持设计的完整性又不失增强视觉的冲击力。

混色渐变一两种以上的色彩渐变,此画面的效果较活跃,但应用时应注意色彩的强弱对比及构图的比例分布。

形象渐变取名片的标志、厂名或经销的产品,在上做浅色弱化、色彩渐变、大小渐变,形成更丰富的视觉效果。

(2)图案的“对比与统一”

图案在名片中的作用是烘托主题、丰富画面、提示读者。所以图案的设计既要注意对比又要完整统一。对比主要是指画面的图案与画面的地,形成明显的区别。统一是指画的层次要分明,图案的存在是使主题突出,构图醒目,富于个性,同时不喧宾夺主。

(3)图案的表现技法依据名片的性格特点,给予图案不同的表现技法。表现技法如下:

形象肌理法这种方法是,取与名片持有者行业有关的形象作肌理处理,形成有鲜明个性的图案。

形象摄影法取与名片持有者行业有关的形象摄影图片作各种艺术处理,形成具象艺术图案。

绘画肌理法这种方法表现出来的是抽象图案,主要是表现各种绘画的肌理效果,赋予名片强烈的艺术个性。如:油画肌理法、刮刀肌理法、素描肌理法、速写肌理法、水彩肌理法、国画肌理法等。(五)名片设计的比例

名片虽小,但是一个完整的画面,所以存在着画面的比例与均衡问题。这里面包括两个方面:其一是名片的整体内容,包括方案、标志、色块的比例关系,其二是边框线的比例关系。下面介绍几种比例以供参考:

1、黄金比(黄金分割)

黄金比是设计中应用较多的一种比例。黄金比矩形的宽与长的比例是1:1.618。日常生活中常见的明信片、纸卡、邮票和一些国家的国旗等,都采用这个比例。黄金比是法国建筑师柯尔毕塞根据人体结构的比例与数学原理编制出来的。美国一位叫格列普斯的人,用五个不同比例的矩形在群众中进行民意测验,结果认可度最高的是黄金比矩形。

名片设计

千万不要小看名片的作用,它是你走后给人留下的一丝回忆。直接影响到个人发展的重要细节。

下面我就来总结一下名片设计的思路。

1.出发点

所谓的出发点就是你想给人的第一感受_什么?比如:诚信纸张要选的厚重有质感,如果你是做玻璃生意的可以把名片做成透明的等。

2.立意

中国传统天圆地方,那么,名片我们就可以做成圆角的。

3.功能性

很多明片被人随意丢掉其最主要的原因是没有用,本着这个思路我们可以把名片设计成书签、留言条等。

4._加其艺术性。

美好的东西大家总是愿意多留下一段时间。

5.文字信息的传达

文字要简明不要太多,现在节奏快不建议繁索的设计。

通常传统的名片大小是90mm*54mm

下面我们来说怎样设计一款好的名片,关于字体方面,我会把它放在图片里,记得看哦。

1.版面率

就是画面元素占画面总面积的比率;

简约的设计方案可以真正的帮助。反之,复杂的图案会显得名片不够高大上,通俗点讲就是没有逼格,大量的负空间,但它不必是白色的,简单的类型可以很久都不过时。通常低版面率,就是文字少,留白部分多,自然就会体现出,冷静,高端;换个例子来说,文字占大多部分,就是高版面率,虽然显得热情,主动,但会给人一种廉价的感觉,这点是要注意的。

2.字体方面的选择

字体的使用,很大程度上决定了看到这张名片的第一印象;

名片的字体大小一般都在4-12磅不宜过大,像地址,电话,之类的可以控制在6-8磅,公司名字,标题之类的,可以用10-12磅;

字体选择方面不要太多,一张名片最好控制在两种字体,不然给人的感觉会很杂乱;

其次,字体的颜色,明度,种类不宜过多,尽量也控制在两种以内;

关于字体的选择方面,我会放到图片里。

接下来这个是最重要的,一定要记住!

3.严谨的对齐

在名片怎么小的画面里,只有严谨的对齐,才能引导用户流畅的阅读;

一张名片设计完之后,一定要仔细的检查看每个部分的文字对齐没有,左对齐,居中对齐,水平对齐,垂直对齐,就连文字上下的间隙也要对齐,只有整洁的画面,才会显得比较高端。

4.使用颜色和图像

颜色上的巧妙搭配会给人眼前一亮的感觉;

色彩和图案是任何设计方案的重要组成部分,在名片设计中起着同样重要的作用。双面打印可以将图像很好的展示。通过使用一个流行的明亮的颜色或一张照片,你的卡将在一堆灰褐色和黑色的卡中脱颖而出;

记得上面说的,名片的颜色搭配上面也不要有太多的颜色出现,最多三种颜色。

下面推荐几款常用的名片颜色搭配;

黑白,蓝黑80%,深海蓝白,墨绿金,叶绿白,叶绿黑15%

例子就举这么多,具体还要看你怎么去学习。

建议:多看,多练,多做,不要眼高手低,看到什么好的设计,可以自己去试着做出来,能涨许多经验。

关于名片就说到这里,有什么不懂的可以提问,不管是名片还是什么别的,设计完了之后一定要仔细检查看有没有错别字,对齐没有,颜色搭配方面有没有什么问题。

加油,祝您设计出满意的作品~

以客_需求量身_作,一般___有特定尺寸限制,最好以方便___主

一、版式

首先我们需要了解的版式。我们平时制作或看到的版式大部分都是由——中心型、中轴型、分割型、倾斜型、骨骼型、满版型为主。

↑中心型排版，利用视觉中心，突出想要表达的实物——当制作的图片没有太多文字，并且展示主体很明确的情况下建议多使用中心型的排版。中心排版具有突出主体、聚焦视线等作用，体现大气背景可用纯色，体现高端背景可用渐变色。

上图为Elysions的作品

↑中轴型排版、利用轴心对称，使用画面展示规整稳定、醒目大方——当制作的图片满足中心型排版但主体面积过大的情况下，可以使用中轴型排版。中轴型居中对称的版面特点，在突出主体的同事又能给予画面稳定感，并能使整体画面具有一定的冲击力。

在做电商活动海报的时候中轴型是很出效果的一种形式

↑分割型排版，利用分割线使画面有明确的独立性和引导性——当制作的图片中有多个图片和多段文字时可以使用分割排版。分割型排版能使画面中每个部分都是极为明确和独立的，在观看时能有较好的视觉引导和方向；通过分割出来的体积大小也可以明确当前图片中各部分的主次关系，有较好的对比性，并使整体画面不单调和拥挤。

↑倾斜型排版，通过主体或整体画面的倾斜编排，使画面拥有极强的律动感，刺激视觉——当制作的图片中要出现律动性、冲击性、不稳定性、跳跃性等效果，可以使用倾斜型排版。倾斜排版可以让呆板的画面爆发活力和生机，当你发现自己的图片过于死板或僵硬时，尝试让画面中某个元素带点倾斜，会有出奇的效果。

↑骨骼型排版，通过有序的图文排列，使画面严谨统一、具有秩序感——当制作的图片中，文字较多时，通常都会应用骨骼型排版。骨骼型排版时较为常见的排版方式、清晰的调理和严谨性让画面平稳，是一种不会出现的错误，但是毕竟单一的排版方式。有些时候为了打破骨骼型的单一和平稳，我们也可以应用上图第三张的形式，在规整的排列中加入一些律动强烈的素材。

↑网页设计（包含电商）中大部分都是骨骼型排版形式

↑满版型排版，通过大面积的元素来传达最为直观和强烈的视觉刺激，使画面丰富且具有极强的带入性——当制作的图片中有极为明确的主体，且文案较少时可以采用满版型排版。常见的满版型排版有整体满版、细节满版和文字满版。

如第一张：整体满版会让画面有强烈的带入性。

如第二张：细节满版能快速明确和展示主体。

如第三种：而文字满版通常是以装饰的形式来表达某些文案。

二、方法

了解了基本的版式，我们再去了解排版中需要注意的几个问题。

首先是对版式的选择，你如果拿到一份客户的要求而没办法想出来接下来可以用哪些方法去排版，显然是作为设计师而言不太光彩和合格的事情。我在上边的例子中也写到了，不同的情况下可以应用不同的版式，而所谓的不同情况大多数时候有这么几种，字少图少、字少图多、字多图少、字多图多，字图一样。其次就是如何应用，版式是一种缥缈的艺术，理论形式固定，但表现形式多样。当你手法纯熟了，怎么摆放都会很好看，而在刚开始练习的阶段，我们还是最好注意好排版中需要严格遵守的一样东西——留白。

留白很多大师都讲过，分析过，大部分来说比较宏观，都是跟意境挂钩，我再去说重复的东西就没有意义了，我要说的是几个细碎的留白问题，首先我要否认很多人认为留白就是要做简约风的印象，其实留白无处不在，简约风只是留白更宏观的定义而已……那么怎样去理解和运用留白呢，首先我们要对留白有几个新的认识：

第一，文字间距、行距都是留白，而这种距离如果太过统一和拥挤画面就会死板，所以在文段较多的情况下，我们可以适当调节文段的距离来改善画面的效果，也就是加大文字间的留白。

如下图：

第二，比如某个元素内部又有其他元素，那么这个元素内部区域就需要合理的留白，内部元素不能太满，也不能太偏。

如下图：

第三，元素跟元素之间要有一个合理的留白，不然就会拥挤难受。

如下图：

第四，除满版型排版以为尽量让画面四周有足够的留白。有些时候不必要放那么多的装饰元素，在画面中，那样反而会抢了主体，比如这个下图，其实竹叶也可以表达所需的意思，而且更灵动。

第五，装饰元素在做飘散的时不要集中在一个区域，那样会让某个区域留白不够显得拥挤，还会显得图片的感觉小气，飘散的元素我们尽量做的大气一些，挥洒写，弥补周边空旷的同事又能让画面大气。

如下图：

第六，留白的同时也要去白，去白是一种平衡留白画面的效果，一般来说常用的去白方式是对线去白，即下方有元素而上方很空的时候，给上方增加一个元素来平衡画面；当主体过于渺小导致留白过多时，需要放大主体和调整其它元素来去白。

如下图：

图1：中心主体太小上下空洞图2：下方去白，上方空洞图3：上下去白，画面平稳

举例：

↑中心元素过小，周边过于空旷

↑中心整体放大，主体上下留白过多被弥补，但主体与文案间的留白关系不是很舒服

↑拉开文案的行距，使主体与整体文案的空间感相近，弥补文案上下的留白过剩

结合留白，我再针对上面提到的不同情况应用不用版式举个简单的例子，当客户给我的方案是字少图少和字少图多的情况下，中心型、中轴型、满版型、骨骼型、分割型等多种方式都可以解决当前问题的。比如我们用一下文字和图片做一张图：

图1：中心型图2：中轴型图3：满版型

↑骨骼型

↑分割型

有时候我们也会遇到一张图片中要放很多小图片的情况，而且很多小图片的素材尺寸都是不同的，这里也是很多人经常犯错的地方，大部分人都是随意摆放并配上文字，其实我们可以把每个图片都做在同等大小的形状中显示，既规整又大方，如图：

而当素材不太美观和即便排列整齐，整体图片也还是有些拥挤时，我们可以化繁为简，去掉小图展示：

综上内容，版式没有绝对的好坏，只有合适不合适；这期我们讲的主要还是围绕简洁的版式，下期我们队复杂的版式再做更深入的理解。

（成都千巨）

小编话：界面美不美，除了构图之外，另一个重要手段的就是如何处理留白，也可以理解成版率。留白就是为了凸显层次、突出内容。当然除了留白还有什么方法让界面高大上和达到一定的视觉效果呢？让我们跟着作者@王铎（micu设计）一起来看看吧！

作者：王铎(Micu设计)

这篇主要说一下版面和图形使用，对高手来说可能有些老生常谈，但对移动端界面设计或许会有点参考价值，用几分钟看看吧。

界面美不美，除了构图之外，另一个重要手段的就是如何处理留白，也可以理解成版率。留白就是为了凸显层次、突出内容。

手持设备屏幕较小，决定了信息显示是有限的。用户有效接受信息并不与界面内提供的信息量成正比，有的时候提供的越多，用户反而真正接受的越少。妄想满屏都是信息是不可能的。用户越来越受不了满屏的信息了。

让用户接受该接受的有效信息，是关键。

在设计界面的时候，因为内容和页面都比较多，为了保证页面与页面的统一性，首先需要设定页面内容四周的留白。在设定页面的间距后相应的内容图标，图片等的安排就确定下来了。用这样的方法能使调整出来的页面更为条理化。

红色色的部分就是内容。在页面中一般会有导航的存在，那么内容区的版面是从导航下面计算的。

界面四周增加留白。这样的界面很容易集中用户的视线到少数的内容上去，突出了焦点，整体给人一种典雅高级的感觉。

反之，缩小留白或者不留白，页面会显得更丰富更充满活力。而图片的展示空间会增加，冲击感增强，让界面更显得富更有张力。

根据页面的内容不同和功能点，适当的调整界面周边的留白非常重要。一般图片本身比较有意境，可以直接采用“出血”的方式，不留白或者少留白。

下面介绍一些版面的小规律、小技巧。

1.取其精华，一块颜色也能定天下！

提取主要的信息，通过对整个页面的颜色进行调整，从而提高版面使用率。将一个或多个功能点作为主信息，提到首页中进行设计，从达到想要的视觉效果。这样处理后的界面设计不仅能显得大气有张力，而且展现出来的信息聚合度高。

在缺少图像素材的情况下，如何让界面显得有张力，整体感强，呈现出来的版面率高。

单色背景留白，凸显主要信息。要求图标或者文字，相对简洁，能够很好地和背景色融为一体。再通过线条和规则的图形来分割留白区域，增加层次感。

做好这些的前提是，设计师要明确主要信息，以及它们之间的关系。

结合产品特点巧妙的运用大色块，将变化的信息用颜色区分出来。让用户最直观的感知信息的变化。

2.多色块灵活分割，加强内容使用率

图片素材少，还可以采用多色块进行分割，让界面显得不那么单调。

加强内容使用率可以通过色块（临近色或是互补色）的延伸或是图像的重复来组织页面版式。将图片和色块进行统一化排版布局，整体基调能使页面丰富化。图片与相同大小的色块可以保持界面的统一性与简洁性，色调的一致的统一性和连续性使页面更为整体，这样看起来的页面就像一张图片一样有张力。并且这种方式让用户感觉点击的区域也会增加，从而操作也变得便捷起来。

3.构图不拘一格，找到最合适的内容版率。

横向和纵向分割，使界面显得整齐、稳定，而斜向分割让界面冲击感强。

使用不同的构图方式，穿插性地将少量的图片整合在构图的形状中，能让界面变得活跃而富有活跃性。这样的表现方式还能将产品的气质融入进去，淋漓尽致地展现。有节奏感的设计更为取巧地加强了版式率。在界面设计中，图文的穿插可以引导用户的视线，让原本简单的内容变得有趣。在层次上，也可以区分内容的主次性，让阅读更加的轻松。

4.简约化桌面或主页，让界面越近越美

常用方式：图标、加大文案字号、序号、数字等来达到加强版式率的运用，提高视觉上的丰富性。

图标表达

人们越来越认同扁平化，一方面是因为扁平化的图标看上去清新简洁，用户理解快。另一方面，与图标搭配的背景更加单纯，要么留白，要么炫简，尽可能减少给用户在视觉上干扰。好的扁平化图标不是简单地删减细节，而是着重凸显有效的信息。

图标是最为直接的表达方式，简单明确的图形，能让用户通过对图标的认识快速找到想要的功能和需求点。图标与文案的搭配有效的降低了阅读时候的疲劳感。从而加强了界面内容的节奏。运用图标的设计条理清晰，功能明确。

信息化图标能给产品增色。有趣的图标设计不仅能很好的将功能点进行区分，也能好的将软件的特性和品牌展现出来。

把图形融入到界面中，可让内容更为丰富，层次更加的分明。

5.突出重点文案，调整版面率，让信息更清晰。

调整文字大小将调整版式的使用率，使原本空的界面内容显示的更为饱满，用户阅读起立更为直接。使用较大的字号进行加强页面使用率能让页面显得更为信息。突出重要的引导文案，加强了软件的情景感和带入感。快速引导了用户对功能的理解，从而准确的使用。

在页面中我们可以强调重点数据或功能词等来区分界面中的层次感。让用户的视线更为集中。

6.串联图片，让它们讲故事，视图化版面。

这种设计方法更多的是将文案用图形或插图展现出来。在数据页面和引导页中最为常见。

一段文案一副插图的引导页更为有特色，给用户的情怀感更强。这种设计手法也是最容易体现产品特质和吸引眼球的。图案的易读性高，能在极其短暂的时间内快速传达给用户信息。用图像来讲故事，是设计中最根本的表现方法，也更是最为受欢迎的表达方式。

图在界面中的运用

三种方式：抠，边界关系，残缺

1.切抠弄，制造纯色留白！

在处理图片素材的时候，常常会碰到图片背景杂乱，产品不够突出的问题。在设计之前我们可以对素材先进行处理，将产品直接抠出来。利用这种方式可以找到产品的形状，越明确的形状越能反映用户对产品的认知度。产品的独特性能快速明确的表达给用户，用户从潜意识第一时间的判断到产品的类型和使用特性。

下面是一个曲奇饼干的网站，将主饼干的勾出来，进行层次感的区分。在产品介绍中采用了侧面的实物抠图，体现出了曲奇饼干最为真实的厚度。运用碎落的饼干块虚化拉开产品的层次。深色的背景与饼干对比强烈，直接凸显了实物的形状。让用户一目了然，食欲大增。从而增了用户的购买欲望。

在很多的电商APP中也常采用抠图，去除多余杂乱的信息，利用产品的形状直接体现不同商品的特点。这样的界面用户阅读起来轻松愉悦。

2.建立边界，再打破边界，破出重围

如果需要展示的信息较多，采用分割区域的方法，可以使界面显得整齐干净。而当信息较少时，设计师可以大胆选用“局部出血”的方式，建立边界，再突破它，增加层次感和冲击力，以凸显主题。

一定要记得设定好的内容范围是为了让页面显得整体化，而不仅仅是摆放和拼图。

在网页设计中有时候会见到这种方式，其实在手机、平板等UI设计中我们完全可以套用。

运用图片的穿插来区分背景和产品或形象的层次感，处理完的界面更加富有生命力。放大需要突出的主形象，把它作为第一焦点展现在用户的眼前，有种强烈的“面对面”感受。

在APP中采用将图片局部突出出来，能拉开信息的层次，将需要突出的图片信息第一时间展示给用户。一方面可以方便和引导用户点击，另一方面在上下滚动的长副瀑布流里，适当地打破平衡，可以丰富页面的节奏感。

在ICON的设计中我们也常用到破图的方法。在统一的圆角矩形中，将表达寓意的图形局部超出，使图标更为有空间感和灵活性。

采用这种方式设计的图标空间感强，层次感强烈，能使产品形象显得更为突出。

在字体中也经常运用到破图的方法，让字体更为生动。在破字的过程中也能引发出不同的创意点。

大美青海字体设计我把数字9破出了方块。而在优车尚品字体的设计中，我通过品字的破图找到了车的联想，让整个字体设计的更为贴切灵动。

3.冲出画面，只保留局部，让产品再大一点！

有时候，我们拿到素材，在处理后发现，图片比较平常，用户一眼就知道是什么。这个时候，可以考虑保留局部的方式，营造残缺美，增加时尚感。不要小看用户的的脑补能力，当然，这种方案还是要与客户或者产品经理及时沟通，残缺美不是所有人动能接受的。

我们将图片进行放大，找出产品特点。选择能撑起整个页面构图的位置，切除不必要的图形，让图片冲出画面！这样处理后，页面显得非常富有张力，激发了用户想看到产品整个形象的欲望，起到产品预热的效果。

在WATCH的预热官网中，设计师将图片放大，裁取有特点的部位进行展示，引导了用户点击观看产品的整体形象，激发了用户更多的去了解产品的特性。

从版面角度看，局部放大裁切图片，增加了留白，增加了版式率，让整个页面显得饱满，微距的效果使用户与产品更贴切。

这一篇主要理顺了一下版面和图形使用知识，并不全面，大家还是以欣赏为主。看完了能有个留白、破图的印象就不算白看。

设计大方向上的东西终于絮叨得差不多了，我知道其实大家都懂，就是不知道从何下手而已，下一篇来点小方向的实用东西，欢迎大家留言。

原文作者：micu设计

站酷

转载请注明：片头模版 » 版面设计图片简单(有哪些简单好用的排版技巧和方法)