設(shè)計(jì)實(shí)戰(zhàn)!為App Spack 重設(shè)計(jì)LOGO的過程是怎樣的
每個(gè)公司都有著它的獨(dú)特征,這種獨(dú)特征是由它的發(fā)展歷程和特有的服務(wù)細(xì)節(jié)所塑造的,也正是由于這種獨(dú)特征的存在,設(shè)計(jì)師總能基于它們來為這些企業(yè)機(jī)構(gòu)進(jìn)行響應(yīng)的設(shè)計(jì)。在這其中,LOGO無疑是最直觀表現(xiàn)一個(gè)公司特性和風(fēng)格的設(shè)計(jì)元素。
設(shè)計(jì)一個(gè)獨(dú)一無二的LOGO是一件很難的事情,由于現(xiàn)現(xiàn)在的企業(yè)機(jī)構(gòu)和品牌LOGO太多了。不過,有經(jīng)驗(yàn)的設(shè)計(jì)師總能通過一些獨(dú)特的體例讓品牌LOGO脫穎而出。
今天的設(shè)計(jì)實(shí)戰(zhàn)案例就是LOGO設(shè)計(jì),甲方是一家瑞典的企業(yè),這次的設(shè)計(jì)義務(wù)被分配給了設(shè)計(jì)師 Arthur Avakyan,他之前曾經(jīng)為 Binned、Andre、Passfold、Saily、Ribbet甚至是Tubik自己進(jìn)行過設(shè)計(jì),可謂是經(jīng)驗(yàn)雄厚。
義務(wù)
為這個(gè)挪威的機(jī)構(gòu)進(jìn)行從LOGO到品牌的全方位重設(shè)計(jì)。
思路
這個(gè)名為 App Shack 是一個(gè)瑞典的數(shù)字產(chǎn)品開發(fā)機(jī)構(gòu),重要開發(fā)各種網(wǎng)絡(luò)和移動(dòng)端應(yīng)用。他們的要求是針對他們的品牌進(jìn)行重設(shè)計(jì),而其中LOGO是重中之重。老版的LOGO設(shè)計(jì)看起來平淡無奇,配色也很一樣平常,體現(xiàn)力不足,他們必要一個(gè)更加當(dāng)代的LOGO設(shè)計(jì),如許也能更貼合他們的目標(biāo)客戶的需求。
另一方面,App Shack 的客戶反映,他們其實(shí)還挺喜好LOGO的構(gòu)思,但是風(fēng)格和配色方案確實(shí)不夠奪目。同時(shí),設(shè)計(jì)了新版的LOGO之后,還必要被應(yīng)用到更多的地方,比如T恤、咭片、信封等不同的地方。
所以,在這些需求之下,為App Shack 設(shè)計(jì)新LOGO的思路就清晰了。整個(gè)LOGO的構(gòu)思和布局必要基于之前的設(shè)計(jì),通過一個(gè)簡單清晰的插畫圖案來呈現(xiàn),必要有當(dāng)代的風(fēng)格和配色,呈現(xiàn)出全新的體驗(yàn)。
Logo
品牌重設(shè)計(jì)通常都是從LOGO開始的。對于新品牌,甲方有著他們本身的愿景,但是這還不夠,在設(shè)計(jì)的時(shí)候必要針對甲方的需求、經(jīng)歷、特點(diǎn)進(jìn)行分析,結(jié)合頭腦風(fēng)暴來進(jìn)行設(shè)計(jì)。他們必要讓品牌更加當(dāng)代,那么在新LOGO的設(shè)計(jì)上要更加奇怪、俏皮。此外,客戶要求在配色方案中保留藍(lán)色,他們認(rèn)為這個(gè)顏色更加吻合他們的形象和愿景。
確定了所有的需求和設(shè)計(jì)方向之后,設(shè)計(jì)師開始了創(chuàng)作。第一階段是手繪草稿,這個(gè)階段設(shè)計(jì)師使用鉛筆素描來快速勾勒想法。無需太多時(shí)間,設(shè)計(jì)師就能在紙上勾勒出本身的想法,呈現(xiàn)出概念設(shè)計(jì),快速,高效,成本低廉。此外,有了草圖也可以在同客戶、產(chǎn)品經(jīng)理進(jìn)行溝通的時(shí)候更加順暢。此外,假如客戶有其他的要求,或者調(diào)整的時(shí)候,也更加便捷。下面是App Shack 的新LOGO在這個(gè)階段的手繪概念圖:
不出不測,在這個(gè)階段,客戶提出了想要在LOGO中加入抽象的圖形??紤]到客戶是一個(gè)進(jìn)行移動(dòng)端數(shù)字產(chǎn)品開發(fā)的公司,設(shè)計(jì)師為他們在其中加入了一個(gè)矢量的小房子圖形,這也是APP界面中最常見的首頁圖標(biāo)的意象。扁平化風(fēng)格的幾何圖形是現(xiàn)在LOGO設(shè)計(jì)中最常見也是最實(shí)用呈現(xiàn)體例。簡約的幾何圖形是優(yōu)雅的,讓人感到愉悅,所以設(shè)計(jì)師在這個(gè)思路下勾勒出了幾個(gè)幾何圖形的變體。
基于菱形幾何圖案的設(shè)計(jì)
圓角六邊形的幾何圖案
鈍角六邊形的幾何圖案
不同配色方案變體
經(jīng)過一番討論,決定退回到包含少量細(xì)節(jié)的抽象圖形的設(shè)計(jì),先不管幾何圖形外輪廓。
借助負(fù)空間,設(shè)計(jì)出包含易于識(shí)別的房屋造型。
繼承迭代,借助負(fù)空間來設(shè)計(jì),房屋造型變更。
采用更加尖銳的房屋造型。
使用更加抽象的圖形將房屋造型勾勒出來。
App Shack 團(tuán)隊(duì)喜好第二個(gè)方案,所以設(shè)計(jì)師基于這個(gè)方案進(jìn)行了優(yōu)化。
最終將LOGO以簡約的風(fēng)格呈現(xiàn)出來,標(biāo)志性的小房子作為整個(gè)設(shè)計(jì)的核心元素而存在。如許一來,抽象的幾何圖形和核心的小房子造型就結(jié)合到了一路。在之前的《想更好地掌控設(shè)計(jì),你還必要懂得外形生理學(xué)》中,我們提到過,外形對于人的認(rèn)知也有著偉大的影響,菱形常常給人以鋒銳、清晰和伶俐的感覺,所以有了如許的設(shè)計(jì)。
配色方案是基于客戶的需求進(jìn)行選擇的,淺藍(lán)色給人一種穩(wěn)固的感覺,微微的漸變則讓整個(gè)設(shè)計(jì)顯得俏皮而當(dāng)代,吻合整個(gè)品牌的調(diào)性。此外,這個(gè)LOGO 還有響應(yīng)的單色變體,以便適應(yīng)不同的場合需求。
圖標(biāo)
完成LOGO之后,設(shè)計(jì)師開始設(shè)計(jì)響應(yīng)的圖標(biāo),為了增長品牌的識(shí)別度,整個(gè)圖標(biāo)的設(shè)計(jì)比LOGO要大上一圈,使用陰影讓它看起來是可點(diǎn)擊的。藍(lán)色的漸變背景的色彩梯度相對調(diào)整得更大,強(qiáng)化了團(tuán)體的對比度,確保在不同的屏幕上都可以清晰地呈現(xiàn)。
品牌化物品
在品牌LOGO和圖標(biāo)確定伶俐,設(shè)計(jì)師繼承針對相干物品進(jìn)行品牌化設(shè)計(jì),包括咭片、信封、T恤等物品。
咭片
時(shí)至今日,咭片依然是現(xiàn)在商業(yè)活動(dòng)中不可或缺的一種組成元素。一張?jiān)O(shè)計(jì)優(yōu)美的咭片可以呈現(xiàn)出小我和所屬企業(yè)機(jī)構(gòu)的專業(yè)性和精良的形象。
設(shè)計(jì)師在設(shè)計(jì)咭片的時(shí)候采用了品牌色和細(xì)節(jié)輪廓來強(qiáng)化整個(gè)設(shè)計(jì)。咭片當(dāng)中,企業(yè)LOGO占有了重要的部分,此外還有相干人員的聯(lián)系體例和基本信息。整個(gè)設(shè)計(jì)采用的是和品牌同等的簡約風(fēng)格,時(shí)尚,易讀。
信封
在商業(yè)往來中,信封同樣是緊張的組成部分,所以必要有充足官方的設(shè)計(jì)。App Shack 的信封設(shè)計(jì)和也整個(gè)品牌設(shè)計(jì)保持了同等。不過其中所采用的藍(lán)色相對更暗,目的是要確保團(tuán)體的優(yōu)雅表面,創(chuàng)造對比度,確??勺x性。
T恤
作為最能表現(xiàn)企業(yè)精神的周邊產(chǎn)品,App Shack 的員工T恤同樣采用了標(biāo)志性的藍(lán)色,不過為了確保個(gè)性,將LOGO的菱形元素單獨(dú)加入到設(shè)計(jì)當(dāng)中,在T恤的左下腳,看起來頗具美感。
貼紙
風(fēng)格化的貼紙是提拔品牌識(shí)別度的有用工具,它可以在不同的場合運(yùn)用,搭配不同的營銷宣傳。設(shè)計(jì)師設(shè)計(jì)了不同配色、不同視覺結(jié)果的彩色和單色貼紙。
結(jié)語
LOGO設(shè)計(jì)自己就是一件特別很是有挑釁的事情,更不用說這個(gè)領(lǐng)域的激烈競爭和多樣復(fù)雜的用戶需求。想要?jiǎng)?chuàng)造獨(dú)特的設(shè)計(jì),盡量多和客戶溝通,激發(fā)創(chuàng)造力,才有可能。
本文地址:http://www.likemindfilms.com/tutorial/di4013.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁設(shè)計(jì)中的常見頁面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫:40款為網(wǎng)頁設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺設(shè)計(jì)分享—專題頁面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢
- 10個(gè)智能對象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏