好文推荐:网页中的手绘应用

2012/11/13 22181

网页中的手绘应用

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

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

节庆主题插画

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

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

网页中的插图

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

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

电商的品牌延伸

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

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

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

生动化传播—卡通形象

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

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

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

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

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

事件化传播—节庆插图

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

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

故事化传播—四格漫画

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

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

原文地址:http://ecd.tencent.com/use-hand-painted-in-web-page.html

 
================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计讲座:每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音(YY频道:15335158)分享实战经验。
设计微博:拥有粉丝量43万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

youshege
 

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/use-hand-painted-in-web-page

界面设计 HTML5 素材 交互设计师 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 扁平化设计 设计规范 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里