建个网站一年多少钱:进阶之路 手绘元素在网页设计中的8大利用办
本文摘要: 大多数时候,站长在做网站都是奔着网站外观大方、功能齐全去的,不过有些站长却希望自己的网站能够看上去更有趣、更具个性化色彩。手绘元素就是在这个时候被引入进网页设计之中的,因为它可以用来增强网页设计的吸引力,营造轻松、和谐的氛围,传递愉快、自

 

大大都时分,站长在做网站都是奔着网站外观慷慨、功用齐全去的,不外有些站长却盼望本人的网站可以看上去更有趣、更具个性化颜色。手绘元素就是在这个时分被引入进网页设计之中的,由于它能够用来增强网页设计的招揽力,营建轻松、调和的氛围,传递愉快、自在的情绪。近年来,手绘元素在网站中利用地愈来愈频频,差未几成为了一种设计趋势。那么在网页设计中,手绘元素通常表演什么样的人物,又能起到哪些作用呢?今天小飞主要就这一主题打开根究一下,盼望我们看完之后对手绘元素有愈加深入的知道和明白。

1. 分隔区块

不少站长忧虑在网站中利用手绘元素会破坏网站的全体调和美感,其实手绘元素简直能够和各种视觉元素组合利用。它能够同图片、视频组合利用,能够给留白添加视觉焦点,乃至能够呈现在文本邻近。也因而,设计师常常利用手绘元素去分隔差别内容区块或差别地区。这是由于,一方面,手绘元素自身领有不错的融入感,放在网页中不会显得过于突兀。另外一方面,手绘元素具有一定的个性化特征,不只能让地区之间界线清楚,还能让这分隔的留白不显得枯燥。用手绘元素切割差别区块有助于保持整个页面设计的节奏感。

 

2. 效劳于用户交互

手绘元素还能够让网站中的交互变得愈加有趣。不论是将它当做加载动画仍是网页设计交互体验的一局部(许多网站现已初步利用),手绘元素这种设计技巧可以很好的引起用户的兴趣,施展本人的上风。

Real Estate Stained Glass网站在运用手绘元素引起用户互动方面就很超卓。当你登入这个网站,点击初步时,用户能够经过挪动鼠标给物体上色。虽然网页上有大量手绘元素,但整个涂鸦的过程非常顺利,填充的色彩会当令呈现在页面中,这种沉溺式的体验可以起到维系用户的作用。

 

3. 手绘字体

有时分最好用的手绘字体其实不一定是手绘出来的。不少仿照手绘作风的字体就很风行,它们尤其适用于展现性子的网站。手绘字体或者说手绘作风的字体经常有更轻捷、更人道化的感觉(这是由于用户易于带入本人的情感)。固然,要想手绘字体可以施展出本人的积极作用,大家一定要保证它的可读性,完成字体美感和可读性之间的平衡。

Tradewinds Hotel网站的标题就选择了一款精约的草书字体,字体充足大,用户轻易识别。别的地位利用的字体也是采纳了简洁的无衬线款式,与标题字体构成比照,不只突出强调了手绘字体,还保证了杰出的可读性,便于用户明白网站内容。

 

4. 强化视觉效果

上面说的手绘元素在网页中都起到了一定的功用性作用。但这另有一些手绘元素纯正是效劳于用户感官效果的。在网站中零散地址缀着一些手绘元素,它们能够出现别的办法难以完成的奥秘、有趣的视觉效果。

Mother s Brewing就是这样做的。网站官网上利用了高大的手绘心型图标;别的页面中也有手绘元素的运用,一些很显着,一些比拟荫蔽;每一个CTA按钮都是手绘的丝带款式。布景上的元素和滑动元素上堆叠,填满了网页上沉寂的空白,手绘元素的利用让整个网站在视觉上非常引人注意。

 

5. 营建氛围

手绘设计元平素常愈加轻松、欢快。它们能够在简直任何网站中施展本人的这种特点,你在网站利用的手绘元素越多,网站会显得越轻快,用户在阅读时的情绪也不会太差。

Signs for Science网站就使用了手绘元素让网站弥漫童趣(固然,这种效果也要在一定程度上归功于网站配色的应用)。不外,从网站字体、图标再到下划线,手绘元素让整个网站保持了共鸣的基调,网站显得发明力十足、充足轻捷,这也更能鼓舞用户与网站发生互动。

 

6. 展现创意

手绘设计元素还能够用来展现网站的创意,这尤其适用设计师作品集的展现网站。这些手绘元素能够让用户集中了解设计师念头的发生,设计的详细过程。

The Feebles网站官网上就利用了手绘元素,右图展现了设计师的创作过程。除此以外,官网左上方另有一个手绘Logo,非常俏皮。

 

7. 手绘图标和Logo

手绘图标和Logo多是最受欢迎的手绘元素了,他们最具代表性的特点就是不对称、不规定。也正是这些细节上的不同让它们极富个性,非常诱人。

从严厉含义上来说,Higher Ground网站中的图标算不上手绘Logo,可是其利用了衬线字体搭配波澜纹的装璜,出现出手绘Logo的特点。

 

8. 动静手绘效果

在这个动效大行其道的今天,手绘元素最终也难逃动画效果的"魔爪"。动静的手绘元素,无疑领有更强的文娱乐趣,在增强网站转化率、延长用户逗留工夫上有别的设计元素所不可比较的上风。

Long Story Short就在网页设计上沿用了这样的思路。网站Logo 利用了动静的手绘字体,并且还借用疾速的视频播放,将它们别的品牌设计项目疾速地展示出来。

 

看了这么多,置信我们关于手绘元素的用处已有了一定的了解。从排版设计到动静效果,手绘元素的存在能够让网页设计变得愈加心旷神怡、更具个性魅力、更有情面味。尽管手绘元素纷歧定适用于每一个网站,可是不可否认,手绘元素黑白常有用的一项网页设计技巧,它能够适用于多种网站设计。加紧来起飞页自助建站平台(