2016年网页插画设计趋势

说插画已经彻底接管了网页设计似乎有点过,但是技术发展和用户需求使得网页插画在世界范围内流行起来,一点都不为过。从全屏式页面当中的首页Banner图到视差滚动式页面中的微妙动画,你会发现插画在这些设计作品中大放异彩。

插画在网页中是一种有趣而又多用途的优化元素,手绘插画、网页元素、手绘字体,在技术成熟的今天,所有的这些东西都可以用合适的手绘插画来替换,制造出独一无二的视觉体验。

插画是设计趋势

不过设计师们选择插画还有许多其他的原因,这也造就了如今的趋势:

·插画能让用户更好地融入到你所设定的氛围当中,因为他们不会注意到其他的东西

·插画可以实现许多稀奇古怪的元素,并且它们只能靠插画或者手绘来实现

·插画可以更轻松地将现实和想象融合到一起

·更容易定制,也更容易加入艺术的元素

·插画配色丰富多彩,也可以更加轻松地将流行而明亮的色调融入其中

·即使你并不是一名职业的插画师,也可以借助插画工具和素材包来制作插画

·插画可以融入许多不同的风格,营造多种氛围

页头插画

网页页头的Banner图是插画最常出现的地方。在作品展示、产品类的网站中,漂亮的插画用得非常合情合理。

在网页页头中使用插画的时候,艺术元素拥有更大的发挥空间,可以兼容更多复杂多样的设计元素和内容。精致的细节,好玩的交互,还有充满质感的留白都常见于此处的插画。网页页头的插画能让用户充满发现的乐趣。

复杂的插画设计有一些值得注意的设计技巧:

·插画最好具有一定的艺术性,用户不会将时间耗费在普通而没亮点的设计作品上,请精心制作

·虽然有的插画可能会比较复杂,但是传递的信息应该是简单的。你应该明确插画所传递的信息,并且让所有的元素为之服务

·专业。你能在草稿纸上涂鸦并不意味着你能立刻开始做网页插画,成为一个专业的插画师需要足够好的审美和足够专业的绘画技巧。

添加简单的动效

静态的插画设计需要注意的点有很多,而网页插画则更加复杂,因为它现在已经是动态的了。当插画和动效结合起来的时候,会更容易引导用户,引发用户点击和互动的欲望。

正如同Hugo网页中文本的微妙运动,就是非常吸引人眼球的设计。这些微动画可以帮助用户了解哪些地方可以操作,如何访问下一个部分或者页面。对于整体性比较强、内容比较多的页面而言,这种设计尤为有效。

这些令人惊喜的小细节,会让访客流连忘返。悬停动效就是一个很好的设计手法,它让用户乐于在页面中寻找可供交互的空间,在导航中体会乐趣。

插画图标和插画UI元素

如果种种迹象表明你的网页无法使用大范围的插画来作为装饰,那么可以考虑将插画风的图标和UI元素融入到页面当中。这种方式同样可以让你页面显得生动有趣。

插画元素能将奇思妙想融入到单调严肃的网站中,让它显得更加生动有趣。插画式的线性图标是最容易实现的插画之一,简约而多样的设计几乎可以和所有的设计风格兼容起来,可以搭配图片,也可以配合多种多样的配色方案,最重要的是,这种统一的图标设计能作为页面视觉设计一致性设计的重要脉络。

如果你想再深入一点,不妨让各种UI元素插画化。Iqor的网页中,大尺寸的图片设计让页面平添了几分趣味。网页中大的插画和设计元素都使用了三种典型的流行色,并且在不同的页面中保持着一致性。

手绘字体

另外一个重要的设计趋势是融入了插画的定制化排版设计。插画式的LOGO、正文内容、手绘字体和艺术插画都可以充分的融合到一起。

值得一提的是,手绘字体设计最值得注意的是节制。通常你需要将一部分文字内容进行重绘,并控制在一个区块当中,设计“过度”的字体最容易出现的问题是影响字体的可读性。所以,在这个设计过程中,务必确保文字在漂亮的同时,能够被用户轻松阅读,易于理解,传递出清晰的信息。

Day of the Dead和Stand Up to Cancer两个页面在这方面做的相当不错,它们传递出简单的信息,字体设计上也足够美观。Day of the Dead 使用了无衬线体和漂亮的插画来搭配手绘字体,虽然多,但是非常有条理。Stand Up to Cancer 则统一地采用了水彩画的风格,手绘字体则是基于标准化的字体来设计,可读性更强。

结语

对于许多设计师而言,刚刚开始将插画加入到网页中之时,似乎并不是那么轻松,但是充分借助现有的设计工具、UI Kit和素材,可以适当地降低这个门槛。

如果你想独自完成带有许多插画的网页项目,相对系统化的学习和相当的审美薰陶是非常有必要的,花费时间来酝酿作品是一件很正常的事情。

非特殊说明,文章归原作者所有,转载请注明出处

本文地址:http://www.siweiw.com/sjinfo7360.html

================关于思维网

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,723评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,080评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,604评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,440评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,431评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,499评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,893评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,541评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,751评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,547评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,619评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,320评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,890评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,896评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,137评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,796评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,335评论 2 342

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,722评论 1 92
  • 设计趋势每年都在改变,出于各种原因,有的设计趋势在演进中逐渐消失,有的则在大家的熟练运用过程中渐入佳境,甚至逐步褪...
    刘英柱阅读 446评论 1 6
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,364评论 25 707
  • 如何快速建立TodayExtension,让你在开发过程中少走弯路 首先要了解什么是TodayExtension ...
    MichealRGb阅读 1,771评论 1 8
  • 我的一个亲戚,小时候家里穷,初中没读完就缀学跟着村里的人在工地搬砖,10块一天。不休息的情况下一个月挣300...
    我是个好坏的人阅读 418评论 0 2