News
新闻中心

浅谈插画在高校网站中的应用价值

2019-11-29
摘要:近两年来,通元软件在网站用图艺术创意方面先后为北京大学,北京体育大学、北京化工大学创作过反响颇高的手绘插画作品,为高校网站配图带来了画龙点睛之笔。众多高校的手绘作品也将在近期陆续发布。

2019年10月,随着颐和园官网上线,标志着颐和园拥有了全新的网站形象,在文化建园的征程中又迈出了重要一步。此次网站升级改版,除了页面样式和功能得到了进一步提升,最精彩的地方要属颐和园的手绘地图。采用手绘插画艺术形式为颐和园创作全景游览地图,画面中的每一栋建筑,每一条道路,每一处景观,每一个细节都完全依照实景绘制,保证最大限度的还原真实场景,手绘地图作品一经推出,获得颐和园专家的高度认可。

颐和园官方网站.jpg

777b79bb4ded4d27aea157ebcc4dd15d.jpg

通元软件有幸能为中国古代皇家园林,世界文化遗产颐和园进行官网升级改版和地图绘制,说明我们的设计理念和服务体系是得到了颐和园专家们认可的,同时也标志着通元设计团队在图片艺术处理领域再上一个新台阶。

近两年来,通元软件在网站用图艺术创意方面先后为北京大学,北京体育大学、北京化工大学创作过反响颇高的手绘插画作品,为高校网站配图带来了画龙点睛之笔。众多高校的手绘作品也将在近期陆续发布。

QQ图片20190413085642

QQ图片20190413085449

QQ截图20191126153923

面对越来越多的高校对网站配图的重视,特别是插画艺术,对提升网站品质、抒写网站情怀、传播校园文化,打造高校品牌存在不可小视的作用。通过通元独特的视角和常年征战在第一线的经验,整理了一些高校常用的图片艺术形式和理论知识供大家学习参考。

一、插画越来越受高校的青睐 

在“双一流”建设的大背景下,门户网站作为高校对外宣传展示的一张名片,越来越重视品牌和文化建设,特别是在页面设计和视觉表达上,越来越多的高校,开始注重用户体验和校园特色的提炼,网站视觉和品牌文化已经成为各大高校网站升级改版的硬性指标。

目前大部分高校的门户网站具备完善的信息浏览和服务功能,但在信息呈现、视觉表现和文化传达上缺乏特色和亮点。如今的高校网站,早已脱离单纯追求功能和全面展示信息的时代,网站界面不仅要考虑如何把有效的信息放在合适的位置上,还要考虑到浏览者是如何感知网站界面上的各种元素带来的文化熏陶和视觉体验。

c580f9afa5194f18b08986302af6518e.jpg

图形和文字相比,更加形象具体,更能成为高校文化特色的传达载体。网站给用户的第一印象往往是从视觉开始的,在现代网页设计中,由于信息量的激增,人们更愿意从图片获取所需的信息。图片能够打破文字较为呆板的视觉效果,丰富网页的视觉表现。由于过去WEB技术发展原因,网页设计中运用文化图形的情况并不多见,随着技术和品牌意识的提高,信息图形化越来越被高校所重视。

通过信息图形化,使得数据变得更为容易理解,更加直观清晰,并且信息图形化使得信息更具有针对性和条理性,即便是枯燥以及专业性强的信息也会变得更为轻松。采用图形方式对用户进行引导,能很好地消除语言文字在描述上存在的生硬、抽象问题,这样的设计以用户为中心,体现的是一所高校的服务意识和文化价值,拥有较强的人文气息。

信息图形化艺术价值最高的就属插画,插画作为一种创新的艺术形式可以给网站视觉进行填补,增添感染力,将具体和抽象相互交替,带给用户视觉上的冲击,同时还能够透过画面看到更深层次的文化内涵,插画的带入感强,将用户的心紧紧拉近,带来更强画面感的愉悦享受。插画形式丰富多彩,包含图标、图形、图片、图像等。它与传统的电脑图形不一样。它可以给原本平淡无奇的设计注入新的活力。

721ed1de1d8d4e8eb9b090e081552373.jpg

米兰大学官网

ee95fff36a9243e294197ed9a8ae9679.jpg

东京大学

二、插画在高校网站中的应用领域

插画在高校网站中的运用,可以说相当广泛,大量应用在不同的场景。插画表现力更精准、更有文化特色、带入感更强、同时也更有温度,在高校网站中常常运用在这些地方:

  专题网主题图

  Banner大图

  校园手绘地图

  建筑物手绘图

  吉祥物形象

  新用户引导教程

  迎新网入校流程引导

  内网系统登录页

  信息类指示图

插画本身的艺术性很强,它连接了设计、连接了师生、连接了生活、连接了文化、连接了历史,它作为内容的呈现方式,带着鲜明的艺术个性。

三、高校网站运用插画的好处

1、用于文化创作

插画是一种多样化的视觉风格,可以完全按照你的需要使用。高校中很受欢迎的手写字体,以简约而现代感的设计脱颖而出。

90ab284cf4df471c97b8d8af06a708ac.jpg

2、用于传递信息(高校迎新网)

有时候我们习惯用文字去描述信息,即使你的文案写的再好,用户往往都有视觉疲劳。如果你想创建一个时尚、简洁的迎新网,那么手绘引导图将会是一个非常不错的选择。带插图的入学流程往往更能引起新生的兴趣,更有利于用户感知信息。

31148b4d07844091a0d5d96223ae00da.png

3、给浏览者带来愉悦感(可与高校吉祥物搭配)

愉悦感,是指用户在浏览网站所获取到的愉悦的信息内容。可能是一段温暖的文字,可能是一张幽默的插图,而网站引入具有高校文化符号的插图往往就能给用户带来愉悦感,使用户心情更舒畅,眼前一亮。

647663955ad64d62b1a2463522b048c5.jpg

4、传达特有的校园文化

插画的运用不光能给用户带来愉悦感,而且还有着独特的文化底蕴。很多高校都希望网站能给用户传达独特的文化魅力和校园特色,很明显插画就能让用户对高校建立比良好的忠诚度。

ac7843e119154ff2a5e51ce556ce9936.jpg

5、让网站与众不同

插画的展现方式非常多,完全可以根据高校定制,现在网站设计越来越流行明亮鲜艳的色彩搭配,如果采用传统的摄影图片作为配图或者背景,在搭配上存在一定难度。而手绘图可以运用丰富的配色,轻松融入这种明艳的色调风格中去。

46cdadd8af7741ea9015424cf9b1fb82.jpg

6. 感染力强,场景感强

人是情感动物,几乎每个决定都是在情感和情绪的驱动下完成的。而在诸多设计中,插画在撬动用户情绪这一点上,有着无与伦比的效用——从线条、色彩到面部表情和曲线和动效,都在竭尽全力地为你阐述故事,营造氛围,将你拉到故事和场景当中去。

timg (1).jpg

7、更适宜呈现故事

故事是最令人难忘的内容,剧情的走向和起承转合会给人留下深刻的印象。而手绘插画则以清晰的形象将文字和意象勾连起来,无论是在网页、UI设计还是内容上,都有着足够突出的体现。营造氛围,渲染情绪,描摹环境,呈现角色,让故事更加鲜活、易于理解。在内容制造上,有着难以替代的作用。

timg (19).jpg

8. 让校园更有温度(校园手绘建筑,手绘地图)

校园文化是一所大学的灵魂。校园里的一山一水、一草一木,无不浸润着浓郁的人文情愫。一栋以名人命名的建筑,一条以名人命名的道路,一处以名人命名的地标,一座名人的雕像等等无不彰显着大学的魅力和气质。面对网站上生冷的数字摄影图片,即便拍摄水平再高,也无法通过一瞬间的定格禁锢住校园的美。建筑物是有温度的,每一个角落的景观都曾饰演过不同的故事。精心设计的插画在美学和风格上更加扎实,带来的情感大大超越实景照片所提供的价值。运用手绘插画去描摹环境,可以让校园变得更有温度,更有情怀。

3dc69c8ef034409782f98bb7bc97184f.jpg

e7731a50e3764c158f0b97247379900b.jpg

四、高校常用的插画风格

1、矢量插图风格

矢量插图是高校网站设计中运用最广的一种风格,此种插图是在矢量软件上进行电脑手绘,图片进行放大、缩小都不会失真,精准性比较高,绘制基本单位多以线条和色块为主。矢量插图最大的优势是,色彩明亮、亲和力强,大众接受度高。

5c1eee13063d4d1aa88ae9f8f7519900.jpg

北京大学

c92915ba4996428c917a9d892f72b439.png

清华大学

4733abcedee94e6e8149651ff989ed1f.jpg

江苏大学

2、线描风格

线描是运用线的轻重、浓淡、粗细、虚实、长短等笔法表现物象的体积、形态、质感、量感、运动感的一种方法。在中国绘画中,线描既是具有独立艺术价值的画种(白描),不仅可以勾画静态的轮廓,还可以表现动态的韵律。用线和空白还可以谱写出一支支和谐流动的线的协奏曲。高校一般表现文化和意境之处常常采用这种风格。

b308ae61643a48e2b080ca3c83bda7a7.jpg

早稻田大学

570ba0e00a3644b5b39cf30b3f776aa8.jpg

新加坡国立大学

788e530756e6440fb75513ef7e46429e.png

北京大学

3、写实风格

笔触、纸纹,这些传统的学院派绘画所带来某种底蕴深厚的氛围,能结合网页自身的特点,传递出品牌的价值。尤其表现了一种“人为”的过程,不仅从视觉上还从触觉上激发观者的想象。这一类风格往往比较写实,细节也相对丰富。

C:\Users\HYP\Desktop\颐和园\QQ截图20191128120943.jpgQQ截图20191128120943

C:\Users\HYP\Desktop\颐和园\QQ截图20191128120906.jpgQQ截图20191128120906

4、水彩风格

采用水调和颜料作画的一种绘画方法,通常是在水彩专用纸上作画。画面大多具有通透的视觉感觉,并且在绘画过程中水的流动与颜料的结合会产生一种丰富的层次感和色彩晕染感,给人一种淋漓酣畅、自然洒脱的意趣。

timg (14)

C:\Users\HYP\Desktop\颐和园\QQ截图20191126145816.jpgQQ截图20191126145816

5、画影合成(3D实景渲染)

画影合成是不常见的插画形式,但是最近却深受学生的喜爱。画影合成既有绘制的成分也有摄影的部分,它融合了摄影的“真实”和手绘的“想象”,来源于生活又超越生活之上实现画面的融合跨越。

C:\Users\HYP\Desktop\颐和园\6100969b360c40ccbbfc29654f0f117c_th.jpg6100969b360c40ccbbfc29654f0f117c_th

在高校网页设计中使用一些插画,不仅能深层次的表达高校的文化氛围,还能通过一张张精美的图片巧妙的把人文关怀、服务意识、学生生活、建筑特色、历史积淀展现出来,提升网站页面的格调,让网站更有文化特色。使得人们在浏览网站时眼前一亮,这样的网站更贴近用户,更有温度,更有文化,也更具备品牌价值。

C:\Users\HYP\Desktop\颐和园\9a3233641b7c22929.png9a3233641b7c22929

通元软件拥有专业的设计团队,多个创意小组协同工作。配备视觉设计师、平面设计师、网页设计师、UI设计师、商业插画师。积累了15年宝贵经验,形成了一套专业规范的设计体系,持续的创新力与前沿新技术的洞察力,让通远软件成为高校网站品牌文化建设建言献策的领跑者。


分享到:
帮助中心
TOP