AI识字 字体品牌 字体合集 字体资讯
字体资讯 > 技巧教程
{{article.user.type=='by-origin'?'原创':'转载'}}by {{article.user.name}}

该文章未提交审核, 请编辑完成后提交审核。

该文章未通过审核,感谢您对字由的贡献。

该文章正在审核中,通过后将会自动显示在字说字话页面。

这 4 个超实用的线元素排版,看完就会做~

{{tag.name}} 字体{{length(article.fonts)}} 评论{{article.comment_count}}

转载自 {{article.sourceName}}


单线设计简单、干净、优雅,没有过多的细节,不受使用场景的限制,还会给人们带来舒适的视觉效果,感受下单线设计的魅力。



线元素是构成视觉设计的基本元素之一。几何定义中,线具有长度却不具有宽度,而视觉艺术中,线具有粗细、浓淡、曲直之分。但其实,所有的线都是由直线和曲线两大基本形态组合、变化而来的。线的不同,其表达的含义也会有所不同。



同时,线还具有一定的指向性,所以我们可以利用线元素进行分割、编排或重新布局,也可以借助线元素强调局部与文字信息。



大自然中就存在诸多线的形象,例如江河湖海、长城桥梁、梯田农阶、山峦叠嶂等等,这些在人们的眼中都是可以简化为优美的线条。


线元素,存在于生活中,也存在于艺术作品中。



回到平面设计中,简洁、美观的画面往往能给人舒服又优雅的感受,但是要设计这种画面,却并不是件容易的事情,那么今天,我们来学习一下,如何运用线条元素做出简洁、美观又具优雅的设计



善用轮廓线


轮廓线,又叫“外部线条”,指形体面的转折结构,决定了物体的形状,是构图中个体、群体或景物的外边缘界线,是一个对象与另一个对象之间、对象与背景之间的分界线。


轮廓线最大的特点是以表现感官视觉对物体形态轮廓界限为主,它在感官形态中是抽象的,但在写生中又是客观的。


轮廓线的方法常用于一个单独的对象或者较大的图片上。


中国地图轮廓线

汽车轮廓线

猫轮廓线


如果我们需要设计一些线条式的东西,最为简单的一种方式,就是将所需要的元素进行轮廓描边,这样的作品简洁又比较有冲击力。


接下来,我们来看几个案例。



这是一张信用卡公司的申请书卡片,它放在简洁的纸板立牌上。卡片的封面为黑色的背景,上面印有白色的轮廓线以及广告信息。


当我们第一眼看到它的时候,有人会觉得这个设计太随意了,与普通的封面设计并没有很大的区别。



但事实并非如此。相比较上图的线框与字体,信贷公司的卡片设计有着它独特的力量,而这种力量不仅是体现在它强有力的背景色上,还体现于它的整体构成。



卡片是由一个白色的轮廓线来定义的,这个轮廓低调且美观,同时也是在用这个轮廓来描绘其公司信用卡的形象,为这个轮廓线赋予了它自身的意义所在。


除此之外,整张卡片的背景色与轮廓线形成了一个非常明显的对比,使我们的眼睛更加专注卡片的内容,这是一个优雅的方式,也是让人着迷的设计风格。


这种运用线条来突出产品的设计还有很多,例如浴室维修公司的平面设计。



这张卡片与上述信贷公司的卡片所运用的概念几乎相同,只是表现了不同的主题。


作为一家浴室维修公司,我们可以运用浴室里会出现的物体进行突出,浴缸正是一个不错的选择。这家公司的卡片主体是一个带脚浴缸的轮廓线,线条与页面上的边框相呼应,整体看起来十分巧妙。


设计的巧妙在于,卡片让不同的元素以自己的方式保持一致性。



字体:卡片选用的字体为Adobe Garamond衬线小号字体,带有着一种缓慢的复古气息。



颜色:卡片选用了一种温和且饱和度很低的绿色,使画面的设计柔和又宁静。



排版:卡片选用了居中的排版形式,设计的整体看起来慵懒而安静,同时也留下了大量的开放空间。所有的元素都以自身的方式放慢了速度,使画面不显张扬,给人一种舒适的感觉。


这一切都始于一条线,且非常容易实现。



这条线正是浴缸的轮廓线。我们可以在搜索引擎上找到一个老式浴缸,运用钢笔工具对其进行轮廓的描绘,便可获得简洁又优雅的单线元素。这就是单线设计的巧妙之处。


单线设计没有背景细节,也没有不必要的元素,简单又纯粹。



当然,轮廓的线条不一定只是一条线,它可以是重叠的,也可以是粗线、虚线、彩线,没有限制,甚至有更多的选择。


有时,运用轮廓线进行的单线设计可以挽救一张糟糕的照片。



这是一张枫叶的图片,它有着好看的颜色、好看的轮廓,但却有一个比较致命的缺陷,就是画面虚焦了,所以导致图片无法使用。


但我们可以根据枫叶的轮廓将其变成单线。



这个单线可以运用到很多东西中,例如将它放置在CD封面中。



这是一张简洁的CD封面,封面采用的颜色属于中性,这使白色的线条及CD的黑色框产生良好的对比,不用去考虑其他太多的元素。即便是一张并没有虚焦的照片,我们也可以采取单线设计的做法。



如果想让这个封面变得更有层次感,我们可以在枫叶轮廓内部加点原始叶子的光泽,吸取颜色后降低透明度,那么这个封面就会在原始的基础上更具吸引力。


除了单纯使用轮廓线的方法,我们还可以将轮廓线与照片结合在一起。



这是一张分辨率超低的旧金山天际线照片,也是一张无法使用的照片,与虚焦的枫叶是同种概念,那我们可以怎样使用它呢?



我们可以对建筑物进行局部描摹。相比起枫叶的描摹,建筑的轮廓描摹更为简单,因为它们都是直线,我们可以忽略掉任何不需要的部分,留下最好的轮廓即可。


局部描摹的方法多用于细节较多的图片中,这样的方式可以使一张不出众的图片重新让人获得深刻的印象。



建筑轮廓的单线设计简单不张扬,与画面形成了鲜明的对比。它没有抢去图像中机器实物的焦点,而是成为一个次焦点,使关键图像更加鲜明。


建筑物的轮廓线不会抢夺人们的视线,所以你不会去在意它,因为它是个非彩色元素。白色线与白色“San Francisco”完美地结合在一起,所以线条就像是隐形的元素,它们可以融入画面,与任何东西相搭配,在没有人注意的情况下给人留下舒适的印象,并且不受限制。


如果你的素材是一张照片,那么两张图片的结合是很困难的;但如果你将照片换成线条后,使两张图片形成互补就不会产生冲突了。



善用字体元素


在我们日常生活中,字母、数字或者字体都会在设计中体现。它们不仅是作为一种直观信息的表达,也可以作为一种装饰,给人独特的视觉体验。在设计的时候,我们也可以将其呈现出线条式,简洁又具创意。



在这个世界上,有着上百万种装饰品和装饰性字体,而上示的字体它们被称为“Poetica Ornaments”字体,我们可以取一个喜欢的图案,将它当成是普通字体那样,然后将其转化为线条式。



转换为线条式之后,它就可以成为你设计作品中的一个素材了。有时候,像这样的单线设计,更利于线条元素和作品两者的结合。一旦你使用了单线设计,再去尝试各种线条、粗细变化和颜色变化就会变得更简单。


同时,普通的字体也可以采取这样的方法。



这里的“Trinkets”是Kabel Ultra字体,我们将它描摹变成线条式,再去掉填充,给轮廓线添加颜色,会得到怎样的效果呢?



这时的字体不是仅有黑色的呆板,而是多色的活泼了,至少有了颜色它不会显得太单调。



如果可以,我们可以给它进行一个变形,将字母两边向内挤压,那它就能成为一个很酷的产品小标签了。


类似的操作可以带来无穷的变化。



不同的字母、不同的场景,都会带来不同的效果,并且操作简单。通常来说,运用轮廓会使简单的字母看起来更加独特。


除此之外,我们还可以将建筑物轮廓线与字母线条结合起来,形成与众不同的线条感设计,却又能突出设计作品的主体。但这种做法会比普通的单线设计更为复杂。




善用物体阴影面


如果我们想抛开常规的轮廓线、字母的线条式做法,那不妨尝试一下用物体的阴影面线条。阴影面的产生,则必须要有光源,但是在大多数的设计项目中,除了包括太阳、月亮、灯等的插图外,其他物体的光源都不可见。所以,我们需要确定一个假想光源的位置,并设定其效果,最终便会得到一个更现实、更一致的外观线条。



我们用字母做一个案例,想象一个光源来自某个方向,再画出与光线相反的阴影,接着删除原来的字母。



光的方向与成品图的美感有很大的关系,这取决于你选择的形状以及你对阴影的想象。这一个步骤十分考验设计师的能力,选择的不同带来的效果也会有所不同。


现在,我们将这个阴影面线条的概念运用到现实的物体中。



银制餐具是生活中十分常见的物体,我们想象光源从右下方照过去的效果,然后以此来绘制银器阴影面,就会得到带有凹凸感的单线设计。


照明的角度十分关键,只有光照的角度掌握好了,才能够产生理想的阴影轮廓。通常情况下,45°的光照效果比水平照射的效果要好很多。



这个银制餐具的单线设计可以运用到封面的设计中,特别是关于餐具、饮食的书籍封面,简洁又不失优雅。



善用重复元素


重复是设计四大基本原则之一,视觉设计的重复元素可以涉及各个方面,包括颜色、线条、形状等,合理使用重复可以使画面更有视觉冲击力,吸引用户的专注力。


而线条是规律性很强的元素之一,重复出现的线条以不同的排列组合出现给我们产生的视觉感受也是多种多样。



这张海报使用了无数个鱼的轮廓,将轮廓填充后改变其角度和大小,最终形成一个汇聚的图案,给我们的视觉造成一个引导的作用。而轮廓填充以及字体的白色与背景形成鲜明的对比,将海报的主题进行突出,形成层次感。


除了大小和角度的不同,我们还可以改变线条元素的颜色。



在具体实用中,不妨重复使用一个图形轮廓线条,改变它的每一个角度、大小或者颜色的方法,使整个版面形成层次感,同时也会让画面显得生动有趣




版权声明:{{article.isOrigin?'本文系字由用户的原创内容,未经许可不得以任何形式进行转载':'本文转载自互联网,如有问题请通过意见反馈与我们联络'}}

相关字体

文章评论

评论
{{item.user.name}} {{item.timestamp|time}}
{{item.content}}
{{item.reply.user.name}}: {{item.reply.content}}
回复
回复

还没有人留言

查看更多 >

字体地图