插圖使網(wǎng)絡(luò)變得更加明亮,但它有可能變得陳舊。我們解釋了設(shè)計(jì)師如何避免模仿網(wǎng)頁設(shè)計(jì)插圖,從而為客戶提供競(jìng)爭(zhēng)優(yōu)勢(shì)。
插圖是一種充滿活力和多樣化的視覺交流形式。作為一門設(shè)計(jì)學(xué)科,它融合了vi設(shè)計(jì)輔助圖形設(shè)計(jì)的信息清晰度和美術(shù)的表達(dá)能力。在巔峰時(shí)期,插圖做了一些攝影無法做到的事情。它從人眼無法企及的角度描繪了熟悉的事物。
最近大量使用在線插圖的品牌是長(zhǎng)期以來網(wǎng)絡(luò)上發(fā)生的最好的事情之一。它為一系列商業(yè)主張帶來了活力、幽默和清晰,并使公司能夠更清楚地講述他們的故事。
盡管有積極的一面,但也存在問題。從本質(zhì)上講,插圖是一種講故事的工具,但隨著其受歡迎程度的提高,它轉(zhuǎn)向了強(qiáng)制性。vi設(shè)計(jì)輔助圖形設(shè)計(jì)公司認(rèn)為有一個(gè)網(wǎng)站,所以必須有插圖。
由于缺乏戰(zhàn)略眼光,插圖是裝飾,是獨(dú)創(chuàng)性的對(duì)立面。故事被拋棄,想象力被拋棄。個(gè)別網(wǎng)站失去了區(qū)別,所有圖示的產(chǎn)品和服務(wù)都融合在一起。
一位衣著光鮮的員工坐在整潔的辦公桌前,操作著一個(gè)與現(xiàn)實(shí)世界融為一體的抽象界面,文字和電子郵件在紙飛機(jī)上飛馳而過,紙飛機(jī)降落在一只貓身上,在一棵綠葉植物旁邊打盹,一個(gè)人一邊喝康普茶一邊做瑜伽,一邊瀏覽應(yīng)用程序中出現(xiàn)了一只巨大的手,它與一支超大的鋼筆簽訂了合同。
罪魁禍?zhǔn)?:意象缺乏智慧
插圖有著豐富的煽動(dòng)歷史。數(shù)百年來,它一直被用作一種社會(huì)評(píng)論形式。為什么?因?yàn)樗怃J地闡明了人類事務(wù)的復(fù)雜性。當(dāng)人們自相矛盾時(shí),當(dāng)經(jīng)歷令人困惑時(shí),插圖讓一切變得顯而易見——在瞬間。
插圖的目的不是為了爭(zhēng)論本身。相反,目標(biāo)是讓人們停下來思考一個(gè)觀點(diǎn),即使它與他們自己的觀點(diǎn)相沖突。在最好的情況下,插圖是終極的aha 時(shí)刻。
今天對(duì)視覺內(nèi)容的需求已經(jīng)剝奪了當(dāng)代網(wǎng)絡(luò)插圖的大部分闡釋能力。網(wǎng)上,插畫很少煽動(dòng);大多數(shù)情況下,它指導(dǎo)或修飾。
在許多網(wǎng)站上,插圖是與之配對(duì)的文本的一對(duì)一視覺表示。試試vi設(shè)計(jì)輔助圖形設(shè)計(jì)公司獨(dú)特的日程安排功能!
或者,由于購(gòu)買的產(chǎn)品和服務(wù),他們描繪了人們過著“最好的生活”的場(chǎng)景。試試我們獨(dú)特的日程安排功能![插入一個(gè)喝咖啡的筆記本電腦家伙擊掌笑臉日歷的插圖]
這兩種方法都不足以防止網(wǎng)站插圖失去講故事的招搖。
補(bǔ)救措施
有些概念很難說明。有些產(chǎn)品和服務(wù)并不令人興奮,也不容易與人類體驗(yàn)相關(guān)聯(lián)。在這里,插畫師在概念創(chuàng)作過程中必須深入挖掘。要發(fā)現(xiàn)一個(gè)主題最引人注目的角度,請(qǐng)?zhí)剿魉年幇得妗?/p>
最大的痛點(diǎn)是什么,它們?yōu)槭裁创嬖冢?/p>
誰在經(jīng)濟(jì)、職業(yè)或情感上受到的影響最大?
公司、客戶或?qū)<抑g是否存在沖突或有爭(zhēng)議的觀點(diǎn)?
此類問題適用于大多數(shù)在線銷售的商品。作為vi設(shè)計(jì)輔助圖形設(shè)計(jì)公司,我們經(jīng)常負(fù)責(zé)展示好的一面,但如果我們不了解壞的一面,我們就會(huì)去尋找疲憊的比喻。事實(shí)上,這種正負(fù)平衡是講故事的一個(gè)關(guān)鍵方面。沒有低點(diǎn),說明性的高點(diǎn)就會(huì)失去影響。
罪魁禍?zhǔn)?:猖獗的模仿破壞了新奇
模仿和創(chuàng)造力并不是截然相反的。自從世界上最早的文明出現(xiàn)以來,藝術(shù)家和設(shè)計(jì)師就通過模仿培養(yǎng)了創(chuàng)造力。引人注目的風(fēng)格引人注目。我們檢查它,解構(gòu)它,并收集它的技術(shù)來增強(qiáng)我們自己的工作。這就是成長(zhǎng)。
在一個(gè)完美的世界里,模仿將僅限于學(xué)習(xí)和評(píng)論。復(fù)制的樣式將在視覺和概念上發(fā)生變化。它很少以這種方式工作。
問題
模仿拒絕進(jìn)化。當(dāng)我們遇到一種流行的風(fēng)格并依附于它的軌道時(shí),我們就像舊世界的學(xué)徒,有著陰險(xiǎn)的轉(zhuǎn)折。我們?yōu)E用我們“追隨”的插畫家的風(fēng)格屬性,并將結(jié)果宣傳為我們自己的。
補(bǔ)救措施
模仿之外的路數(shù)不勝數(shù)。沒有一個(gè)需要?jiǎng)?chuàng)造性天才或排除外部靈感。恰恰相反; 插圖畫家需要充分接觸參考資料。我們看到和儲(chǔ)存的越多,我們就越能重新解釋。可以進(jìn)行許多探索性練習(xí):
歷史混搭。通過成功藝術(shù)家的眼光重新構(gòu)想鼓舞人心的插圖風(fēng)格。
快速重繪。在參考其他插畫家的風(fēng)格的同時(shí)仔細(xì)繪制一個(gè)對(duì)象。然后,在沒有參考樣式的情況下快速重繪同一個(gè)對(duì)象7-10 次,并接受出現(xiàn)的怪癖。
添加規(guī)則。創(chuàng)建一個(gè)影響插圖過程的約束。例如:我只能畫直線。它們可以是任何長(zhǎng)度或角度,但它們必須是直的。
工具開關(guān)。使用不適合該工作的繪圖工具模仿插圖風(fēng)格。例如,如果樣式依賴于精確的線條,請(qǐng)用墨水和軟毛刷復(fù)制它。
盲讀。匯編3-4 種引人注目的插圖風(fēng)格,并請(qǐng)同事以書面形式描述其中一種。丟棄所有原始參考樣式,并使用書面描述來告知?jiǎng)?chuàng)意選擇。
罪魁禍?zhǔn)?:插圖系統(tǒng)變得陳舊而僵硬
我們處在一個(gè)癡迷于設(shè)計(jì)系統(tǒng)的時(shí)代,源于需要在多個(gè)品牌接觸點(diǎn)保持一致的體驗(yàn)。并不是說設(shè)計(jì)系統(tǒng)是新的。編輯系統(tǒng)已經(jīng)存在了一個(gè)多世紀(jì),但考慮到品牌現(xiàn)在使用的數(shù)字渠道的數(shù)量,系統(tǒng)思考是緊迫的。
同樣,品牌幾十年來一直采用不同的插圖風(fēng)格,但現(xiàn)代設(shè)計(jì)系統(tǒng)引入了一個(gè)新的考慮:我們?nèi)绾问刮覀兊牟鍒D風(fēng)格系統(tǒng)化?
顏色、紋理、縱橫比和身體類型都經(jīng)過仔細(xì)定義。結(jié)果被大張旗鼓地展示出來。時(shí)間揭示了一個(gè)缺陷。
問題
插圖和界面設(shè)計(jì)不一樣。當(dāng)設(shè)計(jì)系統(tǒng)告知界面的風(fēng)格時(shí),結(jié)果是一種幸福的凝聚力,將用戶引導(dǎo)到他們的數(shù)字環(huán)境中。信息架構(gòu)是一個(gè)里程碑。導(dǎo)航是一種習(xí)慣。但以系統(tǒng)為主導(dǎo)的說明風(fēng)格會(huì)扼殺創(chuàng)作沖動(dòng)——即突然點(diǎn)燃被瘋狂捕捉和提煉的新想法。
并不是說系統(tǒng)天生就不好。當(dāng)系統(tǒng)支持圖像概念時(shí),插圖畫家實(shí)際上可能會(huì)發(fā)現(xiàn)約束解放了。但是,當(dāng)圖像是通過系統(tǒng)的鏡頭構(gòu)想時(shí),想法就會(huì)減弱,因?yàn)椴瀹嫾視?huì)陷入對(duì)凝聚力的錯(cuò)誤信心:它適合系統(tǒng),所以它有效!
逐漸地,更多的精力集中在系統(tǒng)維護(hù)上。線寬和服裝物品推翻了引人注目的概念。最后,插畫的風(fēng)格和講故事的能力消亡了。
補(bǔ)救措施
插圖翻譯了人類智慧和情感的復(fù)雜性。它邀請(qǐng)局外人欣賞他們可能不習(xí)慣的經(jīng)歷。插圖作為品牌識(shí)別工具的能力是次要的。這些不能顛倒過來。
為了防止圖像變得僵硬,請(qǐng)根據(jù)主題原則構(gòu)建插圖系統(tǒng)。品牌的聲音和價(jià)值觀不僅僅是風(fēng)格決策的來源。它們是講故事的策略,可以從客戶、公司和競(jìng)爭(zhēng)對(duì)手的多個(gè)角度進(jìn)行查看、解釋和重述。
有一些實(shí)用步驟可以指導(dǎo)插圖系統(tǒng)的開發(fā)和長(zhǎng)期相關(guān)性:
不要沉迷于普通觀眾不會(huì)注意到的規(guī)則和細(xì)節(jié)。
避免以破壞創(chuàng)造性直覺的方式執(zhí)行系統(tǒng)指南。
不要將系統(tǒng)鎖定在與其所代表的品牌相同的調(diào)色板中。
偶爾打破系統(tǒng),通過邀請(qǐng)外部插畫師貢獻(xiàn)自己獨(dú)特的風(fēng)格來挑戰(zhàn)觀眾。
計(jì)劃系統(tǒng)的發(fā)展,并允許進(jìn)行增量實(shí)驗(yàn)——即使當(dāng)前的風(fēng)格很受歡迎。
罪魁禍?zhǔn)?:庫(kù)存插圖被過度使用
許多vi設(shè)計(jì)輔助圖形設(shè)計(jì)公司需要在其網(wǎng)站上提供大量視覺內(nèi)容,但時(shí)間和預(yù)算限制限制了可以委托的自定義圖形的數(shù)量。為了滿足需求,公司轉(zhuǎn)向他們購(gòu)買主題插圖集的庫(kù)存網(wǎng)站。
不幸的是,很難找到原創(chuàng)、高質(zhì)量和未充分利用的插圖(更不用說品牌上的插圖了)。
問題
股票插圖的世界出現(xiàn)了一個(gè)令人不安的趨勢(shì)。在可能只能被描述為對(duì)剪貼畫時(shí)代的錯(cuò)誤致敬中,現(xiàn)在有混合搭配的插圖網(wǎng)站通過允許用戶定義性別、膚色和服裝等變量來立即生成“自定義”圖像。由此產(chǎn)生的插圖是使用它們的公司的創(chuàng)意可信度的污點(diǎn)。
補(bǔ)救措施
對(duì)于資源有限的公司,有兩種方法可以規(guī)避與庫(kù)存圖像相關(guān)的虛假氛圍。第一個(gè)可能是一個(gè)驚喜。全心全意地?fù)肀?kù)存插圖。全力以赴。毫無保留地使用庫(kù)存圖像,但要找到自定義它們的方法。如何?
使用數(shù)字拼貼混合和匹配不同的庫(kù)存樣式。
將圖庫(kù)插圖與攝影(甚至圖庫(kù)攝影)結(jié)合起來。
覆蓋手繪元素,如Sharpie 標(biāo)記或油漆筆觸。
跟蹤數(shù)字扭曲和扭曲的庫(kù)存樣本。
將庫(kù)存轉(zhuǎn)換為灰度,并使用數(shù)字繪制的圖形注入品牌色彩。
在預(yù)算工作時(shí)避免庫(kù)存的第二種方法是優(yōu)先考慮最需要哪些插圖并訂購(gòu)一小組。也許這意味著委托五個(gè)主頁插圖。在短期內(nèi),它們將提供視覺沖擊力,稍后,它們可用于為其他頻道提供更大的插圖集。
網(wǎng)頁插圖趨勢(shì)
彭博社的印刷封面長(zhǎng)期以來一直使用庫(kù)存圖像來產(chǎn)生戲劇性(和搞笑)的效果。在網(wǎng)上,這一傳統(tǒng)仍在繼續(xù),這幅巧妙的照片拼貼就是證明。
有目的地創(chuàng)建網(wǎng)頁設(shè)計(jì)插圖
在網(wǎng)絡(luò)上,插圖使服務(wù)更相關(guān),產(chǎn)品更受歡迎。它加強(qiáng)了品牌故事的講述,并幫助網(wǎng)站訪問者理解他們每天遇到的永無止境的信息流。但僅僅在網(wǎng)站上有插圖是不夠的。
未能超越其相應(yīng)文本的一對(duì)一表示的插圖是浪費(fèi)了參與機(jī)會(huì)。同樣,插圖中的價(jià)值很小,可能會(huì)被誤認(rèn)為屬于數(shù)百個(gè)其他品牌之一。
插圖必須以獨(dú)特的觀點(diǎn)吸引觀眾——無論是風(fēng)格上還是概念上。它們不必復(fù)雜、逼真或充滿色彩才能引起注意,但它們確實(shí)需要以文字、照片和圖表無法做到的方式闡明主題的有趣之處。
插圖留在這里。它的溝通能力太有說服力了,不能被拋棄。但對(duì)于未能探索插圖表達(dá)潛力的公司和插畫家來說,它的價(jià)值將被證明是短暫的。
總監(jiān)微信
復(fù)制成功
業(yè)務(wù)咨詢 何先生
業(yè)務(wù)咨詢 何先生
搜索感興趣的內(nèi)容