美文网首页关于设计
设计,从一句话开始(转载)

设计,从一句话开始(转载)

作者: 奚辰 | 来源:发表于2015-02-19 23:00 被阅读130次

        学画画从画一个鸡蛋开始,如果设计也如此,那么就从设计一句话开始吧。给你一句话,不加任何图片,你会怎么设计排版。

        今天,我们借用木心的《从前慢》来探讨下怎么把单纯的一句话设计得符合诗歌的格调。

        因为只有一句话没有图片,所以我们需要考虑的因素大概有:

        字体 配色 排版 文字修饰

    附:

    从前慢

    作者:木心

    记得早先少年时

    大家诚诚恳恳
    说一句 是一句

    清早上火车站
    长街黑暗无行人
    卖豆浆的小店冒着热气

    从前的日色变得慢
    车,马,邮件都慢
    一生只够爱一个人  


    从前的锁也好看
    钥匙精美有样子
    你锁了 人家就懂了


    一、字体的选择

        事实上对一句话的设计排版,在字体上并没有严格的要求,无论是无衬线体、衬线体、手写体抑或其它,只要和文案的风格相搭配,就可以使用。

        如下图左边使用无衬线体给人典雅轻松的感觉,右边使用类似喷漆的字体给人年轻豪爽的感觉。

        

        在这里我选择使用衬线体——华文中宋。衬线体给人以严肃、怀旧的感觉,和《从前慢》的格调相搭。


    二、配色:

        因为这里我是要营造一种清新文艺怀旧的感觉,因此不宜使用过饱和的颜色,相反,选择色彩饱和度相对较低以及黑白灰会是绝佳的选择。这类颜色没有附加太多的感情,给人带来沉着宁静

        在这里我选择浅灰色来作为背景,深灰色作为文字颜色。


    三、文案的排版

    1、关于对齐:

        设计的四大原则之一就是对齐。在这里有左对齐、右对齐、居中对齐以及两端对齐。我们无论设计什么,对齐是一个最基本的要求,同时也是一个设计师的基本修养,特殊情况除外。

        值得注意的是,当两行字数不等时,两端对齐需要一些技巧,一般有:牺牲字距法、牺牲字号法、填充空白法。

    2、字体大小:

        使用小号的字可以换取更大的留白,人们在阅读的时候需要集中精力才能看清楚文案,而不是匆匆扫一眼就能看清,给人以精致而不是廉价的感觉。

        从下面两张图的对比我们可以很清楚地感受到差距。

    3、字距:

        宽字距给人造成一定(一点点)的阅读障碍,也因此使得文案很耐看。保持宽字距有时可以带给用户完全不同的感觉。

        对比下下面两张图,下面那张用了一点点橡皮擦除使其显得残破。

    4、文本方向:

        文本方向有横竖两种。现代我们接触最多的就是横向文本,如果我们在排版的时候使用古时常用的竖向文本,会对阅读造成一定障碍,同样的也会使得文案变得耐看,且有韵味,因为我们习惯把竖向文本和古籍联系在一起。

        除了横竖之外,你是否还想过更罕见的文字翻转,这种造成一定阅读障碍但把握适中又不至于无法阅读的技巧,在某些时候,是点睛之笔。

        下面图中的“生”和“人”两个字翻转过来,正好是“人生”二字,其他字模糊处理,突出层次感和主次。

    5、大小、位置参差法:

        把每个字的大小和位置设置为参差不齐,是一种常用的提高耐读性的手段。

        使用的时候注意两点:一是一般大小和位置差距不可太大,特殊情况除外;二是大小和位置差距不可太微小,否则那种暧昧的大小差距会让人抓狂,尤其是设计师。

    6、组成形状法:

        把文案排版成一个形状,会使得排版有趣且有创意。

    7、黄金分割线:

        经典位置,不一定要使用,但请不要忘记。

    四、文字修饰

        这是很重要的一个部分,巧妙的文字修饰可以给文案添加更强的耐读性。

    1、 残缺字体:

        让文案不再完整,让每个字残缺,轻微阅读障碍不仅使得阅读变得缓慢提高了耐读性,同时也使得文字变得有趣而罕见。

    2、汉字特有的拼音和田字格装饰:

        在汉字的上方或者下方加上对应的拼音,虽然绝大部分用户不会去阅读拼音,但是它的确吸引了用户的注意力,也提高了耐读性。

    3、标点符号修饰:

       使用大号的句号、顿号、逗号、分隔号、着重号甚至制表符,同时保证他们不会夺走文案的主要位置,保持辅助修饰的功能,可以让你的排版不再单调。

    4、  线:

       单独把线拿出来讲,是因为线在其中起到千变万化的奇妙作用,以至于很难总结它。在这里绝不仅仅指直线,曲线、蚂蚁线都包括其中。本文中其他地方的部分图片便使用了线这个元素。

    5、  字体纹理:

       尝试给字体添加纹理,而不再是单调的纯色。有一种在字体里面填充图片的方法(暂且这么说吧,事实上在PS里更多的使用“剪切蒙版”来实现),推荐使用。见第六点图。

    6、简单图案:

       相对于阅读文字,人更喜欢看图片。因此有实际意义的简单图案可以给文案添加趣味性和耐读性。

    7、  印章:

       这是一个不规则的但却可以带来无限韵味的修饰图案,同时它本身也可以少量承载文案,使用它来装载作者名、年份、标题再合适不过。


        也许有些地方我没补充到,但可以看出,简单的一句话的设计都能牵扯到如此多的一些地方。总而言之,先想清楚文案需要什么风格的设计,然后尝试着去制造适中的带有美感的阅读障碍吧。

    相关文章

      网友评论

        本文标题:设计,从一句话开始(转载)

        本文链接:https://www.haomeiwen.com/subject/wsnyxttx.html