设计技巧汇总.pdf

《设计技巧汇总.pdf》由会员分享，可在线阅读，更多相关《设计技巧汇总.pdf（13页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、线条构成文件用线条（技术上说，是一条线）描绘的元素可以传达出非常漂亮或电子信息感的印象，它可以将复杂的图片简化，并将本来平淡的元素变得有趣。对于一些原来缺乏冲击力的图片，这样处理是一种非常不错的补救办法，如果应用在网页上，在信息交换上也效率十足。居中排版：如果说，设计一个典雅的封面有什么技巧，那就是，用一种温和的颜色，字体尺寸要小，有大面积的开放空间，并用线条来描绘元素（包括边框），线条的粗细均相等。不同的线条：找一张有清晰轮廓的照片，用钢笔工具沿边缘描线。你可以将不同的照片结合在一起也行。如果是对字母、数字及符号进行描边，那更加容易。线条可以是多种多样的，可以应用细线，粗线，点线或加上各种颜

2、色的线条（见上图的几个例子，从左到右：描边，粗线条，点线，重叠）。一般来说，线条越细，出来的效果显得越经典，很有艺术味。封面：设计一张图片相框式的封面最近你有没有去过售卖艺术品的商店？用多张相片放在一起组成的相框现在特别热销！它们显得干净整洁，象网线排列，挂在你家的墙上，蓬荜生辉，当然，应用在页面上，效果同样不错。设计师长期以来都在使用网格线来安排版面，所以借用一下也合情合理。多张相片整齐放在相框里，效果当然要比那些在墙上挂满尺寸参差不齐的相框出来的效果要好很多。应用在设计上，同样有这种效果。注意上面大图中这个版面的层次感：背景区域是采用一种中性的颜色，可以同时与图片中的深色及浅色形成对比，从

3、而使整个版面呈现深、中、浅的层次感。要应用这种方法时，首先要确保在一个版面中所有的图片尺寸要一样大。然后再根据图片的数量来组织成行或列或组，位置可以是向页面中心对齐（稳定、平静）或偏向一边（紧张、兴奋）。字体要小！均中或偏向某一边，效果一样不错。版面：在一种特别的照片用上多个说明在我们前面的一篇文章中，我们曾经告诉你我们是很喜欢这种在图片上加上多个说明的排版技巧的，要记住的是：一定是要多个说明文字，而不是仅仅一块文字。这种技巧用在一些大图片上，效果特别不错，象是在同步传达图片的信息，但我们使用这种技巧最大的原因是，每一张照片我们都有“很多个故事”要讲给观众听。半透明的文字背景：这张照片魅力十足

4、，所以在使用上，照片应该尽可能放大，然后直接在图片上方使用说明文字。背景框线条一定要细，字体形式要简单，切忌使用花里花俏的字体，某些背景设为半透明（可以填充浅灰色，再设置不透明度），使图片局部传达一种若隐若现及灵巧的感觉。名称：在名字中加进图片有时候，产品名称与产品本身就是天生一对，试一下这种技巧，将文字与图片紧密结合，可以比单独的文字给人留下更深刻的印象。有两种情况：一种是将图片直接插入，如上图中，盆景是一个说明性的图片，很容易“阅读”，加进IKKO 的名称中。从示意图可以看出，要将图片当作是一个字母来对待，各个间隔要相等。第二种情况：将图片代替其中的一个字母这种情况不是总会发生，即你的产品

5、不仅仅配合文字意思，而且其形状还与名称中其中一个字母形状接近，如上面的例子，其产品刚好形成其中一个“h”，或者一个边缘圆滑的球形成为一个“o”。虽然你不一定总这么好运，但如果碰上了，尝试一下，不亦乐乎？布局的平衡影响视觉判断人类潜意识里会追求一种平衡感，这种平衡感的需要会影响我们创造的各种东西，不管有意无意，我们对平衡的感觉都会很微妙的影响我们视觉的判断，我们潜意识里对平衡的追求决定了我们在观察到的很多事物中都会有意无意地去寻求这种视觉的稳定感。比如，如果标题过长，使整个版面显得缺乏稳定，我们可以标题分成几行，然后安排在统一的轴线上，来获得比较稳定的感觉。让你的宣传单更易读一些基本的设计原则可

6、以让你的页面更醒目。文艺复兴之旅展览：参观这种展览会总会给人无穷的遐想，但是如果交给一个比较无趣的设计师去做推广，可能会给人没有什么新意的感觉。所以这种推广设计要更用心。能用于宣传单设计的图片有会展的标志，还有一些版画，会展的艺术品非常吸引人，你的宣传单也应该同样独具风味。至少这是你希望达到目的。不过你可能试了很多种页面布局，但是都显得比较呆板，没有生气，虽然有很多漂亮的图片，但是页面没有动感，比较僵硬，到底有什么问题？主要原因是你没有利用元素大小和轻重的差别。如果能妥善处理这两个方面，你就可以引导读者按照你的意愿浏览页面了。这样不仅让你的设计更漂亮，也可以让你的宣传单更易读，下面我们看看怎么

7、做。未修改之前，这个布局中规中矩，比较静态。主要问题是没有大小和轻重的对比，虽然图片和标志本身都不错，但是他们基本上都差不多大小，有相同的尺寸，因此缺少一个视觉上的焦点，读者不知道往哪里看。还可以增加轻重的对比来改善布局，每个设计上的元素都有重量，颜色比较暗或是线条比较粗的图案看上去比较重，用余光瞥一下页面，看看各个部分的轻重的不同。原来的设计中，除了文字，其他的元素重量都差不多，所以造成页面比较乏味。修改后就好多了，大小和轻重都有了充分的变化和对比，页面比较生动，有活力，下面我们看看是如何做到的1 挑选一个主导元素然后将它放大或加重。记住，要达到君临天下的地位取决于大小和重量两方面，如果只是

8、尺度比较大,重量不足还是起不到作用。为什么要有一个主导元素？图形大小和重量的差别可以引导读者浏览页面的顺序。当我们的目光扫过页面的时候，最先注意到最大，最重的元素，然后是小一点轻一点的，这样按照顺序浏览完整个页面。事实上，我们是通过元素的不同来引导读者的视线。上图中，艺人形象的图案是主体，图中的数字代表读者浏览的顺序。有经验的设计者会利用这个原理，调整图形的大小来引导读者按照既定的顺序浏览。在这个例子里，艺人的图案为主体，注意其他的图形是如何按照不同的大小排列来引导读者目光的。调整其它图像的大小其他元素都比主题的图像小或是轻一点，很多时候你都需要按照大小设置元素，大中小不同的元素组合在一起，读

9、者的目光会按照你的设计来移动。2 创造字体上的对比利用大小，轻重还可以创造标题、文字和图形注释之间的对比，对于标题，我们使用了粗壮的Compacta 字体与正方优雅的衬线字体（Cochin 字体）形成对比。将标题的字体缩小，否则会与艺人图案形成冲突，同样道理，注释也采用了一种较粗的非衬线字体。这样标题、正文及注释都形成了对比。上图大图中，标题无疑是处于一个主导的位置。由于其文字非常大，所以采用一种细体就能够产生良好的视觉效果。如果在原来的设计中，标题非常小的话，我们还采用这种细体，则信息就会无法有效传达（上图小图）。加强读者的感受文字传达信息，图形则表达情感。如何给宣传单张增加一些趣味和变化，

10、同时又照顾到可读性和设计准则呢？最好的方法就是运用图形，当然首先要了解图形传达信息方式和文字的不同，文字传达具体的信息，而图形更多的是一种感觉，图形的目的是产生某种氛围，而不只是复述文字传达的信息。图形和文字可以通过很多方式协同工作，记住他们之间是相互联系的，改变其中一个就会影响到另一个。这种互动的关系可以说是非常有趣的，甚至可以产生惊喜。下面介绍四个基本的方法来协同文字和图片。右图中，这个宣传单张过于直露，反而让人一下子 抓 不 住 它 的 主 旨，虽 然 用 了“注 意”（attention）一词但却没有引起太多的注意，于是又加入了醒目的黄色背景，但效果又有点过了，我们还是根据它的具体信息

11、来进行设计吧。修改之后图形和文字整合的很好，还有什么比挂在树上晃来晃去更能传达“休闲”的含义？白色背景也显得舒适休闲，标题采用Fashion Compressed 及 Myriad Tilt 两 种 字 体，正 方 是Garamond Light Condensed 字体。1、图形和标题字体一样大你会怎么和同事们说休闲日的事儿，你说：星期五是休闲日，yeah，这就是你的标题，一个很好的设计起点，然后呢？然后是如何加入一个图形突出你的要点，这里的要点是“休闲”，翻翻你的图片库，找到一张倒挂的小负鼠图片，它是那么的悠然自得，这正是你要传达的。然后呢？在这个例子中，上面是标题，小动物挂在下面，接下来

12、文字就比较好排布了，注意例子里面文字左边留有较宽的空白区域，最后出来的效果就是：标题传达直接的信息，图形则传达出您的感受。2 大标题，小图形下面的处理方式中，标题是设计的重点，图形起陪衬作用。标题字体很大，左对齐，正好最下面单词的右边可以排布下文字，字体大小产生强烈的对比效果。这种设计手法非常简单而且充满乐趣，还可以与很多不同字体配合（见下图）。上图左一标题是Fashion Compressed 字体，图左二和左三标题是Franklin Gothic Condensed，文字均为Garamond Book Condensed 字体。3 大图形，小标题这个例子里图形是老大，图形传达的信息不像文字

13、那么直接，不过更令人玩味。不论是倒挂的小动物还是讲座都不是直接联系到“休闲日”的主题，但是又有某种联系，记住，图形的作用是创造一种感觉和氛围。例子中的图形很拙朴，配合简洁朴素文字，居中或是左右对齐都可以，同时注意留白。如果你是个新手，可以暂时不必用纵向的辅助线对齐，看着大致差不多就行了，如果你图形工具比较熟练，运用辅助线可以使设计更专业。设计人体模特效果说到iPod，那我们可以再谈谈同样具有iPod 风格的设计，你可能已经在一些有关iPod 的广告中看到过这种风格，在广告中的人物只有轮廓，没有细节。这一招我们可以拿来在其它地方用一下，比如，作为衣服展示的人体模特：我们将模特的所有细节都去掉，只

14、留下身上的衣服，不用想都知道：这件衣服理所当然会成为读者的视觉焦点。上图左的图片，说不上好也说不上坏，反正就是没有什么特色，显得很普通。而象上图右这样的处理，则效果完全不一样，极具视觉冲击力！但你有没有注意到一点：原来图片中的这个模特的发型太过淑女Feel，而我们希望是一个辣女形象来配合这些服装宣传。自己当一回发型师吧，在PS 里用橡皮胶工具或其它涂抹工具对她的发型动一下：在实际的推广中，你可以只保留一件衣服或两件同时用上也可以：这种设计在实际中其实还有一个好处：使你寻找图片更加灵活，长得漂不漂亮没关系啦，反正两眼一抹黑。其实这种效果还有一个变化，即，里面不是填充黑色，而是用线条表现：如何做这

15、种效果？其实并不难，不过所用的图片必须是有清晰的轮廓，里面的衣服等元素没有被其它元素阻断。版面：设计正方形封面下面这个封面设计使用了图片本身的网格元素来安排版面！将一个正方形的版面分成四个区域，将图片的视觉焦点放在其中一个区域中，而标题则放在对角的那个区域，轻易使版面产生有趣生动的视觉效果。首先要安排好网络：我们可以将整个图案一分为四，注意，为了让图片的视觉焦点处于其中的一个区域中，我们需要对原来的图片仔细剪切。边框线为白色，使区域显得更清晰。其实，在图片上简单加一个边框，就已经足够引起读者的注意。你可以在以后的设计中尝试一下，使用边框可以使多个元素产生结合、连接、聚集的视觉效果。当然，边框所

16、传达的信息与图片本身及版面结构有密切关系。左上角是我们选定的焦点区域，在右下角，我们可以将这个区域填充，填充的颜色取自于图片（上图中是用吸管在草地上取了一种草绿色的颜色），然后再降低该区域的不透明度，降低不透明度突出图片是为了保持视觉的完整性。最后就可以加上标题了。标题应该放在该区域的左上角，与整个版面的结构配合。商业卡片：漂亮加实用的设计这个设计值得每一个设计师深思：设计如何与营销完美结合？事实上，这个看起来并不起眼的设计获得了多方的赞誉。这是一张商业卡片，但也同时是一个小信封，里面装着一些草的种子样品。同时，这个设计的颜色、纸张纹理及视觉元素都充满传达出一种大自然的环保气息，而且采用人工凸版印刷，纸张采用再生纸，可循环利用。封面：更少的硬币产生更好的封面效果负空间往往被人忽略，但如果没有负空间，图片就缺乏冲击力。让我们看一下这个螺旋扣装订的封面是如何设计的：密不透风，缺乏冲击力：这种将所有版面空间都挤得满满的设计让观看的眼睛无从停靠，发散的视觉效果注定其缺乏冲击力。将硬币弄少一些，立即改头换面。现在版面有了呼吸的空间，而且硬币的摆放位置还巧妙地引导视线去到标题上