平面设计文字图片排版.docx
《平面设计文字图片排版.docx》由会员分享,可在线阅读,更多相关《平面设计文字图片排版.docx(25页珍藏版)》请在冰豆网上搜索。
平面设计文字图片排版
在这里,我们主要谈谈在平面设计中文字设计的几条原则,以及文字组合中应注意的几点。
特别提醒一下,这部分工作应该是人脑完成的工作,电脑是无法代替的。
下面我们分别从以下几个方面具体讲述文字排列在平面设计中的运用,各小节都配有生动精彩的图例剖析。
(注:
本文所有引用的图片均为其作者版权所有,除研究、学习以外,不得挪做他用,特此声明!
)
1. 提高文字的可读性
广告人、广告公司和广告主的网络交流、分享、学习服务广告专业网站
设计中的文字应避免繁杂零乱,使人易认,易懂,切忌为了设计而设计,忘记了文字设计的根本目的是为了更有效地传达作者的意图,表达设计的主题和构想意念……
杂志排版设计欣赏
2. 文字的位置应符合整体要求
文字在画面中的安排要考虑到全局的因素,不能有视觉上的冲突。
否则在画面上主次不分,很容易引起视觉顺序的混乱,有时候甚至1个像素的差距也会改变你整个作品的味道……
3. 在视觉上应给人以美感
在视觉传达的过程中,文字作为画面的形象要素之一,具有传达感情的功能,因而它必须具有视觉上的美感,能够给人以美的感受……
4.在设计上要富于创造性
根据作品主题的要求,突出文字设计的个性色彩,创造与众不同的独具特色的字体,给人以别开生面的视觉感受,有利于作者设计意图的表现……
n+U*\*l/|1V9b'V&T广告,文案,策划,设计,4A,媒介+N(w3\9^3d({'A#^
更复杂的应用
+|3u$O&y7N*B,D1S:
m.X m中国广告家园论坛 文字不仅要在字体上和画面配合好,甚至颜色和部分笔画都要加工,这样才能达到更完整的效果,而这些细节的地方需要的是耐心和功力……
5.
:
V/s5d'Y#a"i4y中国广告人的家园
6.精彩作品欣赏
这类作品不论是字体、样式还是颜色的应用都非常精彩,给人留下震撼和深刻的印象,欣赏这样的作品真是一种享受……
!
p0[1p"P6j%d#J
文字版面的设计同时也是创意的过程,创意是设计者的思维水准的体现,是评价一件设计作品好坏的重要标准。
在现代设计领域,一切制作的程序由电脑代劳,使人类的劳动仅限于思维上,这是好事,可以省却了许多不必要的工序,为创作提供了更好的条件。
但在某些必要的阶段上,我们应该记住:
人,才是设计的主体。
1I&K$`:
C'y&C&u0v中国广告人的家园
1.提高文字的可读性
文字的主要功能是在视觉传达中向大众传达作者的意图和各种信息,要达到这一目的必须考虑文字的整体诉求效果,给人以清晰的视觉印象。
因此,设计中的文字应避免繁杂零乱,使人易认,易懂,切忌为了设计而设计,忘记了文字设计的根本目的是为了更好,更有效的传达作者的意图,表达设计的主题和构想意念。
6S4G*Q4u6m2Z"L
举例如下
6B3L7d2I0G/t6[;I8d广告,文案,策划,设计,4A,媒介0z'N-w!
t&M9?
2C#B中国广告家园论坛 让你想表达的内容清晰,醒目。
让阅览者一开始就可以明白你的意思
*Z)m%A:
f,{:
V
%Q0@2e'Q;s(K"l#t中国广告家园论坛
-E;d8]$[.F(p广告,文案,策划,设计,4A,媒介 避免使用不清晰的字体,否则容易使阅览者产生反感和麻烦(除非你需要这种效果)
/H*o8i%z6e"g1p中国广告家园论坛:
g.s/t5d-z广告人、广告公司和广告主的网络交流、分享、学习服务广告专业网站
.J*L!
v$R2s F 恰当的选择你所需要的字体
r0s4P+|3_中国广告家园论坛 但是,经过特别的处理,你可以使用一些本来并不合适的字体,比如
1X,U,M)G3^*[
$J1d7n5w+P"H1a)c广告,文案,策划,设计,4A,媒介 注意文字在编排时的方向,注意安排阅览者的视线
#q']/I#`"C6m
*\"q*\#Y&`6C,g#{5A2i'L中国广告家园论坛 如果:
3{&@%M5p.[3I q"j!
`中国广告人的家园
那么,你可以做成这样
&G-^)c"F,^ ?
#w中国广告家园论坛$u-`#e7J2E-c:
q广告,文案,策划,设计,4A,媒介
)R,k&X/x,P3B0a5_$W.r-G中国广告人的家园6d/^:
}4} |/N.n中国广告家园论坛
*i'I3R1j2Z!
?
+C5I中国广告人的家园 或者是这样也可以
2j0}/K:
f v&T*D-s%_.Q5E,G广告,文案,策划,设计,4A,媒介
!
q;u9y;F7h/`中国广告家园论坛
$r!
B)|#A#x!
C s9^5A中国广告人的家园 最后一点,通常情况下,你应该
4P:
T/A9J1V/R l B9_.\9C9W+D3`"_,R;Q*e7
2.文字的位置要符合整体要求
(G1O't-e:
a;X3y1X4y6|:
P广告,文案,策划,设计,4A,媒介 文字在画面中的安排要考虑到全局的因素,不能有视觉上的冲突。
否则在画面上主次不分,很容易引起视觉顺序的混乱。
而且作品的整个含义和气氛都可能会被破坏,这是一个很微妙的问题,需要去体会。
不要指望电脑能帮你安排好,它有时候会帮你的倒忙。
细节的地方也一定要注意,1个像素的差距有时候会改变你整个作品的味道。
举例如下:
+o$k7j/~)o-e8~-]
安排好文字和图形之间的交叉错合,既不要影响图形的观看,也不能影响文字的阅览。
4v5N6v7N0z(p6i-M"c1
%E7W!
D'i/f中国广告人的家园
4f4s#V!
x2K7P$s%q 如果你不小心做成了这样(有意安排这种效果的不在此例)
文字一定不要全部都顶着画面的边角,这样看起来很不专业
再说一点细节上应该注意的问题,这是容易忽视的地方,也是容易出问题的地方
-j1D+d5{)a-s8h/@$v&w中国广告家园论坛
6U0s(k1_.v.d&[%G+U
4}1t5G6b)v3O'U中国广告家园论坛 这样看起来就好一点了
(]5g#v'u+I l7G1}"n3.在视觉上应给人以美感
9t2r5B7o:
j%i#T u中国广告人的家园 在视觉传达的过程中,文字作为画面的形象要素之一,具有传达感情的功能,因而它必须具有视觉上的美感,能够给人以美的感受。
字型设计良好,组合巧妙的文字能使人感到愉快,留下美好的印象,从而获得良好的心理反应。
反之,则使人看后心里不愉快,视觉上难以产生美感,甚至会让观众拒而不看,这样势必难以传达出作者想表现出的意图和构想。
%M&H9p"j E,i'x9m#o广告,文案,策划,设计,4A,媒介
举例如下:
/T/[/h8x/l&@6p!
w;I
这是一个带有图形的文字版面,也许你认为这样也不错了
9[$O |4v1_3n中国广告家园论坛
1u5}.m'U*s#j9Y广告,文案,策划,设计,4A,媒介
但是是不是太平淡了呢?
改一下文字的位置和大小,效果又会怎么样呢?
看下图
3r S%H2]'C&n中国广告家园论坛
-x3g7?
4@ ^&o(p广告人、广告公司和广告主的网络交流、分享、学习服务广告专业网站
4p$Y)~3J n/y/J'v广告人、广告公司和广告主的网络交流、分享、学习服务广告专业网站6u.e3|;~0A;O-T&Q(n9u中国广告家园论坛 或者是这样也可以,看下图
0f }%[+i*[4f+}$P9G5k
#o8W)]#Z-t8c s:
a广告,文案,策划,设计,4A,媒介
&m(_2z0G/{3T%q/^&N0k广告,文案,策划,设计,4A,媒介 感觉到了什么吗?
其实就是这么微妙,有时只是一点小变化,味道却不一样多了。
6@2i$u#E4j l7^1@中国广告家园论坛 再看看字间距的问题
)S#e8t;?
6A+S'C4I广告,文案,策划,设计,4A,媒介
T3n4L7{*N!
K5I广告,文案,策划,设计,4A,媒介
改一下看看,好一点了吗?
0f,d)v$W'v']3v"o;R*B中国广告家园论坛
1H3u)f,j-}+j4l 对于大的字体如果你照搬上面的做法,也许你会处理成这个样子,这样看起来字与字之间会比较松散
4u*[6I)|%l.z;I9H;\
3h"f(N3e(i0M0c,P(i中国广告家园论坛 调整后是这样,看起来紧凑多了。
字与字之间的对应关系也出来了
再看看段落文字的处理 F8I-}+G;y!
u6V'^广告人、广告公司和广告主的网络交流、分享、学习服务广告专业网站
$P&P(D0o;t
7f.f#B/j1i-C/A
5~/N"_5n4i中国广告人的家园 字体加大后,段落之间的距离也应该随之调整(在这里,小字体同样应用这一规则,不过是相反的)
8`4}-K0Z2e中国广告人的家园 比如,没有调整段落距离的时候,调整后可以是这样
%N(E6O.j6B$w中国广告人的家园
8v;Z+} a*N2^6q+Z广告人、广告公司和广告主的网络交流、分享、学习服务广告专业网站
3M'k6g-]1E 如果有多个段落,就要注意更多的问题,比如主次和轻重,以及在内容表达当方面的重要程度等,看这个例子
看看这个不错的版面的处理
4.在设计上要富于创造性
$]%V!
[4b$\2[1I8G广告人、广告公司和广告主的网络交流、分享、学习服务广告专业网站
根据作品主题的要求,突出文字设计的个性色彩,创造与众不同的独具特色的字体,给人以别开生面的视觉感受,有利于作者设计意图的表现。
设计时,应从字的形态特征与组合上进行探求,不断修改,反复琢磨,这样才能创造出富有个性的文字,使其外部形态和设计格调都能唤起人们的审美愉悦感受。
举例如下:
n)B*U#n9j9t&K广告,文案,策划,设计,4A,媒介 这是一个很普通的文字版面
"j9m1t*\7U9X*Z7v中国广告人的家园
8M y.g!
g2S:
B" 那么加一点自己的感受在里面,对文字的大小、间距、透明度做些调整,就会是完全不同的效果了。
很有意思是吗?
.I'q%v*m&u3[3Q
-^1G!
n#z#C"k&L 根据画面或作品的要求,可以使用一些图形化的文字(这可是汉字设计的一种新观点)。
注:
所谓“文字图形化”即将文字笔画做合理的变形搭配,使之产生类似有机或无机图形的趣味。
强调字体本身的结构美和笔画美。
1h,h"m;C"X)K&h4P'd广告人、广告公司和广告主的网络交流、分享、学习服务广告专业网站
"L2d.q;K:
W*h"F!
z中国广告家园论坛 比如:
!
@4^-]"]-| Q C.x+j中国广告人的家园
一开始好象总感觉文字在这里面的表现力有些苍白了。
对主题的表达没有什么帮助。
那么试一下改成这样行不行
味道出来了吗?
在一定的条件下,确实不能用电脑中提供的字体,必须要自己创造。
这也是汉字魅力所在的地方。
8_2W!
@%T,u0g中国广告人的家园
*g'e.f*c(Y2\广告,文案,策划,设计,4A,媒介
比如这个(没有太多的考虑的情况下)
"S4T(R I:
x:
S6T.n;O
)@3M,p'Y5]"p$
再看看设计的做法
4R$v3i']7q'i8j0S!
s中国广告家园论坛
2?
(C+Z8f){)[中国广告人的家园
:
r*j4q$s:
D*J x!
}中国广告人的家园
差别就在这里,也许只是一点小改动,但是需要你思考的却更多。
有时候对文字的笔画做特殊的加工处理往往会产生一些意想不到的效果。
而这样的处理是带有创造性的,同时人性化的味道也会更浓一些。
这是电脑字体所无法替代的效果,带给观看者的感受自然会要强烈的多
5.更复杂的应用
h4Q!
L!
}2S*?
(?
/H'[
文字不仅要在字体上和画面配合好,甚至颜色和部分笔画都要加工,这样才能达到更完整的效果。
而这些细节的地方需要的是耐心和功力。
记住一定要有自己的想法和感受在里面,如果想表达自己对作品的态度,就不要在文字上偷懒,这也是不能偷懒的地方。
*i9v4F)v(e2a7I
+O;`6v!
p.n-?
"d:
_6{.s广告人、广告公司和广告主的网络交流、分享、学习服务广告专业网站 对作品而言,每一件作品都有其特有的风格。
在这个前提下,一个作品版面上的各种不同字体的组合,一定要具有一种符合整个作品风格的风格倾向,形成总体的情调和感情倾向,不能各种文字自成一种风格,各行其是。
总的基调应该是整体上的协调和局部的对比,于统一之中又具有灵动的变化,从而具有对比和谐的效果。
这样,整个作品才会产生视觉上的美感,符合人们的欣赏心理。
除了以统一文字个性的方法来达到设计的基调外,也可以从方向性上来形成文字统一的基调,以及色彩方面的心理感觉来达到统一基调的效果等等。
7\6c9J.]&n"T
*D0Y.V-W2M7]-~,W中国广告人的家园 比如:
一个简单的例子
0Y7N)@.D#T$N'H5t#~中国广告家园论坛
7n(O(r0q9j(A中国广告家园论坛
经过修改之后的
R-|8U Y*H&H中国广告家园论坛
7{;v w+Q:
Z,k#Y3C"o/w4o 再来看看更复杂的:
这个画面中所有的出现文字元素都经过了仔细的处理,这是根据主题的需要所必须的。
如果没有这样的文字设计或许作品本身的感染力会弱的多。
在有图片的版面中,文字的组合应相对较为集中。
如果是以图片为主要的诉求要素,则文字应该紧凑地排列在适当的位置上,不可过分变化分散,以免因主题不明而造成视线流动的混乱。
6.精彩作品欣赏
8X/y0t-]2V5b1r4\1o"R+
(1)作品1(视觉招贴)
#j:
D#J4C&I {*[-L)@.m!
X*L"O9l.w9n广告人、广告公司和广告主的网络交流、分享、学习服务广告专业网站
0M&z%R9e*B*R \!
U中国广告家园论坛 这幅作品文字版面和样式的设计与图片的配合比较完美。
对所有元素的关系进行了良好搭配。
同样对主要文字元素运用了图形化的手法。
尤其是辅助文字元素的安排和设计是这个作品中的亮点。
V:
J*k&F.e中国广告人的家园
/E2|/i*Q!
m4S#i5z,Z广告,文案,策划,设计,4A,媒介 注意作品中左下角段落文字的设计,既让人感觉到存在,又不影响作品的感观,同时对行距控制的较好,没有产生拥挤的感觉。
整个作品整体同一,细节丰富,完整的表达了作者的思想诉求和意念,值得借鉴。
(可点击放大)
(2)作品2(形象宣传)
-k*l+J,\ d7o中国广告家园论坛
'j {6Q3\(s9\.e!
j/b
这幅作品是宣传中国形象的招贴。
运用了一些汉文化中比较有代表性的图象元素,文字元素在这里可以说是简约到了极致。
但是能够感觉到的是作者在这两个字上下的工夫有多少,可以说是起到了画龙点睛的效果。
并且与图形的搭配天衣无缝。
#f4E'o Q$r \/g'|广告人、广告公司和广告主的网络交流、分享、学习服务广告专业网站
不论是字体还是样式还是颜色的应用都非常精彩,作品给人留下的是震撼和深刻的印象,欣赏这样的作品应该说是一种享受。
+U/r%V;k!
c广告,文案,策划,设计,4A,媒介
1u5w$T-@)w&c)[:
A&B'\广告,文案,策划,设计,4A,媒介 文字版面的设计也是创意,创意是设计者的思维水准的体现,是评价一件设计作品好坏的重要标准。
在现代设计领域,一切制作的程序由电脑代劳,使人类的劳动仅限于思维上,这是好事,省却了许多不必要的工序,为创作提供了更好的条件,但是,在某些必要的阶段上,还是不能完全让电脑来做,人,毕竟才是设计的主体。
文字版式设计文章精华摘录
无论在何种视觉媒体中,文字和图片都是其最大的两种构成要素,文字是人类文化的重要组成部分。
文字既是语言信息的载体,又是具有视觉识别特征的符号系统;不仅表达概念,同时也通过诉之于视觉的方式传递情感。
5P9\0@4E4`1c1O%T文字设计的原则:
文字的可读性、赋予文字个性、视觉上应给人以美感、要富于创造性。
"w&_:
U-G+^0a,其中文字的个性大约可以分为以下若干种:
/]:
x-W6L*A/}/O)t/\
(1)端庄秀丽。
(2)格调高雅。
6~7`7~1x*a*j j#z(3)华丽高贵。
(4)坚固挺拔。
&W7q ]!
}9g.{ M广告,文案,策划,设计,4A,媒介(5)简洁爽朗。
0k'@0y7f#\ l(x$Z1v+](6)现代感强。
(7)视觉冲击力强。
(8)深沉厚重。
(9)具有重量感。
(10)庄严雄伟。
(11)不可动摇。
(12)欢快轻盈活泼。
-e S7G"c5|"|)X!
Y"u中国广告人的家园(13)跳跃明快。
(14)节奏感和韵律感强。
%D%j1P!
}'x(X;H2n%h$R)T3X中国广告人的家园(15)生机盎然。
5e9`:
l7_7c2S/V/[,(16)苍劲古朴。
(17)朴素无华。
"w:
x-V3c,T)]/E广告,文案,策划,设计,4A,媒介(18)造型奇妙。
&O!
v,r5G$|-粗体字强壮有力,有男性特点,适合机械、建筑业等内容;
:
c'u-?
$L#h广告人、广告公司和广告主的网络交流、分享、学习服务广告专业网站细体字高雅细致,有女性特点,更适合服装、化妆品、食品等行业的内容。
在同一页面中,字体种类少,版面雅致,有稳定感;字体种类多,则版面活跃,丰富多采。
4c:
l;A2C(|(X.n5
4?
2o-o-E:
y.X8D文字的组合:
/_6V%K)D4r0Q/c4t中国广告人的家园文字设计得成功与否,不仅在于字体自身的书写,同时也在于其运用的排列组合是否得当,即文字的版式设计。
9~'^$V+L!
H+R7U g-V)V/v中国广告家园论坛为了造成生动对比的视觉效果,可以从风格、大小、方向、明暗度等方面选择对比的因素。
1、人们的一般阅读顺序:
水平方向上,人们的视线一般是从左向右流动;垂直方向时,视线一般是从上向下流动;大于45度斜度时,视线是从上而下的;小于45度时,视线是从下向上流动的。
0@(h.B,C+l,A3o2、字体的外形特征。
3、与版面形成总体的情调和感情特征,有一个设计基调。
;`/}9[;Z#O)`4、注意负空间的运用(即文字外的空白)。
字体空间运用:
讲究空白之美,是为了更好的衬托主题,集中视线和拓展版面的视觉空间层次。
&E*}/c!
K#y9I n"Z广告人、广告公司和广告主的网络交流、分享、学习服务广告专业网站负形与字体实形相互依存,使实形在视觉上产生动态,获得张力;
3g3Z;}0^*\/T1N字体笔画之间巧妙地留有空白,有利于更加有效地烘托画面的主题、集中读者视线,使版面布局清晰,疏密有致。
.l7v:
s T5P:
Z-T.U中国广告人的家园
's4Y"l$B0v3j广告人、广告公司和广告主的网络交流、分享、学习服务广告专业网站易出的错误:
2B5O&x.v!
A'u$|广告人、广告公司和广告主的网络交流、分享、学习服务广告专业网站1、无力的大标题。
:
F:
Z"Y'E)c6_0q4N广告人、广告公司和广告主的网络交流、分享、学习服务广告专业网站2、埋没的大小标题,不要让小标题孤立于某栏文字的底部。
3、过多的框,边和隔线的分隔使页面看起来碎且杂乱,切断了读者视线。
+A6q#?
3v:
t,q,H6c4、下划线会损害可读性。
5、孤儿寡妇:
孤儿是指段落的最后一行仅有一个或半个词。
寡妇指的是由上一段落遗留的最后一小行字在新的一栏的顶部。
8A#b-F5v%D0j0w0I2J6、小到难以辨认的地址和标识。
“设计你的广告从底部开始”是一句名言。
4S)[!
~6]9o6_中国广告家园论坛7、太多的字体。
9E:
z/n0D*k(R中国广告人的家园8、文本和其他元素间缺乏对比度。
0d+g*p.w7{2p4`9、不必要的特效。
10、拥挤不堪。
11、过于沉闷。
;b'I)[:
Z+`:
g*u中国广告家园论坛
%J&}-g!
b1N,J-h;p4O广告,文案,策划,设计,4A,媒介!
Z4