让设计变得简单
简单是设计的最高境界,创作一个漂亮的设计往往用最简单的表现形式就可以胜任,但简单并不代表容易,事实上,很多设计人员都走过一条从复杂到简单的风格路线,这说明设计简单的作品是需要经验积累的。在本文中,我们将元素“最少化”,只用一条线,就可以创作出让人过目不忘的效果!
简单的设计是一种经典的设计,能够给人深刻印象,而且制作成本并不高。我们在本文中介绍只用一条线就可以设计出漂亮作品的九个实例。
当你在 Banana Republic 零售店购物时,在收银台旁边有一份信用卡申请书吸引了你的眼睛。它为什么有这种效果?——它基本上只是一个黑的页面,而它的力量正是体现在它的简单风格上:一种强有力的颜,一行字再加上一个您熟悉的区域——这就是它的全部构成。如果加入照片、图案、其它线段等其它东西,都会削弱整个设计。对于设计师来说,这种风格让人非常着迷,因为它是如此的简单。
简单的设计是一种经典的设计,能够给人深刻印象,而且制作成本并不高。我们在本文中介绍只用一条线就可以设计出漂亮作品的九个实例。
当你在 Banana Republic 零售店购物时,在收银台旁边有一份信用卡申请书吸引了你的眼睛。它为什么有这种效果?——它基本上只是一个黑的页面,而它的力量正是体现在它的简单风格上:一种强有力的颜,一行字再加上一个您熟悉的区域——这就是它的全部构成。如果加入照片、图案、其它线段等其它东西,都会削弱整个设计。对于设计师来说,这种风格让人非常着迷,因为它是如此的简单。
one_line_design01.jpg (43.63 KB)
2008-12-26 10:33
一个信用卡形状的线框已经充分传达了它里面的信息(如果你真的不留意,在它的背后也有文字说明)。整个申请书的封面延伸了信用卡的黑,既简单又有很强的冲击力。
one_line_design02.jpg (38.24 KB)
2008-12-26 10:33
让设计变得简单:从描边开始
我们可以用钢笔工具对很多图片的轮廓进行描边,而你需要的只是一条清晰的轮廓线。非常适用于一个单独的对象(见图)或者一张较大的图片上。
页面设计风格
one_line_design03.jpg (41.84 KB)
2008-12-26 10:33
在上图中,我们的背景使用了草绿——颜属于中性,这使到它能够同时与白及黑产生良好对比。
突出叶子或名字。留意上图与 CD 图片的区别。叶子中间的文字在 CD 中是用了白,所以名字很突出。如果我们想突出叶子,则需要降低名字的不透明度,而叶子则使用白。
让设计变得简单:采用装饰性图案
对钢笔工具不熟悉?那我们可以使用一些装饰性字体,它们所呈现的图案非常有趣,我们只需要传达出它的轮廓,然后再调整轮廓线的粗细即可完成。
下图图案为“ D ”的其中一种装饰字体
one_line_design05.jpg (49.74 KB)
2008-12-26 10:33
在一个黑的背景中,一个浅的区域就算面积很小时,都会非常显眼
one_line_design06.jpg (10.29 KB)
2008-12-26 10:33
让设计变得简单:将字母作为图案
字母不仅仅能够表达字面上的意思,在字体很大时,它们其实就是一个艺术图案。寻一种漂亮的字体,用大写字母,然后表达其轮廓。
one_line_design07.jpg (27.58 KB)
2008-12-26 10:33
在应用时应该避免视觉冲突:在下图第一个效果中,重叠的字母颜上造成了冲突,所以我们必须降低背景字母轮廓的不透明度(见下图二)。
one_line_design08.jpg (58.65 KB)
2008-12-26 10:33
让设计变得简单:图片局部描边
如果图片的细节非常多,我们就要寻其最能表达出其特征的轮廓线。下图中,我们描绘出建筑的某部分轮廓,这种线条式的设计其中一个特点就是可以让一张并不清晰的图片重新让人获得深刻印象。
one_line_design09.jpg (61.13 KB)
2008-12-26 10:33
只用一条线就可以传达出清晰的信息。如果象下图中,描绘太多细节,将大大降低作品的视觉效果。
one_line_design10.jpg (13.15 KB)
2008-12-26 10:33
让设计变得简单:剪切图片
我们并不需要将整个元素都描绘出来才能表达元素的特征,特别是对于那些具有图标特征的图案,如下图的 圣路易市的 拱门( Gateway Arch )。所以要仔细观察图片,决定哪部分才最能表达出图片的特征,而其余的则不需要作用。
one_line_design11.jpg (59.49 KB)
2008-12-26 10:33
因为这种一线式设计对所有的细节(如颜及图案)都视而不见,只集中表现其轮廓的外观特征,所以在上面这个拱门的建筑上,我们需要采用其下图左拱形的部分,而不是下图右的部分。
one_line_design12.jpg (27.26 KB)
2008-12-26 10:33
让设计变得简单:重复元素
当你有了一个轮廓图案后,重复应用它。而在具体实用中我们可以改变每一个的角度、大小及颜,以使整个版面形成层次感。
one_line_design13.jpg (59.21 KB)
2008-12-26 10:33
在下图 A 中,两个圆同样大小,颜也一样,所以不能产生层次;而 B 中,将其中一个圆缩小,就可以使版面形成远近的层次; C 中,我们再降低那个小圆的不透明度,则会进一步加深层次对比。
one_line_design13_2.jpg (8.06 KB)
2008-12-26 10:33
让设计变得简单:修饰线条
每一条线条以粗和细、平滑及扭曲呈现时,都会传达各自不同的信息。在下图中,我们刻意将辣椒的轮廓线扭曲,以传达出一种火辣及兴奋的感觉。
one_line_design14.jpg (44.6 KB)
2008-12-26 10:33
下面两个轮廓线都能够表达出辣椒的外观特征,然而,为了表达出辣椒那种“火辣”的感觉,右边的图案无疑是更佳的一种选择。
one_line_design15.jpg (32.24 KB)
2008-12-26 10:33
让设计变得简单:只描绘阴影部分
另一个表达元素的方法是我们只描绘出对象在光照时的阴影轮廓。
one_line_design16.jpg (55.46 KB)
2008-12-26 10:33
这种设计关键在于光照的角度要掌握好,这样才能够产生理想的阴影轮廓,请留意上方图片,当我们对“ H ”这个字母照射时,在 45 度的光照效果比在旁边水平照射的效果要好得多。
one_line_design17.jpg (14.11 KB)
2008-12-26 10:33
让设计变得简单:从线条开始
用线条(技术上说,是一条线)描绘的元素可以传达出非常漂亮或电子信息感的印象,它可以将复杂的图片简化,并将本来平淡的元素变得有趣。对于一些原来缺乏冲击力的图片,这样处理是一种非常不错的补救办法,如果应用在网页上,在信息交换上也效率十足。
design_talk_4_01.jpg (35.83 KB)
2008-12-26 10:33
居中排版:如果说,设计一个典雅的封面有什么技巧,那就是,用一种温和的颜,字体尺寸要小,有大面积的开放空间,并用线条来描绘元素(包括边框),线条的粗细均相等。
不同的线条:
一张有清晰轮廓的照片,用钢笔工具沿边缘描线。你可以将不同的照片结合在一起也行。如果是对字母、数字及符号进行描边,那更加容易。线条可以是多种多样的,可以应用细线,粗线,点线或加上各种颜的线条(见下图的几个例子,从左到右:描边,粗线条,点线,重叠)。一般来说,线条越细,出来的效果显得越经典,很有艺术味。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论