資深UI設(shè)計(jì)者 平面設(shè)計(jì)
大家有沒有在排版的時(shí)候,明明畫面排的很滿,可是看起來畫面還是不夠飽滿。
ui設(shè)計(jì)分享達(dá)人 平面設(shè)計(jì)
藍(lán)藍(lán)設(shè)計(jì)(www.teruid.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司、銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
藍(lán)藍(lán)設(shè)計(jì)(www.teruid.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司、銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
藍(lán)藍(lán)設(shè)計(jì)(www.teruid.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。
關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司
銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
藍(lán)藍(lán)設(shè)計(jì)(www.teruid.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。
關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司
銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
作者:陽陽設(shè)計(jì)師
來源:知乎
作為設(shè)計(jì)團(tuán)隊(duì),我們知道一個(gè)品牌的誕生與發(fā)展,每個(gè)公司都投入了巨大的資源和心血。logo設(shè)計(jì)就像父母給孩子起名,被企業(yè)寄予了太多的期待與美好的祝愿,它不僅僅是一個(gè)圖形一串文字,更代表了企業(yè)的形象和深厚的文化。因此我們?cè)谔峁┰O(shè)計(jì)方案時(shí),也同樣肩負(fù)著品牌價(jià)值和品牌責(zé)任傳輸?shù)穆氊?zé),在接到設(shè)計(jì)任務(wù)之后,并不會(huì)漫無目的的就開始投入到logo設(shè)計(jì)之中。而是要對(duì)服務(wù)的公司進(jìn)行充分系統(tǒng)的調(diào)研。
調(diào)研有助于我們對(duì)企業(yè)的文化、核心、價(jià)值觀、產(chǎn)品等方面進(jìn)行全面的了解。根據(jù)企業(yè)客戶的消費(fèi)行為、喜好,競(jìng)爭(zhēng)品牌進(jìn)行分析總結(jié),有針對(duì)性的制定創(chuàng)意和設(shè)計(jì)方案,避免與其他品牌“撞臉”。
給大家介紹幾個(gè)我經(jīng)常會(huì)遇到的研究方法:
通過對(duì)客戶的了解,團(tuán)隊(duì)預(yù)先準(zhǔn)備一些問題,把那些重要的信息進(jìn)行記錄匯總,這樣可以得到第一手的客戶需求??蛻羰呛茉敢飧O(shè)計(jì)師進(jìn)行品牌分享的,但是聊天式的采訪往往達(dá)不到設(shè)計(jì)預(yù)期,因此我們一定要引導(dǎo)客戶進(jìn)行闡述,一點(diǎn)點(diǎn)把品牌最重要的信息和關(guān)鍵詞梳理出來,這個(gè)過程對(duì)把握設(shè)計(jì)概念十分重要。
很多客戶表示不了解,為啥設(shè)計(jì)師可以設(shè)計(jì)各個(gè)行業(yè)的logo,甚至很多客戶只找做過他們這個(gè)行業(yè)設(shè)計(jì)的設(shè)計(jì)師,其實(shí)大可不必這樣,因?yàn)橐粋€(gè)成熟的設(shè)計(jì)團(tuán)隊(duì),做設(shè)計(jì)前都會(huì)對(duì)這個(gè)企業(yè)進(jìn)行系統(tǒng)的領(lǐng)域研究,況且任何一個(gè)團(tuán)隊(duì)也不可能做過所有行業(yè)的設(shè)計(jì)。所以我們常常通過調(diào)研系統(tǒng)的了解企業(yè)及其上下游的品牌特征,并對(duì)此進(jìn)行拓展梳理,而設(shè)計(jì)語言與方法是相通的,越成熟的設(shè)計(jì)師越能進(jìn)行精準(zhǔn)的設(shè)計(jì)。
(如該領(lǐng)域的視覺偏好是什么,對(duì)企業(yè)環(huán)境及產(chǎn)品進(jìn)行實(shí)地考察,其他競(jìng)品的品牌符號(hào)有什么共性和區(qū)別,企業(yè)符號(hào)可以從哪些視覺方面進(jìn)行表達(dá)等等)
以最近給客戶做的一個(gè)項(xiàng)目“食品加工器械”的logo設(shè)計(jì)為例,針對(duì)這個(gè)關(guān)鍵詞我們可以想到什么?“機(jī)械、科技、食品、高端”等等,根據(jù)這些詞匯,我們?cè)俅温?lián)想,拓展出二級(jí)、三級(jí)的詞語,最終找出整個(gè)思維導(dǎo)圖中最具創(chuàng)新性并符合客戶定位的關(guān)鍵詞。
其實(shí)可用的方法還有很多,如:實(shí)地調(diào)研法、抽樣調(diào)研法、統(tǒng)計(jì)調(diào)查法、文獻(xiàn)調(diào)研法等,在這里就不一一列舉了。
俗話說:“知己知彼,百戰(zhàn)不殆”,我們?cè)诹私饪蛻舻幕驹V求,深度挖掘企業(yè)核心價(jià)值與內(nèi)涵之后,才能對(duì)企業(yè)進(jìn)行明確的定位?;诖?,產(chǎn)出最能代表企業(yè)的超級(jí)符號(hào)。
民宿品牌愛彼迎在升級(jí)品牌形象時(shí)便做了大量的設(shè)計(jì)調(diào)研,為了更好的理解與傳達(dá)愛彼迎的經(jīng)營理念,設(shè)計(jì)工作室Design Studio橫跨4個(gè)大洲,往返13個(gè)城市,試住了18間房子,并與不同國家的愛彼迎員工進(jìn)行交流。甚至深入愛彼迎公司內(nèi)部,與工程師、設(shè)計(jì)師一同工作,共同交流,只為呈現(xiàn)出更完美的愛彼迎品牌視覺。通過長達(dá)數(shù)月的工作,最終完成了這一設(shè)計(jì)。
進(jìn)行了大量調(diào)研,我們才有足夠的話語權(quán)進(jìn)行創(chuàng)作。我們根據(jù)調(diào)研的結(jié)果,找出最能體現(xiàn)品牌價(jià)值的創(chuàng)新點(diǎn),再開始進(jìn)入設(shè)計(jì)過程。
調(diào)研完成后,為得到最適合的設(shè)計(jì)方案,我們常常會(huì)使用頭腦風(fēng)暴的方式獲得設(shè)計(jì)初稿。在一個(gè)集中時(shí)間段內(nèi),將之前的提取的關(guān)鍵詞進(jìn)行草圖創(chuàng)意繪制,使用圖形打散、重組的手法,將抽象思維用圖形語言表達(dá)出來。要求既符合品牌行業(yè)屬性,又具有創(chuàng)新突破的元素。
草圖繪制完成之后,我們會(huì)對(duì)草圖進(jìn)行篩選,過濾掉實(shí)施性弱、美觀性差、不夠深刻的創(chuàng)意點(diǎn)。挑選出最適合客戶需求的方案進(jìn)行深入。大量的創(chuàng)意會(huì)在這一階段經(jīng)歷打破與重塑,推倒與重來,優(yōu)中選優(yōu),只為呈現(xiàn)最好的方案。
挑選最優(yōu)方案后,我們才開始進(jìn)行Logo的下一個(gè)階段——成稿制圖,而且會(huì)推進(jìn)幾個(gè)可行性較高的方案,這樣在提案時(shí),方便客戶進(jìn)行選擇。
成稿制圖通常被甲方理解為logo設(shè)計(jì)的主要部分,因此會(huì)覺得設(shè)計(jì)只是做圖,卻忽略了設(shè)計(jì)師在前期投入的大量時(shí)間和深度思考,還容易給人產(chǎn)生Logo設(shè)計(jì)十分簡(jiǎn)單的錯(cuò)覺。我們也經(jīng)常遇到這樣的客戶“logo不就是做個(gè)圖么,怎么這么貴?”這個(gè)時(shí)候,一定要跟客戶進(jìn)行溝通,讓他們了解到logo設(shè)計(jì)的全過程是什么,為什么需要花費(fèi)大量時(shí)間,如果客戶知道你為此付出了這么多的經(jīng)歷,就會(huì)得到他們的理解。
實(shí)際制圖只是將我們頭腦中的想法表現(xiàn)出來,因此這一步驟僅占設(shè)計(jì)過程的十分之一。
經(jīng)過之前的努力,到這時(shí),基本設(shè)計(jì)方案已經(jīng)完成。這一階段主要針對(duì)Logo的細(xì)節(jié)、外形、顏色等方面進(jìn)行調(diào)整。力求設(shè)計(jì)感、藝術(shù)感、實(shí)用性相統(tǒng)一。
我們來看看蘋果公司是如何做的:蘋果公司在Logo設(shè)計(jì)時(shí),將圖形定義為一個(gè)蘋果。但當(dāng)Logo制作出來以后,圖形的辨識(shí)度并不高。為了增強(qiáng)圖形的識(shí)別性,避免讓消費(fèi)者誤認(rèn)為是“櫻桃”,設(shè)計(jì)師決定在Logo圖形上增加更多的趣味性,于是“被咬了一口的蘋果”應(yīng)運(yùn)而生,可見細(xì)節(jié)修改至關(guān)重要。
另外,在基本方案完成的基礎(chǔ)上,設(shè)計(jì)師會(huì)制定Logo使用規(guī)范,確保Logo在延展應(yīng)用過程中能夠保持高度的品牌辨識(shí)度。
以麥當(dāng)勞為例,在品牌升級(jí)前,麥當(dāng)勞長久以來并沒有制定一個(gè)嚴(yán)格統(tǒng)一使用規(guī)范,不同國家地區(qū)的麥當(dāng)勞Logo也并不相同,這對(duì)于麥當(dāng)勞塑造品牌形象是非常不利的。
因此,麥當(dāng)勞制定了一系列的標(biāo)志應(yīng)用規(guī)范,此后視覺上,統(tǒng)一規(guī)范的麥當(dāng)勞變得更加具有辨識(shí)度。
為使Logo更具形式美,我們會(huì)對(duì)logo進(jìn)行視覺優(yōu)化。例如黃金分割比例是我們?cè)谶@一階段比較常用的手法。
為使Logo設(shè)計(jì)更理性、科學(xué)、美觀,我們常常通過黃金分割比例來構(gòu)建Logo。當(dāng)事物之間各部分的比例呈現(xiàn)1:0.618的比例時(shí),最能引起視覺上的美感,這一比例充滿了理性與感性的統(tǒng)一。良好的比例關(guān)系在復(fù)制和傳播的過程中更加方便快捷,也使后期的加工制造過程更加精準(zhǔn)。
以上是我對(duì)logo設(shè)計(jì)流程的介紹,而這些其實(shí)也只是logo設(shè)計(jì)過程中的比較重要的步驟,一些具體的設(shè)計(jì)細(xì)節(jié)會(huì)根據(jù)每個(gè)不同的方案也會(huì)不同和更加深入,這樣大家就明白了,為啥logo設(shè)計(jì)這么貴了吧,可不是單單一個(gè)圖例制作那么簡(jiǎn)單
接下來再給大家分享一些經(jīng)典的Logo設(shè)計(jì)案例,一起更加深入的理解那些著名的Logo設(shè)計(jì)背后的故事,一定對(duì)你有所啟發(fā)~
2006年,百事可樂花費(fèi)100萬美元升級(jí)了logo。當(dāng)品牌視覺手冊(cè)發(fā)布之后,甚至有網(wǎng)友調(diào)侃“看完百事的logo設(shè)計(jì),終于明白logo的設(shè)計(jì)費(fèi)為什么這么貴了。”
新的logo圖形不再對(duì)稱,字體也去掉邊角變得纖細(xì)。與之前相比,現(xiàn)在的Logo更加扁平,便于記憶。
兩條曲線,似是流動(dòng)的液體,也像是微笑著的人??蓜e小看這簡(jiǎn)單的兩條曲線,弧度細(xì)微的變化都會(huì)產(chǎn)生不同的效果。百事可樂還加入了幾何角度的思考,通過幾何學(xué)解釋了Logo的原理。
在logo比例關(guān)系的處理上,也融入了對(duì)哲學(xué)問題的思考,從古代陰陽五行說到黃金分割比例,最后到地球能量磁場(chǎng),小小的Logo蘊(yùn)含了太多。
但是,Logo還存在一些不足之處,如:?jiǎn)紊珣?yīng)用時(shí)缺乏辨識(shí)度、需要增加邊框線使用等問題,導(dǎo)致Logo在具體使用時(shí),會(huì)有一定的局限性。
初代的蘋果logo描繪了“坐在樹下看書的牛頓”這樣一副圖案。相比于追求簡(jiǎn)約、便于記憶的Logo,這個(gè)圖案無疑太過復(fù)雜,在傳播上也有很大的劣勢(shì)??赡苁且庾R(shí)到了這一點(diǎn),新logo進(jìn)行了突破性的改變。
除了圖形上創(chuàng)新之外,顏色上也采用了豐富的彩虹色。它標(biāo)志著第一臺(tái)支持彩色電腦的誕生。整個(gè)Logo營造出了溫暖、積極的氛圍,為企業(yè)注入了旺盛的生命力。
作為一個(gè)科技公司的logo,極具科技感的藍(lán)色與邊角處高光、陰影等細(xì)節(jié)為Logo營造出了立體感。
在追求極致簡(jiǎn)約的時(shí)代,純黑的logo更便于識(shí)別記憶。
取代經(jīng)典純黑logo的,是具有光澤感的蘋果Logo。與之前相比,Logo圖形更為流暢、水潤。在保持識(shí)別性的基礎(chǔ)上,整體造型與材質(zhì)也更加飽滿。
隨著iphone的推出,高光版本Logo被鍍鉻效果所取代。
簡(jiǎn)約、易記的logo圖形,也向我們展示了近年標(biāo)志發(fā)展簡(jiǎn)約化的設(shè)計(jì)趨勢(shì)。時(shí)至今日,蘋果仍延續(xù)這一Logo。
去年,蘋果公司更是把Logo玩出了花樣,動(dòng)態(tài)的、靜態(tài)的、豐富的材質(zhì),讓蘋果logo“多到用不完”。
因此一個(gè)好的logo設(shè)計(jì)是一定要給logo預(yù)留足夠多的延展空間的
在成立20周年之際,騰訊更新了logo。仔細(xì)觀察字體的筆畫,我們會(huì)發(fā)現(xiàn),Logo整體傾斜了。7度太小、9度太大,傾斜8度的騰訊字體自帶科技感與運(yùn)動(dòng)感。
與logo一同發(fā)布的,還有一套定制品牌字體“騰訊字庫”,這套字體包含了中英日文拉丁文多種類別,通過統(tǒng)一的字體,更好的傳達(dá)了騰訊的企業(yè)個(gè)性,強(qiáng)化了企業(yè)形象的塑造。
由于漢字都是方正的,因此,在漢字的世界中,斜體漢字的概念聞所未聞。由于斜體的漢字很難依靠傳統(tǒng)的字體結(jié)構(gòu)。在文字的正負(fù)形、筆畫、空間美感方面,設(shè)計(jì)師需要把握平衡與速度之間微妙的制衡。
在字體的筆畫末端進(jìn)行切角處理。使文字更具力量感與速度感。“騰訊”兩字也做出了細(xì)微的調(diào)整,從筆畫、間隔到轉(zhuǎn)角弧度都發(fā)生了變化。
騰訊旗下產(chǎn)品眾多,但風(fēng)格形式都各不相同。“騰訊字庫”有助于這些項(xiàng)目在視覺形象上的統(tǒng)一。
Logo整體顏色也變成了高明度的藍(lán)色,這個(gè)顏色是與色彩機(jī)構(gòu)潘通合作,定制了品牌標(biāo)準(zhǔn)色。藍(lán)色取自海洋與天空,蘊(yùn)含著極致的理性,體現(xiàn)了對(duì)技術(shù)精益求精的追求。
來自彩通的國際色彩大師Leatrice Eiseman,也是騰訊藍(lán)的開發(fā)者之一介紹道:“它可以非常好的體現(xiàn)出騰訊的原則和哲學(xué),也就是技術(shù)方面的精益求精對(duì)技術(shù)的追求,以及會(huì)不斷地去追求新的創(chuàng)新。”
由此,還進(jìn)行了一系列應(yīng)用部分的延展。
小米斥資200萬邀請(qǐng)日本設(shè)計(jì)大師原研哉操刀設(shè)計(jì)新logo。小米logo剛一發(fā)布,便引起了熱烈的討論,只不過是由方變圓,憑什么值200萬?
我們知道,品牌Logo的升級(jí)換代,往往要考慮辨識(shí)度對(duì)品牌的影響。一旦失去了辨識(shí)度,相當(dāng)于拋棄了原有幾十年積累的品牌資產(chǎn),相當(dāng)于重新認(rèn)識(shí)品牌。因此,近年來的品牌重塑,都是在保留了原版Logo的識(shí)別性的基礎(chǔ)上,融入了更具價(jià)值的品牌理念。
作為設(shè)計(jì)行業(yè)的領(lǐng)軍人物。原研哉致力于在設(shè)計(jì)中融入東方美學(xué)的概念,將復(fù)雜的事務(wù)化繁為簡(jiǎn)。深度理解小米“以科技創(chuàng)造美好生活為使命”的品牌理念后,原研哉提出“探索科技與生命的關(guān)系”融入“ALIVE”的概念,即接近生命的形態(tài)。
Logo中融入最具中國特點(diǎn)的“人情味”,整個(gè)logo歷時(shí)三年,讓小米的Logo具有了煙火氣息,這也符合小米致力于發(fā)展一種高品質(zhì)、常態(tài)化生活的品牌調(diào)性。
不僅如此,這個(gè)外形還運(yùn)用到一個(gè)數(shù)學(xué)公式:|x|^n+|y|^n=1,通過“n”的變化來推算Logo進(jìn)行由方至圓的演變,經(jīng)過多種對(duì)比,最終選擇了當(dāng)n=3時(shí),形成集美感與寓意于一身的Logo圖形,也是最具“ALIVE”內(nèi)涵的代表圖形。
小米logo的英文字體也變得更加靈活圓潤,而“ALIVE”的理念也貫穿了整個(gè)視覺系統(tǒng),不論是產(chǎn)品展示還是品牌宣傳,新Logo都變得更加靈活生動(dòng)。(視頻)
在沿用橙色作為品牌標(biāo)準(zhǔn)色的基礎(chǔ)上,融入了具有科技感的黑色與銀色作為輔助色,保持識(shí)別性的同時(shí)也注入了新的活力。
看到這張圖片,第一時(shí)間便能聯(lián)想到麥當(dāng)勞,在消費(fèi)者心中,亮麗的金拱門早就形成了視覺符號(hào)。作為一個(gè)餐飲品牌,麥當(dāng)勞的視覺設(shè)計(jì)也不甘示弱。由于疫情,為鼓勵(lì)公眾用餐衛(wèi)生,麥當(dāng)勞將自己的logo一分為二拆分成了兩個(gè)分開的門。
通過分解Logo的“M”,在品牌延展上,同樣也和其他品牌區(qū)分開來,將logo極致符號(hào)化。
明亮積極的“M”提高了麥當(dāng)勞的品牌辨識(shí)度,紅黃配色與字母“M”深入人心,哪怕只是局部,也能被一眼認(rèn)出。這得益于麥當(dāng)勞對(duì)于自身品牌的堅(jiān)持塑造,通過不斷的品牌價(jià)值輸出,來影響消費(fèi)者的心理。
時(shí)至今日,麥當(dāng)勞形成了強(qiáng)大的品牌識(shí)別符號(hào)。簡(jiǎn)約的“m”更具記憶點(diǎn)。
藍(lán)藍(lán)設(shè)計(jì)(www.teruid.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。
關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司
銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
一篇文章補(bǔ)齊你的平面設(shè)計(jì)八大構(gòu)成?。m亭妙微UI設(shè)計(jì)公司
平面設(shè)計(jì)是一門藝術(shù)和科學(xué)的結(jié)合,通過合理運(yùn)用各種設(shè)計(jì)元素和構(gòu)成原則,創(chuàng)造出富有吸引力和有效傳達(dá)信息的作品。在平面設(shè)計(jì)中,八大構(gòu)成原則被廣泛應(yīng)用,它們是:對(duì)比、重復(fù)、對(duì)齊、對(duì)稱、比例、空白、色彩和排斥。
對(duì)比(Contrast):對(duì)比是通過相互之間的區(qū)別來突出一種元素或一個(gè)組合的方法。通過使用對(duì)比,可以增強(qiáng)圖像的吸引力,并使關(guān)鍵元素更加顯眼。比如使用不同的字體、顏色和大小來營造強(qiáng)烈的對(duì)比效果。
重復(fù)(Repetition):重復(fù)是指在設(shè)計(jì)中重復(fù)使用一個(gè)或多個(gè)元素,以增強(qiáng)整體的統(tǒng)一感和協(xié)調(diào)性。通過重復(fù)使用相似的形狀、顏色或圖案,可以營造出一種重復(fù)的節(jié)奏感,從而使作品更加有序和有力。
對(duì)齊(Alignment):對(duì)齊是將不同的元素或組件置于水平、垂直或?qū)蔷€上,以增強(qiáng)整體的組織性和連貫性。通過合理的對(duì)齊,可以使作品的結(jié)構(gòu)更加清晰,并使觀眾的注意力集中在重要的區(qū)域。
對(duì)稱(Symmetry):對(duì)稱是指作品的形態(tài)、結(jié)構(gòu)或布局兩側(cè)呈現(xiàn)相似或鏡像關(guān)系。對(duì)稱可以給人一種穩(wěn)定和平衡的感覺,它適用于傳達(dá)正式、莊重和可靠的信息。
比例(Proportion):比例是指各種元素之間大小和比例的關(guān)系。通過合理的比例,可以使作品達(dá)到和諧、舒適和平衡的效果。合理的比例關(guān)系可以通過調(diào)整尺寸、距離和形狀來實(shí)現(xiàn)。
空白(Whitespace):空白是作品中未使用的空間,也被稱為負(fù)空間??瞻卓梢詭椭{(diào)整元素之間的關(guān)系,營造出平衡和穩(wěn)定的效果。合理運(yùn)用空白可以提高作品的可讀性和可視性,并使重要元素更加突出。
色彩(Color):色彩是平面設(shè)計(jì)中非常重要的一部分,它可以通過情緒、情感和意義來傳達(dá)信息。通過選擇適合的色彩方案,可以增強(qiáng)作品的吸引力和表達(dá)力。色彩應(yīng)該符合品牌的形象,并與其他設(shè)計(jì)元素相互協(xié)調(diào)。
排斥(Hierarchy):排斥是指通過元素的大小、位置和顏色等方面的差異來創(chuàng)建層次感和視覺引導(dǎo)。通過合理的排斥,可以引導(dǎo)觀眾的目光,使他們更加關(guān)注重要的信息和設(shè)計(jì)元素。
以上八大構(gòu)成原則提供了一個(gè)設(shè)計(jì)師在平面設(shè)計(jì)中創(chuàng)造有吸引力和有效傳達(dá)信息的作品的指導(dǎo)。設(shè)計(jì)師可以根據(jù)具體情況和目標(biāo),靈活應(yīng)用這些原則,以實(shí)現(xiàn)更好的設(shè)計(jì)效果。
藍(lán)藍(lán)未來將會(huì)持續(xù)在平臺(tái)上分享關(guān)于設(shè)計(jì)行業(yè)的文章。此外藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),添加vx藍(lán)小助ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。同時(shí)添加藍(lán)小助我們將會(huì)為您提供優(yōu)秀的設(shè)計(jì)案例和設(shè)計(jì)素材等,歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。
藍(lán)藍(lán)設(shè)計(jì)( www.teruid.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
2個(gè)方法幫你從歷史中學(xué)會(huì)字體設(shè)計(jì)|蘭亭妙微UI設(shè)計(jì)公司
引言:
字體設(shè)計(jì)是一門融合藝術(shù)和技術(shù)的復(fù)雜領(lǐng)域,深受歷史的影響。通過深入研究歷史中的字體設(shè)計(jì),我們可以汲取靈感和經(jīng)驗(yàn),提升自己的字體設(shè)計(jì)能力。本文將介紹兩種方法,幫助您從歷史中學(xué)會(huì)字體設(shè)計(jì)。
來百度APP暢享高清圖片
一、研究經(jīng)典字體:
前言
每當(dāng)臨近春節(jié)時(shí),互聯(lián)網(wǎng)大廠的新年福利活動(dòng)都會(huì)相擁而至,大家在各種活動(dòng)中紅包拿到手軟。此時(shí),百度APP的「好運(yùn)中國年」系列活動(dòng)也如期與大家見面,毫不吝嗇的把“好運(yùn)”傳遞給每個(gè)用戶。
2019年至今,「好運(yùn)中國年」已進(jìn)行了五年,每年都會(huì)在品牌和玩法體驗(yàn)上進(jìn)行探索與創(chuàng)新,今年進(jìn)行了更深入的打磨,給用戶一種“新”體驗(yàn)。在設(shè)計(jì)理念上,通過具有科技感和年俗氣息的視覺創(chuàng)新,打造一場(chǎng)百度獨(dú)有的“科技廟會(huì)”;活動(dòng)玩法方面,較以往也更加豐富,包括了百度經(jīng)典集卡玩法和多種紅包玩法,給用戶多元有趣的活動(dòng)體驗(yàn)。今年春節(jié)的活動(dòng)周期比往年更長,近一個(gè)月的好運(yùn)中國年讓用戶樂此不疲。
打造好玩好逛的科技廟會(huì)
活動(dòng)初期,我們從產(chǎn)品、用戶、社會(huì)三個(gè)角度進(jìn)行分析,確定活動(dòng)的設(shè)計(jì)目標(biāo)。
百度APP是百度在移動(dòng)搜索方向的核心產(chǎn)品,代表了百度先進(jìn)的搜索技術(shù)能力,具備很強(qiáng)的科技屬性。今年團(tuán)隊(duì)設(shè)計(jì)的重點(diǎn)目標(biāo)就是將活動(dòng)與產(chǎn)品屬性相結(jié)合,因此今年開始嘗試打造「科技感」春節(jié)活動(dòng);好的活動(dòng)體驗(yàn)可以加深用戶對(duì)活動(dòng)的記憶,為了讓用戶對(duì)「好運(yùn)中國年」印象深刻,我們結(jié)合多種玩法營造科技廟會(huì)的氛圍;而這么多的活動(dòng)需要一個(gè)“集合體”來承載,“它”既要多元又要契合團(tuán)隊(duì)探索的有社會(huì)價(jià)值的年俗工藝,因此選用了“廟會(huì)”這個(gè)形式來承載。
經(jīng)過分析,最終確定以好玩好逛的“科技廟會(huì)”作為本次活動(dòng)的設(shè)計(jì)理念,給用戶“新”的體驗(yàn)感受。
來場(chǎng)對(duì)“科技廟會(huì)”的探索
“科技廟會(huì)”是什么樣子呢?通過將詞拆解的方法,以“科技”和“廟會(huì)”為關(guān)鍵詞進(jìn)行思維發(fā)散,想象以什么樣的視覺來呈現(xiàn)今年的春節(jié)活動(dòng)。
探索過程中嘗試AI繪畫,用新的科技手段輔助尋找靈感。
定調(diào)
經(jīng)探索,廟會(huì)的圖像特征越來越清晰,它是一場(chǎng)熱鬧的具有多元文化載體的文化現(xiàn)象,擁有像舞獅/臺(tái)戲/商鋪/古樓/燈籠/風(fēng)竹等事物,是民間藝術(shù)的結(jié)合體,描繪了老百姓新年期間的市井生活。
「科技感」則是一種視覺感知,既可以通過點(diǎn)、線、抽象圖形進(jìn)行感受,是粒子、發(fā)光體、光環(huán)、全息;又可以通過機(jī)器人、移動(dòng)設(shè)備、全息屏幕等具象物體體現(xiàn),是圖形元素間的動(dòng)態(tài)穿插或是一種變化發(fā)展的趨勢(shì)。
我們將射線、光環(huán)、粒子、全息圖像、速度感圖形等元素植入具有人文特征的廟會(huì)中,切入“科技廟會(huì)”主題風(fēng)格,進(jìn)而確定視覺調(diào)性。
最終通過KV將探索的“科技廟會(huì)”視覺調(diào)性展示出來。打造出的視覺情緒是新奇熱鬧的,整體營造一場(chǎng)充滿科技氛圍的春節(jié)集市。以兔子形象IP為故事主體,講述一個(gè)“兔年春節(jié)逛科技廟會(huì)”的世界觀。通過“兔子舞獅”、“古鎮(zhèn)建筑”、“商品小攤”等元素來體現(xiàn)廟會(huì),道路上的全息路標(biāo)、遠(yuǎn)處向上延伸的科技立光、城市建筑上的懸浮光圈來增加科技感。
定義“科技特色”的品牌體系
從確定設(shè)計(jì)理念開始,今年「好運(yùn)中國年」的品牌設(shè)計(jì)就被貼上了“不一樣”的標(biāo)簽。有別于往年的關(guān)鍵點(diǎn)是,需要在字體、圖形和IP上充分體現(xiàn)今年“不一樣”的“科技感”。
品牌字體
首先把“科技感”植入品牌字體中,形成獨(dú)特的字體風(fēng)格?!翱萍肌斌w現(xiàn)的是一種發(fā)展與進(jìn)步、速度與前進(jìn),代表了“硬”實(shí)力,我們把這種氣質(zhì)體現(xiàn)在今年的品牌字體中。與去年較圓潤的字體相比,今年的字體更為硬朗,在此基礎(chǔ)上字的斜度統(tǒng)一為12度,起落筆則用“尖角”延伸,整套字體現(xiàn)出科技創(chuàng)新帶來的活力激發(fā)。
品牌圖形
輔助圖形是品牌的重要記憶點(diǎn)之一,能夠強(qiáng)化品牌特征,提升用戶對(duì)品牌的認(rèn)知。今年的輔助圖形保留了去年的基礎(chǔ)形,不一樣的是增加了「科技感」特色的圖形元素,結(jié)合點(diǎn)、線、以及方格符號(hào)元素,進(jìn)一步烘托科技氛圍,在延續(xù)去年視覺感受的基礎(chǔ)上增添了新的概念。
UI組件也注入科技感,在紅包、btn、輔助入口等組件中增加科技感點(diǎn)線元素的點(diǎn)綴,信息載體使用半透明效果的異形面板,指引箭頭則運(yùn)用馬賽克表現(xiàn)形式。將這些UI組件進(jìn)行復(fù)用,科技?xì)赓|(zhì)貫穿到各活動(dòng)中,確保在不同玩法上呈現(xiàn)統(tǒng)一的視覺感受。
品牌IP
今年的活動(dòng)IP形象更具親和力和辨識(shí)度。在兔子形象的設(shè)定過程中我們嘗試多種頭身比例,最終選用的比例為2:1,大頭形象在面部特征和表情上能夠體現(xiàn)更多細(xì)節(jié),使整體更具親和力,同時(shí)也可以讓科技感的全息眼鏡顯得更為突出。IP貫穿活動(dòng)始末,起到統(tǒng)一活動(dòng)主題調(diào)性、強(qiáng)化引導(dǎo),增加新年氛圍和親和力的作用。
舊瓶裝新酒:經(jīng)典重塑,打造多元好玩的集卡活動(dòng)
集卡是百度歷年春節(jié)的經(jīng)典玩法,是用戶最喜愛的玩法之一,也是「好運(yùn)中國年」系列活動(dòng)中在線時(shí)間最長的活動(dòng),無論在視覺還是玩法上都要更加豐富多元。
[一] 玩法升級(jí),傳承創(chuàng)新
過去兩年中,活動(dòng)采用雙層卡玩法,集齊「好」「運(yùn)」「中」「國」「年」基礎(chǔ)卡后合成高級(jí)卡,集齊高級(jí)卡后獎(jiǎng)勵(lì)會(huì)翻倍。然而通過洞察研究發(fā)現(xiàn),用戶在高級(jí)卡階段容易失去熱情、感到無聊,由此發(fā)現(xiàn)高級(jí)卡階段的活動(dòng)體驗(yàn)仍有改善空間,因此嘗試在今年進(jìn)行了“新”的玩法體驗(yàn)創(chuàng)新。
今年團(tuán)隊(duì)在傳統(tǒng)集卡玩法上探索變化,傳承經(jīng)典的同時(shí),提出“新”的集卡闖關(guān)玩法。用戶集齊「好」「運(yùn)」「中」「國」「年」基礎(chǔ)卡后,開啟新的階段,合成高級(jí)卡獲得新春祝福語圖鑒,通關(guān)全套祝福語圖鑒獲得終極獎(jiǎng)勵(lì),同時(shí)整體降低集卡難度,讓用戶更容易玩下去。
[二] 傳統(tǒng)工藝,氛圍拉滿
“新酒”還體現(xiàn)在工藝的多樣上,與去年單一的年畫工藝相比,今年的集卡高級(jí)卡場(chǎng)景中展示了四種工藝,汲取了廟會(huì)中出現(xiàn)的民俗文化和民間藝術(shù)品-剪紙、燈籠、爆竹、團(tuán)扇。通過科技感的全息影像將每個(gè)場(chǎng)景串聯(lián),打造了一種科技廟會(huì)的感知。四個(gè)場(chǎng)景從家到國,層層遞進(jìn),各場(chǎng)景結(jié)構(gòu)源于品牌logo的熊掌元素,向用戶傳遞著年俗文化、透?jìng)髌放?,宣揚(yáng)科技興國的理念。
燈籠
說到春節(jié),家家戶戶都會(huì)準(zhǔn)備各式各樣的燈籠來期盼闔家團(tuán)圓。
因此活動(dòng)中選擇燈籠做為構(gòu)建高級(jí)卡場(chǎng)景一的主元素,同時(shí)也是文字的主承載物,每個(gè)燈籠呈現(xiàn)不同的造型,「團(tuán)」字的兔子造型和場(chǎng)景中的兔子IP,來呼應(yīng)兔年生肖。通過地臺(tái)上的廟會(huì)建筑和糖葫蘆等元素的結(jié)合營造出廟會(huì)年俗氛圍。
卡片則采用了較高挑的燈籠輪廓做為基礎(chǔ)造型,強(qiáng)化卡片屬性,也能夠更好的承載文字和品牌的透?jìng)鳌?/span>
剪紙
剪紙藝術(shù)作為高級(jí)卡第二個(gè)場(chǎng)景的視覺呈現(xiàn),帶領(lǐng)用戶感受其豐富內(nèi)涵,感受設(shè)計(jì)對(duì)民俗生活的理解、對(duì)生活之美的追求。
場(chǎng)景中高級(jí)卡下端增加了以全息影像方式展現(xiàn)的廟會(huì)場(chǎng)景,同樣營造出科技廟會(huì)的氛圍。
爆竹
隨著春節(jié)的腳步越來越近,人們最期待的便是新年的第一聲爆竹,中國的爆竹文化,蘊(yùn)含著華夏兒女的精神寄寓,表達(dá)著所有民族的共同期盼。近年來,隨著大眾環(huán)保意識(shí)的加強(qiáng),爆竹聲已離我們逐漸遠(yuǎn)去。因此,“爆竹”元素做為第三關(guān)高級(jí)卡的主元素,目的是為用戶營造久違的爆竹帶春聲,配合一席冬雪,向用戶描繪大自然對(duì)大地和人類的厚愛。
團(tuán)扇
團(tuán)扇是中國傳統(tǒng)工藝品及藝術(shù)品,有著深厚的文化底蘊(yùn)。同樣寓意著吉祥如意。結(jié)合卡面文字,第四個(gè)高級(jí)卡主元素被設(shè)定為團(tuán)扇。其外觀分別為圓形、花瓣形、芭蕉式等。通過設(shè)計(jì)手法展現(xiàn)團(tuán)扇的刺繡工藝,細(xì)致到邊角和裝飾。而場(chǎng)景層則通過掐絲琺瑯的形式向用戶展現(xiàn)了祖國的大好河山。卡的后面還點(diǎn)綴了具有科技屬性的衛(wèi)星元素,預(yù)示著未來科技的蓬勃發(fā)展。
[三] 科技廟會(huì),獨(dú)具特色
集卡是好運(yùn)中國年系列活動(dòng)中最先與大家見面的,為了讓用戶了解陸續(xù)開啟的更多活動(dòng),我們?cè)诩ɑ顒?dòng)頁下方開辟了一個(gè)活動(dòng)聚合專區(qū),在設(shè)計(jì)上將傳統(tǒng)與科技融合,打造了一個(gè)豐富又獨(dú)具特色的廟會(huì)場(chǎng)景。前期提煉的科技元素轉(zhuǎn)化為環(huán)繞道路的彩色全息路標(biāo),行駛中的百度無人車,LED光感的廟會(huì)建筑等,與各活動(dòng)入口共同打造一個(gè)科技感十足的廟會(huì)街道。
親朋共團(tuán)圓:疫情后我們第一次團(tuán)聚
在過去新冠疫情肆虐的三年中,大家與親人朋友團(tuán)聚的機(jī)會(huì)變得格外珍貴。在后疫情時(shí)代的第一個(gè)新年,活動(dòng)從除夕到元宵節(jié),逐步開啟多個(gè)紅包福利活動(dòng),與去年相比,在玩法上更多樣,增加了3個(gè)邀好友和2個(gè)紅包雨活動(dòng),為用戶與親朋創(chuàng)造了豐富多樣的線上互動(dòng)場(chǎng)景。
除夕和元宵節(jié)是春節(jié)的首尾時(shí)刻,通過紅包雨游戲?yàn)橛脩舭l(fā)放福利。在除夕夜,特別開設(shè)了多個(gè)時(shí)段的大額紅包玩法,用戶與家人一起守歲搶紅包、迎接新年到來。
團(tuán)圓紅包、新春大紅包、開工領(lǐng)紅包,是春節(jié)系列活動(dòng)中的3個(gè)各不相同的邀好友活動(dòng),我們通過差異化的設(shè)計(jì)形態(tài),向用戶呈現(xiàn)豐富多樣的紅包福利。
在春節(jié)假期到來前,團(tuán)圓紅包活動(dòng)的互動(dòng)方式主打線上分享,提前為用戶創(chuàng)造與家人線上聯(lián)系領(lǐng)福利的場(chǎng)景。
而在春節(jié)假期后期推出的掃碼領(lǐng)紅包活動(dòng)中,迎合朋友見面聚會(huì)場(chǎng)景,設(shè)計(jì)上強(qiáng)化掃碼互動(dòng)方式,便于線下面對(duì)面拉好友參與。
開工領(lǐng)現(xiàn)金是今年百度春節(jié)新增的特殊玩法,貼合新年后開工利是的現(xiàn)代習(xí)俗,吸引用戶向身邊的同事朋友分享這份好彩頭。
年俗文化鏈通全局
當(dāng)然這些活動(dòng)的視覺也少不了科技和年俗文化的碰撞,將這些細(xì)節(jié)元素貫穿在各個(gè)活動(dòng)中給用戶更加統(tǒng)一完整的沉浸體驗(yàn),如此多的年俗物件,是在去年活動(dòng)中沒出現(xiàn)過的。
傾聽用戶聲音,點(diǎn)滴之中打磨更好的細(xì)節(jié)體驗(yàn)
今年的“新”體驗(yàn)也體現(xiàn)在我們的細(xì)節(jié)打磨上。秉承用戶體驗(yàn)至上的原則,從去年春節(jié)活動(dòng)開始,團(tuán)隊(duì)嘗試通過投放問卷了解用戶參與活動(dòng)的感受,在今年為用戶打造了更好的細(xì)節(jié)體驗(yàn)。
通過細(xì)致入微的設(shè)計(jì)思考、克制的細(xì)節(jié)處理,打磨出「更簡(jiǎn)單」、「更生活」、「更生動(dòng)」的體驗(yàn)。在今年的體驗(yàn)反饋中,獲得了很多用戶的稱贊。
[更生活]
更生活體現(xiàn)在高級(jí)卡的場(chǎng)景設(shè)計(jì)上,將燈籠的點(diǎn)亮態(tài)和未點(diǎn)亮態(tài)通過顏色和質(zhì)感進(jìn)行區(qū)分,通過集卡逐一點(diǎn)亮燈籠,制造小的驚喜點(diǎn),寓意照亮全家人的平安與幸福。
[更簡(jiǎn)單]
為了讓活動(dòng)更易于上手,我們將主頁和彈窗中的主按鈕文字放大,提高主按鈕的視覺層級(jí),這種設(shè)計(jì)讓白發(fā)人群也可輕松參與到活動(dòng)中。
同樣的,掃碼活動(dòng)中二維碼的展示也進(jìn)行了放大處理,節(jié)省了點(diǎn)擊再放大的步驟,更便于識(shí)別和用戶之間的面對(duì)面分享。
[更生動(dòng)]
在紅包雨活動(dòng)中,為了保證用戶的游戲體驗(yàn),使用了二維游戲引擎,增強(qiáng)動(dòng)畫流暢度。同時(shí)在多種道具上增加了點(diǎn)擊實(shí)時(shí)反饋,強(qiáng)化道具的生命力。
在開工領(lǐng)紅包活動(dòng)中使用動(dòng)作捕捉數(shù)據(jù),讓人物的動(dòng)作更真實(shí),更靈活。同時(shí)設(shè)計(jì)了金幣的碰撞反饋,提升用戶的點(diǎn)擊感和爽感。給用戶更好的游戲感體驗(yàn)。
配圖是我們平時(shí)在設(shè)計(jì)工作中經(jīng)常用到的,一個(gè)好的配圖很多時(shí)候會(huì)直接影響到一個(gè)作品的好壞,圖片本身也是一種視覺語言,通過學(xué)習(xí)跨領(lǐng)域的知識(shí)可以幫助我們提升自身所處的領(lǐng)域設(shè)計(jì)能力,本篇文章和大家討論一些構(gòu)圖和景別知識(shí),通過對(duì)這些知識(shí)的了解判斷如何選擇一個(gè)好的配圖以及怎么應(yīng)用好配圖,大多數(shù)設(shè)計(jì)師選擇配圖時(shí)都是憑著主觀意識(shí)在選擇配圖,你所選擇的配圖很大程度會(huì)受到你的主觀意識(shí)的影響,這些主觀意識(shí)來源于自身審美、文化、環(huán)境等因素的,因此在我們的主觀意識(shí)基礎(chǔ)上,應(yīng)該具備一定的客觀依據(jù)來幫助我們更好的選擇合適的配圖。
構(gòu)圖與景別知識(shí)在攝影、繪畫、影視中應(yīng)用很多,但很多設(shè)計(jì)師容易忽視這些知識(shí),這些知識(shí)看似是攝影、繪畫、影視等行業(yè)的知識(shí)與設(shè)計(jì)好像沒太大關(guān)系,這些知識(shí)也是很有必要學(xué)習(xí)的的理論知識(shí),對(duì)構(gòu)圖景別的理解很大程度會(huì)影響你能否把握好設(shè)計(jì)畫面中的配圖,配圖本身也是一種視覺語言,提升構(gòu)圖和景別知識(shí)對(duì)設(shè)計(jì)師整體綜合實(shí)力提升是有幫助的,當(dāng)你做三維和插畫等設(shè)計(jì)時(shí)同樣也會(huì)用到這些知識(shí),了解這些知識(shí)會(huì)讓你以客觀依據(jù)的角度,運(yùn)用和判斷設(shè)計(jì)中配圖的好與壞。
目前來看幾乎所有的藝術(shù)或商業(yè)作品,無論是攝影、繪畫、CG等都離不開畫面的構(gòu)圖與結(jié)構(gòu),你甚至能在很多繪畫大師的的經(jīng)典作品中看到他們作品中也使用了構(gòu)圖理論,合理的構(gòu)圖作品,給觀眾美的視覺享受和與眾不同的情感體驗(yàn),同時(shí)提升畫面表現(xiàn),關(guān)于構(gòu)圖的知識(shí)很寬泛,構(gòu)圖方式方法也非常多,有的作品中可能包含多種構(gòu)圖形式,這里給大家大致介紹一些常見的構(gòu)圖知識(shí),目的是拋磚引玉讓大家意識(shí)到良好的構(gòu)圖能平衡畫面同時(shí),傳達(dá)出更清晰明確的圖像信息。
中心構(gòu)圖是將畫面主體放置在畫面的視覺中心,讓主體成為整個(gè)畫面的視覺焦點(diǎn),通過周圍環(huán)境氛圍烘托畫面主體,這種構(gòu)圖形式聚焦主體,能更好的凸顯畫面主體。
一點(diǎn)透視構(gòu)圖有較強(qiáng)的空間感和縱深感,畫面的元素會(huì)向中心聚焦,會(huì)把觀眾的視覺引導(dǎo)向畫面中心,比較適合表現(xiàn)畫面空間感。
黃金法則構(gòu)圖遵循古希臘學(xué)者畢達(dá)哥拉斯的黃金分割比例進(jìn)行構(gòu)圖,也就是我們常說的 0.618:1,黃金法則構(gòu)圖有采用像三分法那樣井字構(gòu)圖,還有采用黃金螺旋的構(gòu)圖方式,構(gòu)圖時(shí)將主題放置在黃金比例焦點(diǎn)或線上。
對(duì)角線構(gòu)圖中主體在畫面的對(duì)角線位置排列,對(duì)角線構(gòu)圖視覺沖擊強(qiáng),具有動(dòng)感和不穩(wěn)定性,更使畫面更有趣味和視覺張力。
主體在畫面中呈三角形狀,正三角形構(gòu)圖畫面更具穩(wěn)定性,反之倒三角形構(gòu)圖會(huì)使畫面有緊張感和不穩(wěn)定性。
字母形構(gòu)圖畫面呈現(xiàn)字母形態(tài),不同的字母構(gòu)圖會(huì)給觀眾帶來不同的視覺感受,S 形構(gòu)圖是一種比較常見的構(gòu)圖形式,S 形構(gòu)圖迂回延伸使畫面產(chǎn)生優(yōu)美、雅致、韻律感。
引導(dǎo)性構(gòu)圖利用畫面中有形或無形的線,引導(dǎo)觀眾的視覺聚焦到畫面的重點(diǎn),引線不一定是一條線,它是一種具有引導(dǎo)性的東西,光影、道路、河流等都可以做為引導(dǎo)線,引導(dǎo)性構(gòu)圖視覺表現(xiàn)強(qiáng),引導(dǎo)觀眾視線突出主體。
三分構(gòu)圖是最常用的構(gòu)圖方法,結(jié)構(gòu)由兩條豎線和兩條橫線構(gòu)成,形成一個(gè)井字,也叫井字構(gòu)圖法,在三分構(gòu)圖中主體通常放置在四個(gè)交點(diǎn)上或線條上,三分法是比較常見的構(gòu)圖形式,可以在很多攝影和繪畫作品中看到。
對(duì)稱構(gòu)圖是根據(jù)對(duì)稱軸,使畫面形成的對(duì)稱的構(gòu)圖形式,比較常見的對(duì)稱構(gòu)圖上下對(duì)稱、左右對(duì)稱,對(duì)稱構(gòu)圖具有平衡性、穩(wěn)定性、均衡性。
水平線構(gòu)圖也是比較常見的一種構(gòu)圖,水平線構(gòu)圖通常表現(xiàn)寬廣的場(chǎng)景,地平線、海面、湖面等主題,水平線構(gòu)圖給人寬闊、穩(wěn)定、平靜、舒適的感覺,水平線構(gòu)圖主要是是采用橫畫幅來表現(xiàn)。
垂直線構(gòu)圖中主體呈現(xiàn)為垂直的線條,垂直線構(gòu)圖給人高聳、莊嚴(yán)、挺拔的感覺,具有較強(qiáng)的視覺張力,錘子線構(gòu)圖常采用豎畫幅來表現(xiàn)。
十字形構(gòu)圖是水平線和垂直線的組合,十字形構(gòu)圖畫面會(huì)給人平穩(wěn)、安全、嚴(yán)肅、神秘的感覺。
夸張透視會(huì)以比較特別和夸張的的視角表現(xiàn)畫面和主體,使畫面整體都具有強(qiáng)大的視覺張力和沖擊力。
虛實(shí)對(duì)比通過主體和背景的間的虛與實(shí)對(duì)比,從而突出畫面主體,虛實(shí)對(duì)比使畫面更有層次和空間感。
明暗對(duì)比通常以暗襯托明,在視覺感受中越暗感覺離我們?cè)竭h(yuǎn),越明亮感覺離我們?cè)浇?,明暗?duì)比對(duì)比可以使畫面更有立體感,層次感等,通過畫面中的明暗對(duì)比形成的強(qiáng)烈反差,可以凸顯畫面中主體,引導(dǎo)觀眾視線到主體上。
色彩對(duì)比中包含三個(gè)要素色相對(duì)比、純度對(duì)比、明度對(duì)比,同時(shí)根據(jù)色環(huán)中的色相變化,還可以分為同類色對(duì)比、鄰近色對(duì)比、對(duì)比色對(duì)比、互補(bǔ)色對(duì)比,色相角度變化越大對(duì)比月強(qiáng)烈,通過色彩對(duì)比可以突出畫面重點(diǎn)、豐富畫面、提升畫面層次,背景色彩與主體色彩形成對(duì)比,能凸顯畫面主體。
奇數(shù)原則畫面通常是一個(gè)、三個(gè)或五個(gè)主體,通常不超過七個(gè),超過七個(gè)時(shí)觀眾會(huì)將其視為一個(gè)整體,當(dāng)畫面中為主體為奇數(shù)時(shí),在視覺上會(huì)比偶數(shù)更和諧、更美觀。
視覺引導(dǎo)通過畫面內(nèi)容引導(dǎo)用戶視覺,視覺引導(dǎo)形式有很多種,人物或動(dòng)物直視、運(yùn)動(dòng)方向、肢體語言等,都可以引導(dǎo)用戶在觀看畫面時(shí)的視線運(yùn)動(dòng)。
通過大小對(duì)比使主體與周圍元素形成差異化的視覺沖突,同時(shí)大小對(duì)比中的次要元素還可以作為比例參考,突出主體的大小,強(qiáng)烈的視覺落差增強(qiáng)版面節(jié)奏。
裁剪圖片為不同景別的圖片對(duì)板式設(shè)計(jì)也有很大影響,不同景別的圖片傳達(dá)的視覺語言也是不同的,哪怕是圖片朝向的位置都值得我們仔細(xì)思考,在配圖時(shí)我們要思考通過圖片傳達(dá)什么視覺信息給觀眾,所以在我們做設(shè)計(jì)時(shí),要想清楚當(dāng)前頁面要傳達(dá)什么樣的信息從而采用什么樣的景別。
大遠(yuǎn)景通常表現(xiàn)廣闊氣勢(shì)宏偉的場(chǎng)景,大遠(yuǎn)景的空間感非常強(qiáng),強(qiáng)化景物與環(huán)境的關(guān)系,主體相對(duì)較小與場(chǎng)景形成強(qiáng)烈的大小對(duì)比。
遠(yuǎn)景營造主體與場(chǎng)景的關(guān)系,通過畫面場(chǎng)景敘述主體和場(chǎng)景的關(guān)系,遠(yuǎn)景具有較強(qiáng)的空間感,具有開闊的畫面場(chǎng)景。
全景通過場(chǎng)景來體現(xiàn)主體的處境,利用人物和場(chǎng)景的關(guān)系強(qiáng)化主題,全景中主體會(huì)被強(qiáng)化形成明顯的內(nèi)容中心,從而弱化場(chǎng)景。
中景表現(xiàn)主要表現(xiàn)人物膝蓋以上,在中景中人物在畫面中的占比更大更為突出,人物會(huì)被強(qiáng)化,同時(shí)弱化場(chǎng)景。
近景主要表現(xiàn)人物胸部以上,畫面中人物或主體會(huì)占有主導(dǎo)地位,強(qiáng)調(diào)人物的情感特征,通過細(xì)微人物的動(dòng)作、肢體語言、表情等表現(xiàn)畫面主題。
特寫主要表現(xiàn)人物肩部以上或主體的細(xì)微部分,主體被放大,場(chǎng)景弱化到難以分辨,強(qiáng)調(diào)主體的情感、心理或產(chǎn)品的工藝結(jié)構(gòu)等。
大特寫會(huì)將主題放的更大,展現(xiàn)主體的局部細(xì)節(jié),大特寫具有強(qiáng)調(diào)和突出主體細(xì)節(jié)特征的作用,具有極強(qiáng)的視覺效果。
配圖知識(shí)是設(shè)計(jì)師在平時(shí)工作或設(shè)計(jì)練習(xí)中必備知識(shí),很多時(shí)候我們?cè)谶x擇配圖時(shí)完全是憑感覺在選,圖片也是一種視覺語言,作品整體質(zhì)量也會(huì)受到配圖的影響,本次配圖知識(shí)分享希望能幫助大家在之后選擇設(shè)計(jì)配圖時(shí),在主觀意識(shí)判斷的基礎(chǔ)上有一個(gè)客觀的依據(jù),寫這篇文章的同時(shí),我也正好根據(jù)文章大綱做了一套板式練習(xí)作為文章配圖,最后給大家分享幾個(gè)高質(zhì)量的圖片網(wǎng)站(需要翻墻)
攝影類圖片
https://unsplash.com/
https://burst.shopify.com/
CG類圖片
https://www.deviantart.com/
https://wallhaven.cc/
作者:Tomato76 來源:站酷
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.teruid.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.teruid.com