海报设计图标线性-图标设计之线性图标

线性图标的设计要点:

图标基础形状一般由外轮廓内部线条组成。在造型上可以从线条粗细、圆角半径大小、图标复杂程度等方面来考虑。

1、线条粗细

线条粗细不同,图标的力度和重量感也会有差异。

粗线的图标:粗壮、厚重,视觉上看更加突出。

细线的图标:精致、透气。

2、圆角半径大小

圆角越小:视觉上越硬朗和稳重

圆角越大:视觉上越柔美和活泼

3、图标复杂度

过度简洁会导致图标失去该有的识别性,图标太过复杂视觉上会更繁重。

建议在不影响图标识别度的情况下,提升图标的简洁程度同时要表意准确。

4、断点图标

在线形图标基础上面,寻找一个缺口剪断,使得图标具有透气性和线条的变化。缺口的位置尽量保持统一的方向及大小,另外需要控制开口个数,一般不会超过2个。

5、两种线条粗细

外轮廓线条和内部线条用2种粗细大小,丰富图标细节。

扩展资料:

考虑该模块是否为该功能的核心出入口。如果整个产品此功能70%以上都是通过此模块进入的,那么建议采用面性图标;如果此功能还可以通过其他多个模块进入,就可以采用线性图标。

图标设计之线性图标

线状图标是用同样粗细的线条画出的高度概括的图标,能让人赏心悦目,给用户带来创作和应用的乐趣.

(1)圆角图标.

圆形的图标给人亲和力,但也有柔软无力的一面.在图标设计越来越精致的今天,圆形图标的应用行业越来越广泛.比如说,女人,母亲和孩子,孩子,旅行(图片designbyStephenAndrewMurrill)

(2)直角图标.

直角图标给人一种锐利、有力、果断、不邋遢的一面.第一个让人眼前一亮的是魅族系统Flyme6中的图标,是一个直角,给人明亮干净的感觉.

并不是京东金融里的图标才真正更好的诠释了它的内在含义.人们在投资理财时需要做出果断的判断.理财有风险,投资要谨慎.

直角的感觉让人快速做出决定,不要减速,快速买入,快速卖出.如果用圆角的话,会觉得比较软,优柔寡断.于是一下子就被做成了金融领域的标杆功能图标.

(3)断点图标.

断点图标是点、线、面演化的产物.UI兴起之初,设计师不满足于单线功能图标,而是通过点、线、面来增加形式感.

这种风格最早出现在新浪体育,还是很不错的风格.可惜只留在记忆里,网上没有找到之前的设计.(图designbyCatalinMihut)

(4)突出显示的图标.

突出的图标是传统绘画的产物.我们在国画中画画的时候,总是在最后加上高光来做画龙点睛之笔.

高亮的功能图标采用内薄外厚的规则,几乎是十年有断点功能图标的产物.在今天的平淡简洁中,我不会觉得最后一笔是多余的.(图由Udisk6353设计)

(5)不透明度图标.

不透明度图标是调整图标部分结构的不透明度来增加图标的层次.颜色和双色图标一样,但从配色的角度来看,它们属于同一个颜色系统.(图设计者姓名绿色)

(6)双色图标.

双色图标在实际应用中应用广泛,也和百搭图标一样.

一种颜色可以和消色颜色组合,有颜色的颜色可以是企业色,或者代表行业或产品的颜色可以和消色颜色黑色组合.

一种是主色和点缀色的双色组合,但是使用的时候要考虑到当前界面的颜色不要太多,颜色太多容易花掉.(图设计支撑)

(7)线-面组合图标.

线和面图标的结合也是一种出彩的风格,线是一种高度概括的图标,此时面更多的是作为一种装饰性的点缀.

人脸的表达方式有很多种,可以是单色的,也可以是渐变的,还可以提取MBE风格等主要结构形成的人脸,或者图标中闭合路径形成的人脸.

这种风格也广泛使用.(图designbytedkulakevichandrakharneelsharma)

(8)结构图标.

结构图标是一个有争议的图标.我们学画画,老师要我们定型,开始画结构,基本的三大方面五大调都要了解好.

现在结构图标正好相反.比如对于一个具象的图标,我们需要分析每一幅画,看清每一个结构,然后用固定的形式表达出来.

固定形态可以像优酷图标的交叉结构点,像上海魔法园等等.

(9)一个笔画图标.

一笔图标是一种难度系数很高的风格,也是我很喜欢的一种风格.刚才断点图标流行的时候,锤子设计师欧阳念年提出了一笔图标的概念,这在当时也是一个有争议的图标.

当网易云音乐也出现这个图标时,就更有说服力了.一般也很难控制.你基本上应该可以做到,但是视觉上看着舒服还是需要有很深的基础.

(10)标志图标.

Logo图标的难度和一笔一样,需要足够精致才能直接作为应用图标甚至logo使用.

这样的应用屈指可数.说的多了就在设计logo这个大范畴了,自己想想就害怕.就是这样.

最经典的是网易云音乐的logo.其实也属于笔画图标,也是作为logo使用的.它的含金量可想而知.

(11)情感图标.

情感图标是一种拟人化的图标,它提取了人类的五种感官,并将其与图标相结合.这个拟人化的场景模拟了人类在真实场景中的应用.

QQ底部的图标通过移动和改变五官的大小很好的展示了当前场景.QQ是先锋.相信以后会有很多情感图标,会有一席之地的.

设计风格千变万化,也是一个不断轮回的过程,今天就来说一说线条设计,线条是世界上最简单,也是最复杂的艺术,线条设计是最常见的设计表达任何物体的点线面,没有什么是可以离开线性艺术的表现

设计师发挥出创意,将线条分为九种

我们现在来聊一聊线条设计,看看通过添加线条,怎样做出一张脱颖而出的海报,并让它充满了设计感,很好的掌控画面的基调

分为九种线条设计,横线分段、竖线间隔、斜线引导视线、虚线切分、粗线强调、构建框架线、多线段打造韵律、活泼曲线、肌理强化风格

在这些简单的线条约束下,充满了表现力和魅力

01横线分段在画面中添加等宽或者不同的横向线条,可以通过这些线条强调内容的主体,也可以通过这样将画面中的内容进行区分,可以给人一种简单,清楚明了的感觉,视觉上的条理感也很强,在装饰画面上也起到一定的作用

有时还能产生强烈的视觉纵深感

02竖线间隔这也是一种垂直线添加法,这种也是非常贴合中国传统的阅读习惯,竖线的增加,可以给人一种挺拔高大、向上的感觉,很符合我们东方审美,在一般比较庄重,严肃的画面可以添加几根竖线,可以让画面看起来富有生机和活力

03斜线引导视线斜线的设计,可以让画面变得有运动感,并且有更加显著的视觉引导性,我们的视觉习惯总会跟随着线条的引导,注意都主体,不仅可以很有趣的切分区域,更好的引导观者的视线走向,让画面变得更加活泼,多样有趣

04粗线强调粗线就是用来强调的作用啦,对于重要的东西我们都会特别的标记一下,在画面中粗线的存在感更强,可以将视觉的中心添加粗线来强调,它也可以充当占位符号和视觉描点,引起观者的注意力

05构建框架线将文本和其他视觉元素通过添加线条,进行构建一个框架,每一个内容都因为线条的添加,变得整齐统一,加强了整体性,又不失呼吸感,构建框架线可以很好的在画面中产生结构性,不会看起来呆板无趣

06多线段打造韵律这是将线当作为装饰元素,通过一定的设计,很多时候画面出现大量的留白就可以考虑采用多线段的添加,打破了呆板的画面,营造出视觉韵律感,让画面变得有运动感,要注意适可而止哦,控制画面的平衡

07曲线显活泼曲线是最富有美感的流动线,总会给人一种明快、流畅、柔和的美感

极具抒情感和流动感,几根曲线的添加给设计画面带来了有趣、创造性的效果,富有弹性的感觉

08肌理强化风格这是线条添加中最有风格的设计,通过肌理的设计,线条变得更加有趣丰富,和普通的线条添加显得不同,设计师结合肌理效果和线条的使用,可以让整体的设计风格相互融合,在设计中脱颖而出,肌理强化风格犹如锦上添花

09虚线切分虚线的处理是十分微妙的,恰到好处的设计,让设计更好的表现,在设计时,要注意虚线和画面的整体性,让虚线很好的融入设计,更加灵活地在画面中使用,也可以起到引导作用,虚线的设计可以让画面看上去更加轻松,相比其他线条不会更加突兀