在這篇文章中,數(shù)字vi設(shè)計(jì)公司的設(shè)計(jì)師Vladimir Gruev 解釋了如何為數(shù)字產(chǎn)品打造具有凝聚力的VI視覺(jué)識(shí)別系統(tǒng)。另外,如何成功地向客戶展示您的概念,并將VI視覺(jué)識(shí)別系統(tǒng)整合到產(chǎn)品營(yíng)銷和界面中。
數(shù)字vi設(shè)計(jì)公司熱衷于創(chuàng)造具有強(qiáng)烈VI視覺(jué)識(shí)別系統(tǒng)的產(chǎn)品。它幫助數(shù)字品牌更上一層樓并提高用戶。
在數(shù)碼產(chǎn)品的現(xiàn)代世界中,我們經(jīng)??吹綐I(yè)內(nèi)大牌改變形象以吸引用戶的注意力。新品牌很清楚這一點(diǎn),并試圖在這個(gè)競(jìng)爭(zhēng)激烈的市場(chǎng)中脫穎而出、獨(dú)樹一幟并脫穎而出。我認(rèn)為VI視覺(jué)識(shí)別系統(tǒng)是幫助產(chǎn)品實(shí)現(xiàn)上述目標(biāo)的重要元素。
VI視覺(jué)識(shí)別系統(tǒng)是幫助產(chǎn)品在這個(gè)競(jìng)爭(zhēng)激烈的市場(chǎng)中脫穎而出的重要元素。那么,您如何為您的產(chǎn)品創(chuàng)建一個(gè)強(qiáng)大、連貫且最重要的是一致的標(biāo)識(shí)呢?請(qǐng)繼續(xù)關(guān)注,因?yàn)槲覀兗磳⒄业酱鸢浮?/p>
注意:本文以壓縮方式編寫,以便更廣泛地了解整個(gè)情況。我確信VI視覺(jué)識(shí)別系統(tǒng)開發(fā)的中間階段同樣重要,但我會(huì)盡量簡(jiǎn)潔:)。
第一:對(duì)產(chǎn)品進(jìn)行研究
在開始開發(fā)VI視覺(jué)識(shí)別系統(tǒng)之前,先做好功課。如果你有幸在一個(gè)已有品牌戰(zhàn)略的產(chǎn)品上工作,你幾乎可以跳過(guò)這一步,使用這些品牌戰(zhàn)略文件來(lái)指導(dǎo)產(chǎn)品的VI視覺(jué)識(shí)別系統(tǒng)。
如果您從頭開始制定品牌戰(zhàn)略,那么研究產(chǎn)品將幫助您節(jié)省大量與客戶互動(dòng)的時(shí)間。所以,讓我們繼續(xù)深入探索階段:
查找并填寫您正在為其創(chuàng)建VIVI視覺(jué)識(shí)別系統(tǒng)系統(tǒng)的產(chǎn)品的精益畫布。它應(yīng)該包括以下部分(這里的順序很重要):
客戶細(xì)分
客戶問(wèn)題
客戶解決方案
接下來(lái),填寫品牌調(diào)查問(wèn)卷。這應(yīng)該包括品牌特征(您的品牌與客戶溝通的方式),例如語(yǔ)氣、核心特征和屬性,以及品牌故事。
你的工作是盡可能多地了解公司的使命、價(jià)值觀和愿景……
從本質(zhì)上講,您的工作是盡可能多地了解公司的使命、價(jià)值觀和愿景,以便將這些見解融合到您創(chuàng)建的VI視覺(jué)識(shí)別系統(tǒng)中。
專業(yè)提示:您可以通過(guò)簡(jiǎn)單的Google 搜索輕松找到精益和品牌畫布模板?;蛘?,使用此鏈接將兩者都填寫。
收集的所有信息將構(gòu)成您的初步研究,并為您提供有關(guān)品牌和/或產(chǎn)品的足夠詳細(xì)信息——從它與競(jìng)爭(zhēng)對(duì)手的比較、它為客戶解決的問(wèn)題、用戶細(xì)分、行為因素等。也毫不猶豫地向客戶索取額外的產(chǎn)品材料!
現(xiàn)在您的研究已經(jīng)完成,是時(shí)候進(jìn)行VI視覺(jué)識(shí)別系統(tǒng)創(chuàng)建過(guò)程了!
如何創(chuàng)建VI視覺(jué)識(shí)別系統(tǒng)
VI視覺(jué)識(shí)別系統(tǒng)的核心是用戶在視覺(jué)上感知和感受產(chǎn)品的方式。它是一組塑造用戶對(duì)該產(chǎn)品的感知的視覺(jué)資產(chǎn)。
VI視覺(jué)識(shí)別系統(tǒng)是您的用戶在視覺(jué)上感知和感受產(chǎn)品的方式。
我想指出,VI視覺(jué)識(shí)別系統(tǒng)建立在這兩個(gè)基礎(chǔ)之上:
公司文化與特色
產(chǎn)品的商業(yè)利基
VI視覺(jué)識(shí)別系統(tǒng)的工作過(guò)程總是從評(píng)估我之前談到的產(chǎn)品的點(diǎn)點(diǎn)滴滴開始。作為一名設(shè)計(jì)師,您希望通過(guò)研究這些材料來(lái)了解業(yè)務(wù)和產(chǎn)品。這樣,您最終可以自信地創(chuàng)建引人注目的圖像。
創(chuàng)建情緒板并與您的客戶同步
首先創(chuàng)建一個(gè)情緒板(或其他人喜歡稱之為靈感板)。這將包含與客戶的創(chuàng)意愿景產(chǎn)生共鳴的各種視覺(jué)資產(chǎn)和材料。VI視覺(jué)識(shí)別系統(tǒng)的情緒板可能包括照片、插圖、圖案、徽標(biāo)示例、字體、調(diào)色板、印刷材料等。
如果產(chǎn)品是網(wǎng)絡(luò)應(yīng)用程序,我還建議創(chuàng)建第二個(gè)情緒板。第二個(gè)情緒板將針對(duì)產(chǎn)品將存在的不同平臺(tái)呈現(xiàn)一些UI/UX 美學(xué)。(網(wǎng)絡(luò)、iOS、Android)。
以下是數(shù)字vi設(shè)計(jì)公司開發(fā)強(qiáng)大情緒板的一些技巧:
將TA 與公司的價(jià)值觀、利基和其他可用的戰(zhàn)略信息一起考慮,以便準(zhǔn)確傳達(dá)產(chǎn)品垂直業(yè)務(wù)的精神。
始終向客戶解釋流程及其目的。
不要推動(dòng)客戶的決定或自己選擇某些東西——請(qǐng)他們分享他們的印象并提供反饋。
向客戶展示您的概念
在開發(fā)VI視覺(jué)識(shí)別系統(tǒng)方面有不同的方法。我們Heartbeat相信創(chuàng)建一個(gè)單一的VI視覺(jué)識(shí)別系統(tǒng)概念并在必要時(shí)擁有幾個(gè)輔助概念就足夠了。
通過(guò)展示如何在數(shù)字和現(xiàn)實(shí)應(yīng)用程序中使用您的概念來(lái)解釋您的概念。
在這個(gè)階段,您需要以PDF 演示文稿的形式向您的客戶展示一份草稿,展示您的核心想法。包括對(duì)概念的描述、它的組成、你是如何達(dá)到這一點(diǎn)的,以及未來(lái)如何提升和提升它。該演示文稿還應(yīng)包含基本知識(shí),例如標(biāo)識(shí)、字體、顏色等……
以下是演示時(shí)的一些提示:
通過(guò)展示如何在數(shù)字和現(xiàn)實(shí)應(yīng)用程序中使用您的概念來(lái)解釋您的概念。
盡力解釋產(chǎn)品和VI視覺(jué)識(shí)別系統(tǒng)之間的聯(lián)系,即使它看起來(lái)很明顯。
使用您之前的產(chǎn)品發(fā)現(xiàn)來(lái)驗(yàn)證VI視覺(jué)識(shí)別系統(tǒng)。請(qǐng)記住業(yè)務(wù)利基和目標(biāo)受眾。
電子商務(wù):首頁(yè)商務(wù)電子商務(wù)電子商務(wù)電子商務(wù)電子商務(wù)時(shí)尚登陸頁(yè)面產(chǎn)品頁(yè)面促銷商店商店網(wǎng)頁(yè)網(wǎng)站網(wǎng)站設(shè)計(jì)
創(chuàng)建您的VI視覺(jué)識(shí)別系統(tǒng)資產(chǎn)
這些是VI視覺(jué)識(shí)別系統(tǒng)的各種組成部分,您最終傳遞給客戶的可交付成果。這組組件以及您展示它們的方式實(shí)際上取決于您客戶的目標(biāo)和要求。我們喜歡將其整理并保存為Figma 文件,并具有將必要的資產(chǎn)導(dǎo)出為png、SVG 和pdf 格式的便捷功能。以下是組件的示例列表:
標(biāo)識(shí)
顏色
字體
圖標(biāo)
插圖、照片、圖案
通訊/視頻
互動(dòng)元素
網(wǎng)站(演示標(biāo)題)
完成VI視覺(jué)識(shí)別系統(tǒng)后,就可以將其很好地融入產(chǎn)品,就像量身定制的服裝一樣。
將VI視覺(jué)識(shí)別系統(tǒng)整合到產(chǎn)品的網(wǎng)站和應(yīng)用程序中
今天,我們知道,如果應(yīng)用程序或營(yíng)銷部分單獨(dú)存在(或者如果其中一個(gè)根本不存在),則產(chǎn)品的性能將無(wú)法達(dá)到應(yīng)有的水平。兩者都有自己的實(shí)際應(yīng)用。換句話說(shuō),產(chǎn)品的應(yīng)用程序應(yīng)該旨在為用戶解決問(wèn)題。另一方面,營(yíng)銷實(shí)際上是向用戶傳達(dá)信息。
一個(gè)好的現(xiàn)代數(shù)字產(chǎn)品將無(wú)縫地組合所有產(chǎn)品部件,使整個(gè)產(chǎn)品作為一個(gè)單一、統(tǒng)一的機(jī)制協(xié)同工作。
簡(jiǎn)而言之,產(chǎn)品的App、Marketing 甚至Sales 不能單獨(dú)存在并發(fā)揮作用。一個(gè)好的現(xiàn)代數(shù)字產(chǎn)品是這些產(chǎn)品部件的無(wú)縫組合,使整個(gè)產(chǎn)品作為一個(gè)單一、統(tǒng)一的機(jī)制協(xié)同工作。
將VI視覺(jué)識(shí)別系統(tǒng)應(yīng)用于營(yíng)銷
在營(yíng)銷方面,所有品牌元素都應(yīng)該在您的網(wǎng)站和其他媒體上很好地協(xié)同工作。這是客戶(有時(shí)甚至是投資者)在熟悉產(chǎn)品時(shí)首先會(huì)注意到的。數(shù)字營(yíng)銷有相當(dāng)多的應(yīng)用程序——社交媒體、演示文稿、電子郵件通訊,甚至是Product Hunt 上的帖子。
以下是數(shù)字vi設(shè)計(jì)公司的視覺(jué)形象的技巧:
明智地使用VI視覺(jué)識(shí)別系統(tǒng),不要讓圖形過(guò)載。關(guān)注銷售觸發(fā)器、CTA 和主要信息。讓您的用戶不受限制地掃描內(nèi)容。
將VI視覺(jué)識(shí)別系統(tǒng)應(yīng)用于復(fù)雜的用戶界面
自然地,有一些約束對(duì)設(shè)計(jì)者施加了某些限制。請(qǐng)記住,用戶打開應(yīng)用程序是為了使用它,而不是為了查看您創(chuàng)建的所有出色視覺(jué)效果。讓他們先做他們的工作,在他們的體驗(yàn)中只稍微暗示你的視覺(jué)身份。簡(jiǎn)而言之,應(yīng)用程序應(yīng)保持其快速性和易用性。如果需要,您可以為“橫幅”、“入職”、“占位符”、“成功消息”等添加一些視覺(jué)效果。以下是一些提示:
認(rèn)真考慮產(chǎn)品的平臺(tái),例如桌面/移動(dòng)。它將影響視覺(jué)構(gòu)成、產(chǎn)品的核心DNA和用戶體驗(yàn)。
在產(chǎn)品平臺(tái)的上下文中使用設(shè)計(jì)系統(tǒng)。利用包含視覺(jué)資產(chǎn)(如顏色、字體、圖標(biāo)、插圖等)的身份系統(tǒng),以保持獨(dú)特的產(chǎn)品風(fēng)格。
在需要引起用戶注意或想取悅用戶的地方應(yīng)用VI視覺(jué)識(shí)別系統(tǒng)元素。
數(shù)字vi設(shè)計(jì)公司為您總結(jié)一下
始終從基礎(chǔ)開始您的旅程。諸如公司價(jià)值觀、團(tuán)隊(duì)和產(chǎn)品特征之類的東西都為構(gòu)
建您的視覺(jué)效果奠定了堅(jiān)實(shí)的基礎(chǔ)。從那開始,然后繼續(xù)記錄并在所有團(tuán)隊(duì)成員之間共享。
用視覺(jué)加強(qiáng)這個(gè)基礎(chǔ)將使一切都感覺(jué)有機(jī),并作為一個(gè)統(tǒng)一的部分工作。不要只是復(fù)制東西——把它想象成一個(gè)系統(tǒng)。創(chuàng)建一個(gè)并享受一致性和視覺(jué)互補(bǔ)結(jié)果的好處。
總監(jiān)微信
復(fù)制成功
業(yè)務(wù)咨詢 何先生
業(yè)務(wù)咨詢 何先生
搜索感興趣的內(nèi)容