网页8种手绘元素的使用方法
发布时间：2018-05-01 18:26:14 浏览： 次
多数时候，我们希望网页中的设计元素足够精准，像素完善。但是有的时候，我们想通过1些有趣、个性化的设计元素，让页面看起来更成心思。
而手绘的插画和图标常常是在这个需求之下被横店风采足道工作服引入到全部设计中来的。手绘的图标元素能够赋予网页以个性，增强整体设计的吸引力，可以更轻松地营建氛围，传递情绪。
手绘图标设计最近几年来的使用频率愈来愈高，说是趋势也不为过。那末，手绘图标在网页设计中，通常是扮演甚么样的角色，又是如何被使用的呢？今天的文章，我们来聊聊这个话题。
1、作为分隔符手绘元素有1个很成心思的特点，它几近可以和任何设计元素有效地搭配起来。可以和图片、视频组合使用，可以为留白增加视觉焦点，乃至可以在文本附近出现。很多时候，你不敢在全部设计中使用手绘元素是担心它会打破设计的整体感，但是当你开始尝试就会发现它在很多时候还是很有用的。
手绘图标本身具有不错的融入感，很多设计师会利用它的这类融入感，将它插入到网页当中，作为分隔不同区块的间隔元夙来使用。作为分隔符，手绘图标不会显得过于突兀，让分割区块的留白也不至于单调，让用户明白内容区块的边界的同时，也保持了全部页面设计的节奏感。
2.交互式涂鸦手绘元素用好了一样可以带来有趣的交互体验。不管是将它之作为加载动画，还是作为全部页面交互的1部份，手绘图标或手绘涂鸦都可以引发用户的兴趣。
Real Estate Stained Glass这个网站就做的相当的到位，他们不单单使用了手绘图标，将全部网站做成了手绘动画，而用户可以随着动画和音乐，给页面中不同的区块上色，全部进程非常的流畅，你所填充的色采会实时地出现在页面当中，全部沉醉式的体验相当棒。
3.手绘的字体很多地方手绘元素其实不1定真的是手绘出来的。比如手绘风格的字体有很多，它们固然都不是真正手绘出来的。手绘风格的字体很受欢迎，也非常合适用来展现。
手绘字体常常能够个人以轻盈而又富有人性的的感觉，挑选手写字体的时候，要注意它的美感和可读性之间的平衡。
Tradewinds Hotel就挑选了1款简约又轻灵的手写字体，它的尺寸够大，清晰、可读性良好，在网页中用作展现之用。
4.强化视觉在网页当中，绝大多数的元素都是功能性的，而用来点缀的元素很多都是出于纯洁的视觉设计的目的而存在的。
在Mother’s Brewing这个网页当中，首页上巨大的手绘的心型图标明显就是为了这样的目的而存在的。设计师在其他有的页面上也采取了类似的手绘图标来装潢页面，强化视觉，弥补空间。
5.调理情绪手绘风格的设计元平素常会给人有趣的感觉，在很多设计项目中，这些手绘元素能够营建氛围，调剂访客的情绪。
Signs for Science这个网站中，手绘的图标和小插画，配合着网站中玛卡龙系的配色和圆润的字体，营建出充满童趣的氛围，用户在这类氛围下心情通常不会太差。
6.展现创意在设计师的作品集当中，手绘元平素常是用来显现创意的有效手段。1方面，有趣的手绘元素出人意表，另外一方面，设计师还能通过手绘来显现设计的进程，展现设计思惟。
The Feebles这个网站当中，设计不但借用手绘来展现他的设计进程，而且网站本身还采取了许多手绘元素，比如左上角的LOGO。
7.图标和LOGO手绘图标和LOGO 多是最受欢迎的手绘元素了。手绘风格的图标和L工作服170a是多大OGO 常常会显得更加有个性，不对称、不规则的细节是它们最有代表性的特点，而这些细节也让它们显得非常迷人。
Higher Ground中的图标其实不能算是严格意义上的手绘的LOGO，但是其中的衬线字体搭配着波浪纹的装潢，显现出手绘LOGO的特点。
8.动画殊效在这个动效大行其道的时期，即便料得手绘元素最后也很难绕过动效啊。动态的手绘元素，无疑具有更强的文娱性，能够增强网站的转化率，让用户停留的时间更工作服如何穿出个性长。
Long Story Short就在网页设计上沿用了这样的思路。不止是网站本身的手绘LOGO 采取了动态效果，而且借用快速的视频剪辑，将他们其他的品牌设计项目快速地展现出来。
结语手绘设计元素的用处还有很多，它们可让设计变得更加赏心悦目，个性10足。从排版设计到动态效果，它们的存在让设计更加富于人性。虽然手绘元素不1定适用于每一个项目，但是掌握它，仍然可以在多数设计项目中使用。
原文地址：designshack
原文作者：CARRIE COUSINS
优设译文：@陈子木
来源：uisdc
€€ 点这儿，来3个设计师的微博获得更多干货
手绘元素用好了一样可以带来有趣的交互体验。不管是将它之作为加载动画，还是作为全部页面交互的1部份，手绘图标或手绘涂鸦都可以引发用户的兴趣。
Real Estate Stained Glass这个网站就做的相当的到位，他们不单单使用了手绘图标，将全部网站做成了手绘动画，而用户可以随着动画和音乐，给页面中不同的区块上色，全部进程非常的流畅，你所填充的色采会实时地出现在页面当中，全部沉醉式的体验相当棒。
3.手绘的字体很多地方手绘元素其实不1定真的是手绘出来的。比如手绘风格的字体有很多，它们固然都不是真正手绘出来的。手绘风格的字体很受欢迎，也非常合适用来展现。
手绘字体常常能够个人以轻盈而又富有人性的的感觉，挑选手写字体的时候，要注意它的美感和可读性之间的平衡。
Tradewinds Hotel就挑选了1款简约又轻灵的手写字体，它的尺寸够大，清晰、可读性良好，在网页中用作展现之用。
4.强化视觉在网页当中，绝大多数的元素都是功能性的，而用来点缀的元素很多都是出于纯洁的视觉设计的目的而存在的。
在Mother’s Brewing这个网页当中，首页上巨大的手绘的心型图标明显就是为了这样的目的而存在的。设计师在其他有的页面上也采取了类似的手绘图标来装潢页面，强化视觉，弥补空间。
5.调理情绪手绘风格的设计元平素常会给人有趣的感觉，在很多设计项目中，这些手绘元素能够营建氛围，调剂访客的情绪。
Signs for Science这个网站中，手绘的图标和小插画，配合着网站中玛卡龙系的配色和圆润的字体，营建出充满童趣的氛围，用户在这类氛围下心情通常不会太差。
6.展现创意在设计师的作品集当中，手绘元平素常是用来显现创意的有效手段。1方面，有趣的手绘元素出人意表，另外一方面，设计师还能通过手绘来显现设计的进程，展现设计思惟。
The Feebles这个网站当中，设计不但借用手绘来展现他的设计进程，而且网站本身还采取了许多手绘元素，比如左上角的LOGO。
7.图标和LOGO手绘图标和LOGO 多是最受欢迎的手绘元素了。手绘风格的图标和L工作服170a是多大OGO 常常会显得更加有个性，不对称、不规则的细节是它们最有代表性的特点，而这些细节也让它们显得非常迷人。
Higher Ground中的图标其实不能算是严格意义上的手绘的LOGO，但是其中的衬线字体搭配着波浪纹的装潢，显现出手绘LOGO的特点。
8.动画殊效在这个动效大行其道的时期，即便料得手绘元素最后也很难绕过动效啊。动态的手绘元素，无疑具有更强的文娱性，能够增强网站的转化率，让用户停留的时间更工作服如何穿出个性长。
Long Story Short就在网页设计上沿用了这样的思路。不止是网站本身的手绘LOGO 采取了动态效果，而且借用快速的视频剪辑，将他们其他的品牌设计项目快速地展现出来。
结语手绘设计元素的用处还有很多，它们可让设计变得更加赏心悦目，个性10足。从排版设计到动态效果，它们的存在让设计更加富于人性。虽然手绘元素不1定适用于每一个项目，但是掌握它，仍然可以在多数设计项目中使用。
原文地址：designshack
原文作者：CARRIE COUSINS
优设译文：@陈子木
来源：uisdc
€€ 点这儿，来3个设计师的微博获得更多干货
在网页当中，绝大多数的元素都是功能性的，而用来点缀的元素很多都是出于纯洁的视觉设计的目的而存在的。
在Mother’s Brewing这个网页当中，首页上巨大的手绘的心型图标明显就是为了这样的目的而存在的。设计师在其他有的页面上也采取了类似的手绘图标来装潢页面，强化视觉，弥补空间。
5.调理情绪手绘风格的设计元平素常会给人有趣的感觉，在很多设计项目中，这些手绘元素能够营建氛围，调剂访客的情绪。
Signs for Science这个网站中，手绘的图标和小插画，配合着网站中玛卡龙系的配色和圆润的字体，营建出充满童趣的氛围，用户在这类氛围下心情通常不会太差。
6.展现创意在设计师的作品集当中，手绘元平素常是用来显现创意的有效手段。1方面，有趣的手绘元素出人意表，另外一方面，设计师还能通过手绘来显现设计的进程，展现设计思惟。
The Feebles这个网站当中，设计不但借用手绘来展现他的设计进程，而且网站本身还采取了许多手绘元素，比如左上角的LOGO。
7.图标和LOGO手绘图标和LOGO 多是最受欢迎的手绘元素了。手绘风格的图标和L工作服170a是多大OGO 常常会显得更加有个性，不对称、不规则的细节是它们最有代表性的特点，而这些细节也让它们显得非常迷人。
Higher Ground中的图标其实不能算是严格意义上的手绘的LOGO，但是其中的衬线字体搭配着波浪纹的装潢，显现出手绘LOGO的特点。
8.动画殊效在这个动效大行其道的时期，即便料得手绘元素最后也很难绕过动效啊。动态的手绘元素，无疑具有更强的文娱性，能够增强网站的转化率，让用户停留的时间更工作服如何穿出个性长。
Long Story Short就在网页设计上沿用了这样的思路。不止是网站本身的手绘LOGO 采取了动态效果，而且借用快速的视频剪辑，将他们其他的品牌设计项目快速地展现出来。
结语手绘设计元素的用处还有很多，它们可让设计变得更加赏心悦目，个性10足。从排版设计到动态效果，它们的存在让设计更加富于人性。虽然手绘元素不1定适用于每一个项目，但是掌握它，仍然可以在多数设计项目中使用。
原文地址：designshack
原文作者：CARRIE COUSINS
优设译文：@陈子木
来源：uisdc
€€ 点这儿，来3个设计师的微博获得更多干货
在设计师的作品集当中，手绘元平素常是用来显现创意的有效手段。1方面，有趣的手绘元素出人意表，另外一方面，设计师还能通过手绘来显现设计的进程，展现设计思惟。
The Feebles这个网站当中，设计不但借用手绘来展现他的设计进程，而且网站本身还采取了许多手绘元素，比如左上角的LOGO。
7.图标和LOGO手绘图标和LOGO 多是最受欢迎的手绘元素了。手绘风格的图标和L工作服170a是多大OGO 常常会显得更加有个性，不对称、不规则的细节是它们最有代表性的特点，而这些细节也让它们显得非常迷人。
Higher Ground中的图标其实不能算是严格意义上的手绘的LOGO，但是其中的衬线字体搭配着波浪纹的装潢，显现出手绘LOGO的特点。
8.动画殊效在这个动效大行其道的时期，即便料得手绘元素最后也很难绕过动效啊。动态的手绘元素，无疑具有更强的文娱性，能够增强网站的转化率，让用户停留的时间更工作服如何穿出个性长。
Long Story Short就在网页设计上沿用了这样的思路。不止是网站本身的手绘LOGO 采取了动态效果，而且借用快速的视频剪辑，将他们其他的品牌设计项目快速地展现出来。
结语手绘设计元素的用处还有很多，它们可让设计变得更加赏心悦目，个性10足。从排版设计到动态效果，它们的存在让设计更加富于人性。虽然手绘元素不1定适用于每一个项目，但是掌握它，仍然可以在多数设计项目中使用。
原文地址：designshack
原文作者：CARRIE COUSINS
优设译文：@陈子木
来源：uisdc
€€ 点这儿，来3个设计师的微博获得更多干货
在这个动效大行其道的时期，即便料得手绘元素最后也很难绕过动效啊。动态的手绘元素，无疑具有更强的文娱性，能够增强网站的转化率，让用户停留的时间更工作服如何穿出个性长。
Long Story Short就在网页设计上沿用了这样的思路。不止是网站本身的手绘LOGO 采取了动态效果，而且借用快速的视频剪辑，将他们其他的品牌设计项目快速地展现出来。
结语手绘设计元素的用处还有很多，它们可让设计变得更加赏心悦目，个性10足。从排版设计到动态效果，它们的存在让设计更加富于人性。虽然手绘元素不1定适用于每一个项目，但是掌握它，仍然可以在多数设计项目中使用。
原文地址：designshack
原文作者：CARRIE COUSINS
优设译文：@陈子木
来源：uisdc
€€ 点这儿，来3个设计师的微博获得更多干货
原文作者：CARRIE COUSINS
优设译文：@陈子木
- 下一篇: 从面粉到西红柿由自家田地有机食材制作的披萨｜世界流行趋势概览
- 上一篇: 他1开口，我就知道，老江湖了