如何让手绘应用于视觉设计中而增强亲和力和感染力

2011-12-28 16:33:31 作者：小C 来源：腾讯CDC

这篇分享是我最近读《情感化设计》的一点小感悟及关注的那些事儿。在这里与大家分享下。欢迎大家多多指教和交流。

如今是数字化时代的天下，我们逐渐习惯并享受由数字营造的现代生活。计算机技术在人们生活与工作中得到广泛的应用。特别是在设计领域，有些设计师变得很依赖于计算机软件所带来的视觉效果，也从中发现了许多前所未见的视觉形象和制作技巧，极大地丰富拓展了想象空间和创作手段。同时它对传统设计手段和思维创意过程的冲击也是巨大的。

我们知道，视觉设计的历史发展由来已久，最早的视觉设计表现为图腾、宗教符号和皇室、军队、家族的徽章标记等。从20世纪初开始，视觉设计领域大大地拓宽了，它的作用已经彻底改变了人们所处的环境，客观的信息被简化或强化，增加了信息传达的有效性。而发展到了现在，计算机技术的应用颠覆了人们的传统审美观念和审视作品的方式，成为了影响和改变人们工作、生活习惯的学科领域。而由于计算机设计软件技术的快速发展，如果对新的技术不能快速跟进就意味着落伍，也使得设计师们更加依赖于计算机软件技术所带来的视觉效果，从而整日沉溺在显示器和鼠标当中。结果导致因设计表达语言和表现手法的单一化，使得大多数设计作品显出僵化雷同的机械意味，缺乏人情味的亲切感。

尼古拉兹·特罗塞雷设计的爵士音乐招贴

在视觉设计发展的历史长河中，许多巨匠大师的设计作品都是通过手工绘制完成的。如著名设计大师尼古拉兹·特罗塞雷设计的爵士音乐招贴，时至今日来看，仍能感受到激情四溢和充满鲜活个性色彩的生命张力。视觉设计是一个兼具原创性、实用性和艺术性的领域，它不但需要奇妙的创意构想，也需要能具有迸发出激情和感染力的手段能量，而通过手绘直接创作出来的视觉设计作品与完全使用计算机技术进行创作的视觉设计作品相比，其妙手偶得和无法复制的原创性决定了它是最有魅力、也是最有价值的。相比已经程式化、单一化和麻木化的计算机视觉作品，人们的内心世界也更容易被淳朴的东西所打动而备感亲切。

QQ2011 除夕节日banner，这个手绘的画面给用户感觉很淳朴很亲切，很有文化底蕴，勾起了我们儿时的回忆。

Google首页节日LOGO每次给用户都耳目一新的感觉，很有内涵。

Facebook社交网站页面里的一些图标也采用了平面的手绘风格。

相关热词：手绘设计视觉设计前端开发网页设计情感化设计

收藏至我的帐号

教程排行榜: 30个基于jQuery框架的幻灯滑块特效设计的网站实例; 30个基于jQuery滑动门技术的网站欣赏; 10个优美精致简约风格的导航菜单欣赏及点评; 38款网页设计应用的JS拉洋片幻灯效果欣赏; 最新收集的50多个专业设计公司网站欣赏; 40+设计独特超漂亮的水平导航网站欣赏; 全球65个设计出众的设计师个人博客欣赏; 35套精美绚丽的创意酷站设计欣赏; 国外颇具特色的电子商务网站设计欣赏(上); 国外颇具特色的电子商务网站设计欣赏(下); 21个精美漂亮的网页幻灯片应用案例欣赏; 20个设计精致漂亮的Photoshop网页设计教程; 网页UI之Banner广告条设计案例赏析; 2011年网站设计的新趋势; 手绘风格的15款超级漂亮网站欣赏; 24个很漂亮用CSS3实现的文本效果演示及教程推荐

下载排行榜: 带标题显示拉洋片式的jQuery滑动幻灯特效插件; 带标题和数字导航的JS焦点幻灯特效代码; 基于jQuery的超炫酷的3D切换JS幻灯焦点图特效代码; 支持幻灯、相册、滚动、TAB选项卡等效果的...; 半透明立体质感的宽屏flash+xml焦点幻灯代码; 31款简单实用的CSS+JS下拉菜单脚本; 适合摄影网站超漂亮的宽屏flash+xml幻灯轮换代码; 简洁效果多图切换flash幻灯焦点图代码; 基于jQuery实现的瀑布流布局列表特效代码; 3D立体效果金字塔环形旋转的flash+xml相册代码; 透明质感上下滑动带小图预览5屏JS焦点图幻...; 兼容firefox和IE的QQ、淘宝旺旺在线客服代码; 自带多种幻灯效果支持缩略图导航的jquery画...; 能自动弹出对话信息框的QQ在线客服代码; 6屏幻灯上下滑动式带缩略图和文字介绍的fla...; 很好看的带缓冲效果CSS下拉菜单导航代码