2019年10月，隨著頤和園官網(wǎng)上線，標(biāo)志著頤和園擁有了全新的網(wǎng)站形象，在文化建園的征程中又邁出了重要一步。此次網(wǎng)站升級改版，除了頁面樣式和功能得到了進(jìn)一步提升，最精彩的地方要屬頤和園的手繪地圖。采用手繪插畫藝術(shù)形式為頤和園創(chuàng)作全景游覽地圖，畫面中的每一棟建筑，每一條道路，每一處景觀，每一個(gè)細(xì)節(jié)都完全依照實(shí)景繪制，保證最大限度的還原真實(shí)場景，手繪地圖作品一經(jīng)推出，獲得頤和園專家的高度認(rèn)可。
333體育軟件有幸能為中國古代皇家園林，世界文化遺產(chǎn)頤和園進(jìn)行官網(wǎng)升級改版和地圖繪制，說明我們的設(shè)計(jì)理念和服務(wù)體系是得到了頤和園專家們認(rèn)可的，同時(shí)也標(biāo)志著333體育設(shè)計(jì)團(tuán)隊(duì)在圖片藝術(shù)處理領(lǐng)域再上一個(gè)新臺階。
近兩年來，333體育軟件在網(wǎng)站用圖藝術(shù)創(chuàng)意方面先后為北京大學(xué)，北京體育大學(xué)、北京化工大學(xué)創(chuàng)作過反響頗高的手繪插畫作品，為高校網(wǎng)站配圖帶來了畫龍點(diǎn)睛之筆。眾多高校的手繪作品也將在近期陸續(xù)發(fā)布。
面對越來越多的高校對網(wǎng)站配圖的重視，特別是插畫藝術(shù)，對提升網(wǎng)站品質(zhì)、抒寫網(wǎng)站情懷、傳播校園文化，打造高校品牌存在不可小視的作用。通過333體育獨(dú)特的視角和常年征戰(zhàn)在第一線的經(jīng)驗(yàn)，整理了一些高校常用的圖片藝術(shù)形式和理論知識供大家學(xué)習(xí)參考。
一、插畫越來越受高校的青睞
在“雙一流”建設(shè)的大背景下，門戶網(wǎng)站作為高校對外宣傳展示的一張名片，越來越重視品牌和文化建設(shè)，特別是在頁面設(shè)計(jì)和視覺表達(dá)上，越來越多的高校，開始注重用戶體驗(yàn)和校園特色的提煉，網(wǎng)站視覺和品牌文化已經(jīng)成為各大高校網(wǎng)站升級改版的硬性指標(biāo)。
目前大部分高校的門戶網(wǎng)站具備完善的信息瀏覽和服務(wù)功能，但在信息呈現(xiàn)、視覺表現(xiàn)和文化傳達(dá)上缺乏特色和亮點(diǎn)。如今的高校網(wǎng)站，早已脫離單純追求功能和全面展示信息的時(shí)代，網(wǎng)站界面不僅要考慮如何把有效的信息放在合適的位置上，還要考慮到瀏覽者是如何感知網(wǎng)站界面上的各種元素帶來的文化熏陶和視覺體驗(yàn)。
圖形和文字相比，更加形象具體，更能成為高校文化特色的傳達(dá)載體。網(wǎng)站給用戶的第一印象往往是從視覺開始的，在現(xiàn)代網(wǎng)頁設(shè)計(jì)中，由于信息量的激增，人們更愿意從圖片獲取所需的信息。圖片能夠打破文字較為呆板的視覺效果，豐富網(wǎng)頁的視覺表現(xiàn)。由于過去WEB技術(shù)發(fā)展原因，網(wǎng)頁設(shè)計(jì)中運(yùn)用文化圖形的情況并不多見，隨著技術(shù)和品牌意識的提高，信息圖形化越來越被高校所重視。
通過信息圖形化，使得數(shù)據(jù)變得更為容易理解，更加直觀清晰，并且信息圖形化使得信息更具有針對性和條理性，即便是枯燥以及專業(yè)性強(qiáng)的信息也會(huì)變得更為輕松。采用圖形方式對用戶進(jìn)行引導(dǎo)，能很好地消除語言文字在描述上存在的生硬、抽象問題，這樣的設(shè)計(jì)以用戶為中心，體現(xiàn)的是一所高校的服務(wù)意識和文化價(jià)值，擁有較強(qiáng)的人文氣息。
信息圖形化藝術(shù)價(jià)值最高的就屬插畫，插畫作為一種創(chuàng)新的藝術(shù)形式可以給網(wǎng)站視覺進(jìn)行填補(bǔ)，增添感染力，將具體和抽象相互交替，帶給用戶視覺上的沖擊，同時(shí)還能夠透過畫面看到更深層次的文化內(nèi)涵，插畫的帶入感強(qiáng)，將用戶的心緊緊拉近，帶來更強(qiáng)畫面感的愉悅享受。插畫形式豐富多彩，包含圖標(biāo)、圖形、圖片、圖像等。它與傳統(tǒng)的電腦圖形不一樣。它可以給原本平淡無奇的設(shè)計(jì)注入新的活力。
米蘭大學(xué)官網(wǎng)
東京大學(xué)
二、插畫在高校網(wǎng)站中的應(yīng)用領(lǐng)域
插畫在高校網(wǎng)站中的運(yùn)用，可以說相當(dāng)廣泛，大量應(yīng)用在不同的場景。插畫表現(xiàn)力更精準(zhǔn)、更有文化特色、帶入感更強(qiáng)、同時(shí)也更有溫度，在高校網(wǎng)站中常常運(yùn)用在這些地方：
? 專題網(wǎng)主題圖
? Banner大圖
? 校園手繪地圖
? 建筑物手繪圖
? 吉祥物形象
? 新用戶引導(dǎo)教程
? 迎新網(wǎng)入校流程引導(dǎo)
? 內(nèi)網(wǎng)系統(tǒng)登錄頁
? 信息類指示圖
插畫本身的藝術(shù)性很強(qiáng)，它連接了設(shè)計(jì)、連接了師生、連接了生活、連接了文化、連接了歷史，它作為內(nèi)容的呈現(xiàn)方式，帶著鮮明的藝術(shù)個(gè)性。
三、高校網(wǎng)站運(yùn)用插畫的好處
1、用于文化創(chuàng)作
插畫是一種多樣化的視覺風(fēng)格，可以完全按照你的需要使用。高校中很受歡迎的手寫字體，以簡約而現(xiàn)代感的設(shè)計(jì)脫穎而出。
2、用于傳遞信息（高校迎新網(wǎng)）
有時(shí)候我們習(xí)慣用文字去描述信息，即使你的文案寫的再好，用戶往往都有視覺疲勞。如果你想創(chuàng)建一個(gè)時(shí)尚、簡潔的迎新網(wǎng)，那么手繪引導(dǎo)圖將會(huì)是一個(gè)非常不錯(cuò)的選擇。帶插圖的入學(xué)流程往往更能引起新生的興趣，更有利于用戶感知信息。
3、給瀏覽者帶來愉悅感（可與高校吉祥物搭配）
愉悅感，是指用戶在瀏覽網(wǎng)站所獲取到的愉悅的信息內(nèi)容�？赡苁且欢螠嘏奈淖�，可能是一張幽默的插圖，而網(wǎng)站引入具有高校文化符號的插圖往往就能給用戶帶來愉悅感，使用戶心情更舒暢，眼前一亮。
4、傳達(dá)特有的校園文化
插畫的運(yùn)用不光能給用戶帶來愉悅感，而且還有著獨(dú)特的文化底蘊(yùn)。很多高校都希望網(wǎng)站能給用戶傳達(dá)獨(dú)特的文化魅力和校園特色，很明顯插畫就能讓用戶對高校建立比良好的忠誠度。
5、讓網(wǎng)站與眾不同
插畫的展現(xiàn)方式非常多，完全可以根據(jù)高校定制，現(xiàn)在網(wǎng)站設(shè)計(jì)越來越流行明亮鮮艷的色彩搭配，如果采用傳統(tǒng)的攝影圖片作為配圖或者背景，在搭配上存在一定難度。而手繪圖可以運(yùn)用豐富的配色，輕松融入這種明艷的色調(diào)風(fēng)格中去。
6. 感染力強(qiáng)，場景感強(qiáng)
人是情感動(dòng)物，幾乎每個(gè)決定都是在情感和情緒的驅(qū)動(dòng)下完成的。而在諸多設(shè)計(jì)中，插畫在撬動(dòng)用戶情緒這一點(diǎn)上，有著無與倫比的效用——從線條、色彩到面部表情和曲線和動(dòng)效，都在竭盡全力地為你闡述故事，營造氛圍，將你拉到故事和場景當(dāng)中去。
7、更適宜呈現(xiàn)故事
故事是最令人難忘的內(nèi)容，劇情的走向和起承轉(zhuǎn)合會(huì)給人留下深刻的印象。而手繪插畫則以清晰的形象將文字和意象勾連起來，無論是在網(wǎng)頁、UI設(shè)計(jì)還是內(nèi)容上，都有著足夠突出的體現(xiàn)。營造氛圍，渲染情緒，描摹環(huán)境，呈現(xiàn)角色，讓故事更加鮮活、易于理解。在內(nèi)容制造上，有著難以替代的作用。
8. 讓校園更有溫度（校園手繪建筑，手繪地圖）
校園文化是一所大學(xué)的靈魂。校園里的一山一水、一草一木，無不浸潤著濃郁的人文情愫。一棟以名人命名的建筑，一條以名人命名的道路，一處以名人命名的地標(biāo)，一座名人的雕像等等無不彰顯著大學(xué)的魅力和氣質(zhì)。面對網(wǎng)站上生冷的數(shù)字?jǐn)z影圖片，即便拍攝水平再高，也無法通過一瞬間的定格禁錮住校園的美。建筑物是有溫度的，每一個(gè)角落的景觀都曾飾演過不同的故事。精心設(shè)計(jì)的插畫在美學(xué)和風(fēng)格上更加扎實(shí)，帶來的情感大大超越實(shí)景照片所提供的價(jià)值。運(yùn)用手繪插畫去描摹環(huán)境，可以讓校園變得更有溫度，更有情懷。
四、高校常用的插畫風(fēng)格
1、矢量插圖風(fēng)格
矢量插圖是高校網(wǎng)站設(shè)計(jì)中運(yùn)用最廣的一種風(fēng)格，此種插圖是在矢量軟件上進(jìn)行電腦手繪，圖片進(jìn)行放大、縮小都不會(huì)失真，精準(zhǔn)性比較高，繪制基本單位多以線條和色塊為主。矢量插圖最大的優(yōu)勢是，色彩明亮、親和力強(qiáng)，大眾接受度高。
北京大學(xué)
清華大學(xué)
江蘇大學(xué)
2、線描風(fēng)格
線描是運(yùn)用線的輕重、濃淡、粗細(xì)、虛實(shí)、長短等筆法表現(xiàn)物象的體積、形態(tài)、質(zhì)感、量感、運(yùn)動(dòng)感的一種方法。在中國繪畫中,線描既是具有獨(dú)立藝術(shù)價(jià)值的畫種（白描），不僅可以勾畫靜態(tài)的輪廓，還可以表現(xiàn)動(dòng)態(tài)的韻律。用線和空白還可以譜寫出一支支和諧流動(dòng)的線的協(xié)奏曲。高校一般表現(xiàn)文化和意境之處常常采用這種風(fēng)格。
早稻田大學(xué)
新加坡國立大學(xué)
北京大學(xué)
3、寫實(shí)風(fēng)格
筆觸、紙紋，這些傳統(tǒng)的學(xué)院派繪畫所帶來某種底蘊(yùn)深厚的氛圍，能結(jié)合網(wǎng)頁自身的特點(diǎn)，傳遞出品牌的價(jià)值。尤其表現(xiàn)了一種“人為”的過程，不僅從視覺上還從觸覺上激發(fā)觀者的想象。這一類風(fēng)格往往比較寫實(shí)，細(xì)節(jié)也相對豐富。
4、水彩風(fēng)格
采用水調(diào)和顏料作畫的一種繪畫方法，通常是在水彩專用紙上作畫。畫面大多具有通透的視覺感覺，并且在繪畫過程中水的流動(dòng)與顏料的結(jié)合會(huì)產(chǎn)生一種豐富的層次感和色彩暈染感，給人一種淋漓酣暢、自然灑脫的意趣。
5、畫影合成（3D實(shí)景渲染）
畫影合成是不常見的插畫形式，但是最近卻深受學(xué)生的喜愛。畫影合成既有繪制的成分也有攝影的部分，它融合了攝影的“真實(shí)”和手繪的“想象”，來源于生活又超越生活之上實(shí)現(xiàn)畫面的融合跨越。
在高校網(wǎng)頁設(shè)計(jì)中使用一些插畫，不僅能深層次的表達(dá)高校的文化氛圍，還能通過一張張精美的圖片巧妙的把人文關(guān)懷、服務(wù)意識、學(xué)生生活、建筑特色、歷史積淀展現(xiàn)出來，提升網(wǎng)站頁面的格調(diào)，讓網(wǎng)站更有文化特色。使得人們在瀏覽網(wǎng)站時(shí)眼前一亮，這樣的網(wǎng)站更貼近用戶，更有溫度，更有文化，也更具備品牌價(jià)值。
333體育軟件擁有專業(yè)的設(shè)計(jì)團(tuán)隊(duì)，多個(gè)創(chuàng)意小組協(xié)同工作。配備視覺設(shè)計(jì)師、平面設(shè)計(jì)師、網(wǎng)頁設(shè)計(jì)師、UI設(shè)計(jì)師、商業(yè)插畫師。積累了15年寶貴經(jīng)驗(yàn)，形成了一套專業(yè)規(guī)范的設(shè)計(jì)體系，持續(xù)的創(chuàng)新力與前沿新技術(shù)的洞察力，讓通遠(yuǎn)軟件成為高校網(wǎng)站品牌文化建設(shè)建言獻(xiàn)策的領(lǐng)跑者。
