基于主流風(fēng)格引領(lǐng)本真案例的教學(xué)思路ぴ諫杓評囁緯討械撓τ

摘?要：如今職業(yè)院校的專業(yè)教育越來越大同小異，網(wǎng)絡(luò)教程越來越不計其數(shù)，精彩紛呈的案例似乎會讓人驚喜不已。但是對于生活又真正有多少幫助也不為人知。所以無論是授漁者還是受魚者都想從泥潭中解脫出來。因此拋棄傳統(tǒng)開拓一種雙方受益的教學(xué)方法應(yīng)用在設(shè)計類課程中顯得有實用價值。本文主要從自身經(jīng)驗出發(fā)，覺得在設(shè)計類課程中以定位某種風(fēng)格，然后反映本真項目的教學(xué)思路比較實用，所以提出來探討。

關(guān)鍵詞：主流風(fēng)格;本真案例;設(shè)計類課程

本文從當(dāng)今比較盛行的幾種風(fēng)格說起，首先以極簡風(fēng)格為例，來描述在設(shè)計類課程中的應(yīng)用情況。

一、極簡風(fēng)格應(yīng)用在微信推文

極簡風(fēng)格源于人類渴望將表達(dá)設(shè)計得越來越簡單質(zhì)樸，為求保留實用性和功能性，采用柵格、幾何特征以及視覺平衡的原則。極簡主義力求做減法，因此如何把一個照片級別的具備光影具備立體和透視，具備眾多像素層次豐富的圖像過濾整理出更簡單的形、色和文字的圖形是主要的追求目標(biāo)。

經(jīng)過極簡風(fēng)格處理過的建筑物外觀用在微信推文中顯得輕巧、靈動又精致，信息表達(dá)更純凈和清新。這種無文字傳達(dá)加上錯落有致的多層次表達(dá)很合適在手機中傳播。例如在本校的某個場景發(fā)生了一件有意義的事，我們在微信推文中是無須提到在哪兒發(fā)生了什么，只要將其極簡化即可表達(dá)。為了確保形象的獨特性和代表性，設(shè)計素材來源于人們熟悉的形態(tài)來進行提煉。比如圖1本校教學(xué)樓外觀。

為了達(dá)到設(shè)計元素相對量少簡潔。本案例的主要做法是先進行畫面分類，例如將圖中的元素分成建筑、樹木兩大主要信息，拋棄背景、天空、地面等環(huán)境因素，不考慮光影透視等立體效果，因此采用了圖像描摹的手法來處理。

圖像描摹的過程就是初始像素簇處理和邊界優(yōu)化的過程，經(jīng)過圖像描摹后的圖像要重新審視結(jié)構(gòu)的平衡以及畫面的一致，此時需要發(fā)揮工匠精神對畫面精雕細(xì)琢。以和諧為美，以淡唯美，追求簡約，在化繁為簡的過程中徜徉藝術(shù)之美。

二、矢量風(fēng)格應(yīng)用在VI項目中

矢量是指由輪廓生成的形狀，輪廓是點和點的連接來形成的，點的連接構(gòu)成直線或者曲線，直線這個形和曲線這個形是具備數(shù)學(xué)中的矢量特征的，比如輪廓的粗細(xì)，曲線的曲率，曲線上的控制柄調(diào)節(jié)桿任意變換不失真等性質(zhì)。

如果輪廓是封閉的可以用色塊來表達(dá)，色塊很像明顯具有大小、位置、面積等屬性，這些填充區(qū)可以是規(guī)則的幾何形，也可以是不規(guī)則的任何形。輪廓和填充形成的對象統(tǒng)稱為元素。這類元素可以是分開的單個對象，也可以是編組的整體對象，甚至可以把粗的線條擴展成具備新的填充和輪廓的對象，可以重新組合各個元素。這些元素放大不失真，占用空間較小，適合創(chuàng)造黑白畫、卡通畫、插畫等。也適用于文字設(shè)計、標(biāo)志設(shè)計、版式設(shè)計等。

標(biāo)志設(shè)計的主要功能是傳達(dá)信息，因此常常采用簡潔美觀的圖形或者符號，并以醒目的顏色來表達(dá)。而這個信息來自于理念、規(guī)模、歷史以及用途等。將簡而不減的創(chuàng)作手法，簡約卻內(nèi)涵深意的藝術(shù)語言，明快清晰的色彩關(guān)系用在本真項目中，比如圖2本校的LOGO以及VI項目。

三、扁平化風(fēng)格應(yīng)用在APP界面項目

扁平化風(fēng)格輕質(zhì)且拋棄透視、紋理和斜面而更趨符號化。因此設(shè)計者只需將信息和事物的工作方式展現(xiàn)出來，設(shè)計目的就是減少認(rèn)知障礙，有效的支持WEB和移動端的導(dǎo)航設(shè)計，自適應(yīng)性，適合響應(yīng)式設(shè)計。

扁平化拋棄通常的模糊化了的陰影，而采用漸變色填充的幾何形長陰影。扁平化不需要紋理填充，而采用飽和度高的純色填充，扁平化的對象不需要創(chuàng)造物體的高度，即立體效果不呈現(xiàn)出來，因此元素的邊緣干脆利落。與之搭配的是，扁平化中的字體元素也采用了機械化的粗細(xì)統(tǒng)一的線條即無襯線字體。例如典型的Times?new?Roma。扁平化設(shè)計能很有效的把單品組織起來，以簡單但合理方式排列。為了提高可讀性，通常采用簡單的元素，通過形狀、色彩和字體來呈現(xiàn)。隨著大數(shù)據(jù)和人工智能的到來，觸屏模式的智能設(shè)備上，如果能采用更少的按鈕和選項來體現(xiàn)UI界面，無疑扁平化風(fēng)格是最合適的選擇。因為扁平化的元素不僅美觀簡潔，還能由于低耗受到歡迎。由于扁平風(fēng)格的造型可以幾何化，因此將這些元素規(guī)則排列顯得更加嚴(yán)謹(jǐn)有序。比如圖3的音量控件。

四、寫實化風(fēng)格應(yīng)用在擬物產(chǎn)品上

寫實風(fēng)格是相對抽象和表現(xiàn)而言的。其特點是：（1）在圖像上表達(dá)與具體事物相似的形象，越像越好，追求思維與存在的統(tǒng)一性，就是我們能夠認(rèn)識到事物真正的樣子，在繪畫上就是畫得像。（2）依靠光影和透視在二維上塑造三維空間，就是所謂的立體感。（3）在有限的空間內(nèi)表現(xiàn)時間，寫實主義就是重現(xiàn)那一瞬間的畫面就可以了，寫實主義是動中求靜的。認(rèn)識事物的方法就是靜止的一瞬，比起動態(tài)的事物。

寫實風(fēng)格在設(shè)計時要求能充分表現(xiàn)產(chǎn)品的質(zhì)感和真實感，例如斜面、浮雕、投影、模糊、柔化、發(fā)光、透明、描邊等特征都要表達(dá)出來。例如漫畫、動畫、插畫等是符合寫實風(fēng)格的，因為其平滑的線條。還有三維軟件中的立體模型也是符合寫實風(fēng)格的，因為其材質(zhì)和燈光來自于真實物體。比如二維軟件設(shè)計出的圖4食堂餐具。

五、低多邊形風(fēng)格用于手機游戲的場景設(shè)計中

低多邊形是以“幾何多邊形”為基本元素來承載并傳達(dá)視覺信息，因此，低多邊形是直線和角度構(gòu)成的封閉圖形，形狀里只要存在曲線，或者圖形沒有閉合，都不能稱之為“多邊形”。在三維軟件里，多邊形的低模和高模以及烘焙模型中，多采用是四邊形或者更多邊組成的多邊形。而在平面軟件里，為了體現(xiàn)塊面感，通常的做法是把一個圖片分成四個三角形填充，把每個三角形分成四個小三角形。

低多邊形的形成過程：（1）圖像描摹成高保真度照片或者低保真度照片或者3色/6色/16色。（2）用直線簡單勾勒出形狀，調(diào)整好線條后就可以兩兩連接線條。（3）轉(zhuǎn)換成路徑。（4）擴展成填充對象然后描邊和填充。

低多邊形風(fēng)格對光影和色彩要求較高。低多邊形可以形成很多尖角，看起來邊緣鋒利，視覺沖擊力強。最難能可貴的是，低多邊形的潤色過程是純色而非漸變填充，這樣層次結(jié)構(gòu)很清晰，造型更突出。比如圖5人體頭部。

六、結(jié)語

以上介紹的主流風(fēng)格，主要是極簡風(fēng)格、矢量風(fēng)格、扁平化風(fēng)格以及多邊形風(fēng)格，這四種風(fēng)格特征明顯，應(yīng)用在不同的項目和案例中，也給教師講課帶來了模擬本真案例的理論指導(dǎo)。這幾種風(fēng)格的特征歸納為：（1）極簡風(fēng)格的設(shè)計主要體現(xiàn)在如何用負(fù)空間，如果把握對比度，如何布局，如何分布顏色等。極簡風(fēng)格不完全是少，而是體現(xiàn)出哲學(xué)思考和人生態(tài)度。（2）矢量風(fēng)格在的元素主要是直線和曲線，最小單位是點、線、矩形、多邊形、圓和弧線等，由于具備放大、縮小或旋轉(zhuǎn)不會失真的特征，可以用在任何場合。（3）扁平化設(shè)計更是功能上的簡化與重組。比如，有些天氣方面的應(yīng)用會使用溫度計的形式來展示氣溫，而扁平風(fēng)格就可以更加簡單直接地將信息和事物的工作方式展示出來。（4）低多邊形風(fēng)格的主要特征是小面多，顏色多。在當(dāng)下可以使用一些工具來制作，例如Low?Poly在線生成工具，低多邊形圖形制作軟件TriangulateImage，低多邊形生成器綠色版等。

參考文獻(xiàn)：

[1]殷菲，魏薇.UI界面的扁平化設(shè)計風(fēng)格研究[J].工業(yè)設(shè)計，2017（05）.

[2]畢曉明.平面設(shè)計中的極簡主義研究[D].安徽：淮北師范大學(xué)，2020（06）.

[3]王靜.低多邊形風(fēng)格在手機游戲場景設(shè)計中的研究與實踐[D].華東大學(xué)，2016（08）.

作者簡介：楊玲（1979—?），女，湖南張家界人，碩士，講師，研究方向為平面設(shè)計、三維動畫。