详解网页设计中手绘元素使用技巧

2016-02-17 01:46 8 1 收藏

想要天天向上,就要懂得享受学习。图老师为大家推荐详解网页设计中手绘元素使用技巧,精彩的内容需要你们用心的阅读。还在等什么快点来看看吧!

【 tulaoshi.com - 平面设计 】

手绘元素通常是用在纸上的,但是它们被越来越多的用在网站设计上面,这些速写元素令网站极具个性并能为访问者提供有趣的体验。手绘风格的引入,对于互联网应用作品起到了一个积极的影响。不同的主题和绘画风格,使其表现形式具有原创性,给设计带来了多元化,人性化的特征。

我们先来看一些网络中的案例:

节庆主题插画

详解网页设计中手绘元素使用技巧,PS教程,图老师教程网

GOOGLE每一次节日活动的banner设计都别出心裁,这很大程度要归功于应景且独特的的手绘风格作品。

详解网页设计中手绘元素使用技巧,PS教程,图老师教程网

QQ浏览器中的闪屏设计,另一种视角展现节日主题。

网页中的插图

详解网页设计中手绘元素使用技巧,PS教程,图老师教程网

韩国保险类网站,五张插图使不同的保险内容一目了然。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

详解网页设计中手绘元素使用技巧,PS教程,图老师教程网

韩国智能生活网站首页,信息量大的首页使用手绘素材比起真实素材来说更容易统一风格。

电商的品牌延伸

详解网页设计中手绘元素使用技巧,PS教程,图老师教程网

韩国电商网站,结合标志把卡通形象场景化,运用在网页每个类目中,增强品牌识别性和趣味性。

虚拟服务电商网站中的手绘应用

跟随网络世界蓬勃发展起来的是虚拟产业,将我们的数字化生活变得方便快捷。设计来源于生活,QQ网购充值中心主营虚拟服务业务,如话费,网游,保险,彩票等,常规的设计受到素材的限制,局限性很大。如何传播品牌形象,令消费者轻松愉悦的体验虚拟服务,这就需要我们的设计更加个性化,将情感因素溶入视觉形象中,借助虚拟形象来作为充值中心的情感载体,宣传和强化卡通形象,不管是大众传播、人际传播,还是组织传播,都可以互相渗透,综合运用。

详解网页设计中手绘元素使用技巧,PS教程,图老师教程网

生动化传播卡通形象

生动化传播的要点在于形象生动、轻松互动,它能拉近卡通形象与受众间的距离,全方位带动受众的视觉和思考。卡通形象传播诉求的重点是引起形象联想,既以外在形象标准为核心,又有着内在本质内容。一套以卡通形象为核心的系统,能增强品牌传播效果。

详解网页设计中手绘元素使用技巧,PS教程,图老师教程网

充值小人胸口的充字为标识性的特点,根据不同的主题搭配表情和道具。

详解网页设计中手绘元素使用技巧,PS教程,图老师教程网

平台tips中的运用,增加一些趣味性。

详解网页设计中手绘元素使用技巧,PS教程,图老师教程网

运营活动tips中的运用,虚拟形象组件化,节省了创作步骤提高了工作效率。

详解网页设计中手绘元素使用技巧,PS教程,图老师教程网

运营活动中的运用,如节日、卡通角色家庭系列、情景主题、flash小游戏等等。

事件化传播节庆插图

卡通形象的事件化传播是围绕卡通形象利用具有新闻价值以及社会影响的人物或事件,吸引受众关注。有利于培养卡通形象爱好者对该形象的忠诚度。我们以节日主题为创作了一系列的插图,对节日的美好祝福和情感表达,让用户自然而然的产生亲近感,激发共鸣。

详解网页设计中手绘元素使用技巧,PS教程,图老师教程网

详解网页设计中手绘元素使用技巧,PS教程,图老师教程网

充值中心首页的广告位、登录框以及每日精选中的运用

故事化传播四格漫画

这不是一个故事的时代,而是一个讲述与表达的时代。多格漫画是现在网络中最流行的一种宣传手段,画面分格来完成一个小故事或一个创意点子的表现形式对于品牌的建立起到很好的带入作用。画面不需很复杂,角色也不要太多,对白精简,让人容易轻松阅读,强调叙事,可以吸引用户连续的关注。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

详解网页设计中手绘元素使用技巧,PS教程,图老师教程网

在互联网高速发展的今天,网络文化也越来越看重自我个性和情感的表达,这与插画的内在特质不谋而合,最终促进网页在表现形式上的丰富与更新。

来源:http://www.tulaoshi.com/n/20160217/1577345.html

延伸阅读
一个隐形且流畅提供给访客交互体验的界面,可以更高效的让访客的注意力集中在产品的核心功能上,并且可以引导访客逐步走向产品的最终目标。 很多有经验的设计师都在提倡这样一个设计理念:一个真正设计精良的UI应该让用户察觉不到它的存在。但事实呢?恰恰相反,很多同学设计的UI经常会强迫用户们去注意花哨的界面,而不是你要传达给用户的有效...
在网页设计中我们经常会设计一些组件元素,比如注册表单、按钮、Tab选项卡、网站导航等等,虽然是小元素,但有时候却想不到要怎么排版、设计才好,没关系今天设计达人网图老师小编分享一个网站给你们,里面有很多小组件收集,大部分都是精致漂亮的,真的可以给你带来灵感。   网站名称:Call to Idea 网站地址:http://calltoidea.co...
手绘元素通常是用在纸上的,但是它们被越来越多的用在网站设计上面,这些速写元素令网站极具个性并能为访问者提供有趣的体验。手绘风格的引入,对于互联网应用作品起到了一个积极的影响。不同的主题和绘画风格,使其表现形式具有原创性,给设计带来了多元化,人性化的特征。 我们先来看一些网络中的案例: 节庆主题插画 GOOGLE每一次节日...
清新、安定、环保,在这三个关键词的遐想画面中一定有绿色。 绿色是一个在网页设计中被广泛运用的颜色,本身就带着一种与生俱来的平静感。绿色在心理学上被认为会产生一定的视觉冲击力,因此,能在网站主页上用绿色元素去突出信息重点是一个不错的选择。 以下是AnyForWeb为大家汇总的比较有代表性的包含绿色成分的网页设计,供大家参考学习。...
在网页设计中,横向和竖向的直线非常常见,利用整齐的线条可以打造出有序的视觉路径以及信息层级。当然,有些时候,可以不按理出牌,设计一些倾斜的线条,让你的网站不拘一格,更加与众不同。 打破传统布局,创造动态的自由视感,让构成更加复杂无论是利用简约的几何图形,或是精致的倾斜图像。让你的设计更具吸引力,不妨试试斜线。 Paseo I...

经验教程

632

收藏

79
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部