[教程] 文字在设计中的魅力!【图文详解】.doc

文字版面的设计同时也是创意的过程，创意是设计者的思维水准的体现，是评价一件设计作品好坏的重要标准。在现代设计领域，一切制作的程序由电脑代劳，使人类的劳动仅限于思维上，这是好事，可以省去许多不必要的工序，为创作提供了更好的条件。但在某些必要的阶段上，我们应该记住：人，毕竟才是设计的主体。1.提高文字的可读性文字的主要功能是在视觉传达中向大众传达作者的意图和各种信息，要达到这一目的必须考虑文字的整体诉求效果，给人以清晰的视觉印象。因此，设计中的文字应避免繁杂零乱，使人易认，易懂，切忌为了设计而设计，忘记了文字设计的根本目的是为了更好，更有效的传达作者的意图，表达设计的主题和构想意念。举例如下：让你想表达的内容清晰，醒目。让阅读者一开始就可以明白你的意思2011-7-26 10:22 上传下载附件 (7.55 KB) 避免使用不清晰的字体，否则容易使阅览者产生反感和麻烦（除非你需要这种效果）2011-7-26 10:22 上传下载附件 (6.88 KB) 恰当的选择你所需要的字体2011-7-26 10:22 上传下载附件 (8.26 KB) 但是，经过特别的处理，你可以使用一些本来并不合适的字体，比如2011-7-26 10:22 上传下载附件 (6.51 KB) 注意文字在编排时的方向，注意安排阅读者的视线2011-7-26 10:22 上传下载附件 (6.01 KB) 或者是这样也可以2011-7-26 10:22 上传下载附件 (6.35 KB) 最后一点，通常情况下，你应该2011-7-26 10:22 上传下载附件 (6.6 KB) 2.文字的位置要符合整体要求文字在画面中的安排要考虑到全局的因素，不能有视觉上的冲突。否则在画面上主次不分，很容易引起视觉顺序的混乱。而且作品的整个含义和气氛都可能会被破坏，这是一个很微妙的问题，需要去体会。不要指望电脑能帮你安排好，它有时候会帮你的倒忙。细节的地方也一定要注意，1个像素的差距有时候会改变你整个作品的味道。举例如下：安排好文字和图形之间的协调关系，既不要影响图形的观看，也不能影响文字的阅览。2011-7-26 10:22 上传下载附件 (7.88 KB) 如果你不小心做成了这样（有意安排这种效果的不在此例）2011-7-26 10:22 上传下载附件 (8.6 KB) 文字一定不要全部都支持着画面的边角，这样看起来很不专业2011-7-26 10:22 上传下载附件 (8.88 KB) 1 查看全部评分鬼鬼猪本主题由 鬼鬼猪 于 2010-12-21 11:10 提升分享1 收藏7 支持4 反对0 回复 使用道具 举报 提升卡 变色卡 抢沙发 千斤顶 显身卡 缘逸天涯 缘逸天涯 当前离线 经验5914 点威望3 点点券1643 点家元0 在线时间114 小时注册时间2009-3-26帖子919精华17积分7060UID1386162狗仔卡 大家网研究生三年级大家网研究生三年级, 积分 7060, 距离下一级还需 2940 积分威望3 点经验5914 点积分7060精华17帖子919串个门 加好友 打招呼 发消息 2楼 发表于 2009-4-10 10:39:15 |只看该作者 继续！再说一点细节上应该注意的问题，这是容易忽视的地方，也是容易出问题的地方。2011-7-26 10:25 上传下载附件 (7.44 KB) 这样看起来就好一点了2011-7-26 10:25 上传下载附件 (7.33 KB) 3.在视觉上应给人以美感在视觉传达的过程中，文字作为画面的形象要素之一，具有传达感情的功能，因而它必须具有视觉上的美感，能够给人以美的感受。字型设计良好，组合巧妙的文字能使人感到愉快，留下美好的印象，从而获得良好的心理反应。反之，则使人看后心里不愉快，视觉上难以产生美感，甚至会让阅读者据而不看，这样势必难以传达出作者想表现出的意图和构想。举例如下：这是一个带有图形的文字版面，也许你认为这样也不错了2011-7-26 10:25 上传下载附件 (9.37 KB) 但是，是不是太平淡了呢？改一下文字的位置和大小，效果又会怎样？看下图2011-7-26 10:25 上传下载附件 (8.82 KB) 或者是这样也可以，看下图2011-7-26 10:25 上传下载附件 (7.24 KB) 感觉到了什么吗？其实就是这么微妙，有时只是一点小变化，味道却不一样多了。再看看字间距的问题2011-7-26 10:25 上传下载附件 (7.81 KB) 改一下看看，好一点了吗？2011-7-26 10:25 上传下载附件 (8.38 KB) 对于大的字体，如果你照搬上面的做法，也许你会处理成这个样子，这样看起来字与字之间会比较松散。2011-7-26 10:25 上传下载附件 (10.39 KB) 调整后事这样，看起来紧凑多了。字与字之间的对应关系也就出来了。2011-7-26 10:25 上传下载附件 (10.11 KB) 再看看段落文字的处理字体加大后，段落之间的距离也应该随之调整（在这里，小字体同样应用这一规则，不过是相反的）比如，没有调整段落距离的时候2011-7-26 10:25 上传下载附件 (8.78 KB) 调整后可以是这样2011-7-26 10:25 上传下载附件 (10.8 KB) 如果有多个段落，就要注意更多的问题，比如主次和轻重，以及在内容表达方面的重要程度等，看这个例子2011-7-26 10:25 上传下载附件 (10.13 KB) 看看这个不错的版面处理2011-7-26 10:25 上传下载附件 (24.52 KB) 回复 使用道具 举报 显身卡 缘逸天涯 缘逸天涯 当前离线 经验5914 点威望3 点点券1643 点家元0 在线时间114 小时注册时间2009-3-26帖子919精华17积分7060UID1386162狗仔卡 大家网研究生三年级大家网研究生三年级, 积分 7060, 距离下一级还需 2940 积分威望3 点经验5914 点积分7060精华17帖子919串个门 加好友 打招呼 发消息 3楼 发表于 2009-4-10 11:22:43 |只看该作者 继续！4.在设计上要富于创造性根据作品主题的要求，突出文字设计的个性色彩，创造与众不同的独具特色的字体，给人以别开生面的视觉感受，有利于作者设计意图的表现。设计时，应从字的形态特征与组合上进行探索，不断修改，反复琢磨，这样才能创造出富有个性的文字，使其外部形态和设计格调能唤起人们的审美愉悦感受。举例如下：这是一个很普通的文字版面2011-7-26 10:28 上传下载附件 (8.17 KB) 那么加一点自己的感受在里面，对文字的大小、间距、透明度做些调整，就会是完全不同的效果了。很有意思是吗？2011-7-26 10:28 上传下载附件 (8.11 KB) 根据画面或作品的要求，可以使用一些图形化得文字（这可是汉字设计的一种新观点）。注：所谓“文字图形化”即将文字笔画做合理的变形搭配，使之产生类似有机或无机图形的趣味。强调字体本身的结构美和笔画美。比如：2011-7-26 10:28 上传下载附件 (16.91 KB) 一开始好像总感觉文字在这里面得表现力有些苍白了。对主题的表达没有什么帮助。那么试一下改成这样行不行！2011-7-26 10:28 上传下载附件 (16.58 KB) 味道出来了吗？在一定得条件下，确实不能用电脑中提供的字体，必须要自己创造。这也是汉字魅力所在的地方。比如这个（没有太多的考虑情况下）2011-7-26 10:28 上传下载附件 (18.88 KB) 再看看设计的做法2011-7-26 10:28 上传下载附件 (19.78 KB) 差别就在这里，也许只是一点小改动，但是需要你思考的却更多。有时候对文字的笔画做特殊的加工处理往往会产生一些意想不到的效果。而这样的处理是带有创造性的，同时人性化的味道也会更浓一些。这是电脑字体所无法代替的效果，带给观看者的感受自然要强烈得多。5.更复杂的应用文字不仅要在字体上和画面配合好，甚至颜色和部分笔画都要加工，这样才能达到更完整的效果。而这些细节的地方需要的是耐心和功力。记住一定要有自己的想法和感受在里面，如果想表达自己对作品的态度，就不要在文字上偷懒，这也是不能偷懒的地方。对作品而言，每一件作品都有其特有的风格。在这个前提下，一个作品版面上的各种不同字体组合，一定要具有一种符合整个作品风格的风格倾向，形成总体的情调和感情倾向，不能各种文字自成一种风格，各行其是。总的基调应该是整体上的协调和局部对比，于统一之中又具有灵动的变化，从而具有对比和谐的效果。这样，整个作品才会产生视觉上的美感，符合人们的欣赏心理。除了以统一文字个性的方法来达到设计的基调外，也可以从方向性上来形成文字统一的基调，以及色彩方面的心理感觉来达到统一基调的效果等等。比如：一个简单的例子2011-7-26 10:28 上传下载附件 (8.82 KB) 经过修改之后的2011-7-26 10:28 上传下载附件 (8.78 KB) 再来看看更复杂的：这个画面中所有的出现文字元素都经过了仔细的处理，这是根据主题的需要所必须的。如果没有这样的文字设计或作品本身的感染力会弱得多。2011-7-26 10:28 上传下载附件 (14.56 KB) 在有图片的版面中，文字的组合应相对较为集中。如果是以图片为主要的诉求要素，则文字应该紧凑地排列在适当的位置上，不可过分变化分散，以免因主题不明而造成视线流动的混乱。比如下面这个例子：文字元素的大小、轻重、位置各自独立，没有集中，非常容易引起视线的混乱。虽然在字体的处理上下了功夫，但是好像是下过头了。2011-7-26 10:28 上传下载附件 (32.69 KB) 现在把这个版面上的文字整理一下，将次要的元素进行归纳、整理，看看这个效果是不是要好一些？2011-7-26 10:28 上传下载附件 (13.26 KB) 更高层次的文字版面安排这里已经是没有规律可遵守了，这是完全以表达自身感受为主的，更多的依赖作者的设计功力和对文字设计火候的把握，以及对自身情感表现的欲望强烈程度。没有激情的文字版面是苍白的，只有激情的文字版面是无力的。激情加上技艺的是震撼的。这要求设计者的创新概念和大胆构思，不必固执于条条框框。以下是2位设计者的签名设计2011-7-26 10:28 上传下载附件 (21.91 KB) 2011-7-26 10:28 上传下载附件 (21.95 KB) 回复 使用道具 举报 显身卡 缘逸天涯 缘逸天涯 当前离线 经验5914 点威望3 点点券1643 点家元0 在线时间114 小时注册时间2009-3-26帖子919精华17积分7060UID1386162狗仔卡 大家网研究生三年级大家网研究生三年级, 积分 7060, 距离下一级还需 2940 积分威望3 点经验5914 点积分7060精华17帖子919串个门 加好友 打招呼 发消息 4楼 发表于 2009-4-10 11:48:34 |只看该作者 最后部分6.综合应用：封面设计实例在下面这个例子中我们将应用上面所说的规律和要求来完成一个平面作品的文字设计工作，一起实际体会一下文字在平面设计中的精彩应用。作品要求：这是一个书籍封面的设计，书名是野火寒烟，属于自传体的小说。根据书的意境和要求，也是为了配合我们这个专题，我们先将底图准备好，底图的具体制作过程不再详细叙述。2011-7-26 10:33 上传下载附件 (17.48 KB) 根据封面设计的常识，我们知道：应该出现的文字包括书名、作者名、出版社名、日期、引子、联系方式和部分根据调节需要而增加的小文字元素。这么多的文字摆在一起，如果并不小心处理会很容易造成混乱。（1）首先将所有需要出现的文字根据大致安排的位置放在上面。将主要内容放在右边，保证每个字的清晰，避免和图片的冲突。尽量尊重大众的观看习惯。2011-7-26 10:33 上传下载附件 (33.1 KB) 这是没有仔细处理的字体版面。显得比较混乱，视线也容易迷失，观看时容易产生迷惑。下面开始一个一个的调整：（2）首先根据主次的关系将字体的大小进行调整，并对文字的位置做初步的调整。如图：2011-7-26 10:33 上传下载附件 (32.73 KB) （3）根据视线的流动顺序做进一步的调整，以更好的引导观看者。如果：2011-7-26 10:33 上传下载附件 (33.16 KB) （4）降低次要元素在版面中的鲜明度。即视觉印象的先后知觉顺序，同时对部分文字的位置做微调整。如果：2011-7-26 10:33 上传下载附件 (31.89 KB) （5）因为版面是横幅式，所以可以将主要内容书名、作者名的排版格式调整成竖式，如图：2011-7-26 10:33 上传下载附件 (32.45 KB) （6）现在看起来书名有些不舒服，现在先把字距进行调整，同时就要对其他文字的字距、大小、位置和字体进行调整，以保持完整统一的效果。注意：当版面中的主要元素变动之后，所有辅助文字元素同时要进行调整，这就是局部中有整体，整体中有局部。如图：2011-7-26 10