設(shè)計(jì)直播!頂尖品牌設(shè)計(jì)團(tuán)隊(duì) Ramotion 的作品背后竟藏著這些秘密…

??@N可可洛N、@爆炒地瓜????:Ramotion (https://dribbble.com/Ramotion)是一個(gè)從事品牌和 UX 設(shè)計(jì)的專業(yè)工作室,服務(wù)客戶包括 Adobe、Xero、Opera 等知名企業(yè),在著名設(shè)計(jì)師社區(qū) Dribbble 上擁有10多萬粉絲關(guān)注,上過 Behance 首頁熱推,拿過 In、Pd、Gr 等數(shù)枚榮譽(yù)標(biāo)簽。這次與我們分享的是 Dribbble 上的人氣作品 Volusion 的標(biāo)志設(shè)計(jì)過程。

設(shè)計(jì)直播!頂尖品牌設(shè)計(jì)團(tuán)隊(duì) Ramotion 的作品背后竟藏著這些秘密…

△ Volusion Logo

設(shè)計(jì)直播!頂尖品牌設(shè)計(jì)團(tuán)隊(duì) Ramotion 的作品背后竟藏著這些秘密…

△?Ramotion Dribbble 首頁

優(yōu)設(shè):

可以為優(yōu)設(shè)的小伙伴們介紹一下您的客戶背景么?

Ramotion:

Volusion.com 是一家電子商務(wù)網(wǎng)站建設(shè)者,于1999年開始在全球各地幫助180,000人創(chuàng)建屬于自己的電子商城。他們擁有一支完美的內(nèi)部設(shè)計(jì)團(tuán)隊(duì),這支團(tuán)隊(duì)擁有出色的 UX 和 UI 設(shè)計(jì)能力。但是,他們想要?jiǎng)?chuàng)造出屬于自己特點(diǎn)的強(qiáng)烈視覺品牌形象。這是一個(gè)從上到下的重新設(shè)計(jì)過程,不僅是 Logo 標(biāo)識,還有網(wǎng)站用戶體驗(yàn)的改善和用戶界面的重新設(shè)計(jì)。 因此,這次的設(shè)計(jì)促成了 Volusion 和 Ramotion 之間的契機(jī),通過 Ramotion 的專業(yè)品牌設(shè)計(jì)能力來實(shí)現(xiàn) Volusion 的理想愿景。

優(yōu)設(shè):

如何與您的客戶溝通,并在第一階段了解他們的真實(shí)心理需求?

?Ramotion:

我們總是以開會的方式展開我們的設(shè)計(jì)流程。 有時(shí)候,我們會采用視頻通話進(jìn)行溝通,我們傾向于在客戶端進(jìn)行個(gè)人會議。有關(guān)產(chǎn)品,業(yè)務(wù),目標(biāo)受眾,競爭對手等問題清單的梳理和討論,這是回答所有問題的必要步驟。 如果我們?nèi)狈φ鎸?shí)有效信息,我們是不會開始實(shí)際的設(shè)計(jì)。 我們相信「垃圾進(jìn),出垃圾」的原則。 這意味著我們必須從早期開始就要了解業(yè)務(wù)目標(biāo)和客戶的期望。 這種「零階段」的討論有助于定義驗(yàn)收標(biāo)準(zhǔn),不僅適用于我們的團(tuán)隊(duì),也適用于客戶。

優(yōu)設(shè):

能否為我們分享一下設(shè)計(jì)過程中的靈感來源和實(shí)施過程?

Ramotion:

我們有我們獨(dú)特的「設(shè)計(jì)漏斗」品牌設(shè)計(jì)方法。 通常,我們的流程中大約有10個(gè)步驟,但這也取決于項(xiàng)目的需求規(guī)模。

階段零:與客戶一起創(chuàng)建一個(gè)簡短的文檔,定義需求和品牌目標(biāo)。(Ramotion 獨(dú)家頭腦風(fēng)暴體系,將不同領(lǐng)域分離出他們所認(rèn)為對應(yīng)的詞匯,例如旅行可以通過地圖、道路、氣球等不同可視化物體表現(xiàn)。)

設(shè)計(jì)直播!頂尖品牌設(shè)計(jì)團(tuán)隊(duì) Ramotion 的作品背后竟藏著這些秘密…

階段一:視覺定位。 根據(jù)我們對數(shù)百個(gè)來自不同領(lǐng)域的標(biāo)識所做的分析,我們知道如果我們正在為孩子們設(shè)計(jì)一個(gè) Logo 或者奢侈品服務(wù),我們需要應(yīng)用哪些視覺參數(shù)。 這些參數(shù)全部是關(guān)于顏色,形狀(圓形或前衛(wèi)),字體等。

階段二:低保真素描。在這個(gè)階段,我們探索了幾十個(gè)不同視覺上的形狀表現(xiàn)。

設(shè)計(jì)直播!頂尖品牌設(shè)計(jì)團(tuán)隊(duì) Ramotion 的作品背后竟藏著這些秘密…

設(shè)計(jì)直播!頂尖品牌設(shè)計(jì)團(tuán)隊(duì) Ramotion 的作品背后竟藏著這些秘密…

階段三和階段四:討論和優(yōu)化草圖以獲得兩到三個(gè)終稿。 ?

設(shè)計(jì)直播!頂尖品牌設(shè)計(jì)團(tuán)隊(duì) Ramotion 的作品背后竟藏著這些秘密…

設(shè)計(jì)直播!頂尖品牌設(shè)計(jì)團(tuán)隊(duì) Ramotion 的作品背后竟藏著這些秘密…

設(shè)計(jì)直播!頂尖品牌設(shè)計(jì)團(tuán)隊(duì) Ramotion 的作品背后竟藏著這些秘密…

階段五:顏色選擇。這個(gè)階段非常重要,我們會使用色彩心理學(xué),我們需要做很多測試以確保我們的色彩對色盲使用者非常友好,當(dāng)需要時(shí),根據(jù) WCAG 2.0 的建議,檢查色彩對比度。?

設(shè)計(jì)直播!頂尖品牌設(shè)計(jì)團(tuán)隊(duì) Ramotion 的作品背后竟藏著這些秘密…

階段六,七,八:對標(biāo)志的選擇進(jìn)行細(xì)節(jié)打磨,并設(shè)計(jì)一個(gè)字標(biāo)(數(shù)字產(chǎn)品品牌包括文字標(biāo)識和圖形標(biāo)志)。

設(shè)計(jì)直播!頂尖品牌設(shè)計(jì)團(tuán)隊(duì) Ramotion 的作品背后竟藏著這些秘密…

階段九和十:最終的優(yōu)化和品牌手冊設(shè)計(jì)。?

設(shè)計(jì)直播!頂尖品牌設(shè)計(jì)團(tuán)隊(duì) Ramotion 的作品背后竟藏著這些秘密…

優(yōu)設(shè):

能否分享一些向客戶展示最終設(shè)計(jì)產(chǎn)品時(shí)的溝通技巧?

?Ramotion:

在我們的「設(shè)計(jì)漏斗」流程中,客戶始終是團(tuán)隊(duì)的一部分。 這意味著他知道我們?yōu)槭裁催x擇這個(gè)設(shè)計(jì)決定,他知道一個(gè)關(guān)于品牌創(chuàng)造的故事。 用視覺標(biāo)識來講故事非常重要,我們使用視頻廣播來展示每個(gè)設(shè)計(jì)更新。當(dāng)您通過展示圖片和通過語音解釋思考過程來分享您的進(jìn)度和結(jié)果時(shí),它會在您與客戶之間形成強(qiáng)烈的情感聯(lián)系,它極大地提高了客戶的信任度。

優(yōu)設(shè):

說到這里,能否為國內(nèi)的設(shè)計(jì)師們分享下如何有效提升設(shè)計(jì)能力?有什么好書或效率工具值得推薦?

Ramotion:

設(shè)計(jì)沒有什么捷徑可走,唯有觀察和練習(xí)。在 Ramotion,我們有保持學(xué)習(xí)的傳統(tǒng)。每個(gè)團(tuán)隊(duì)成員每天都在不斷閱讀,學(xué)習(xí)和嘗試新的東西。對于設(shè)計(jì)師而言,書籍和文章是每個(gè)人不可或缺的靈感來源,但是,我們始終建議您閱讀 Edward Tufte(信息設(shè)計(jì)的先驅(qū)者)和 Paul Rand(美國杰出平面設(shè)計(jì)師)的書籍。

此外,我們幾乎每天都會為品牌設(shè)計(jì)師和插畫師進(jìn)行一些練習(xí)。例如,兩名隊(duì)員分別寫下一個(gè)字。團(tuán)隊(duì)成員 A 寫形容詞,團(tuán)隊(duì)成員 B 寫名詞。他們沒有一個(gè)特定的主題,A 不知道 B 的詞,反之亦然。然后通過這個(gè)兩個(gè)詞的組合來展開創(chuàng)意上的練習(xí),設(shè)計(jì)師和插畫師都有5-10分鐘的時(shí)間來繪制盡可能多的草圖,以便說明組合而成的這個(gè)詞組。為了使這個(gè)過程更快,我們還專門制作了隨機(jī)生成單詞的生成器,方便我們更加有效的練習(xí)。

優(yōu)設(shè):

你們的一天是怎樣的呢?

Ramotion:

設(shè)計(jì)師的工作時(shí)間從早上9點(diǎn)開始,但是,我們非常靈活,一些設(shè)計(jì)師在工作時(shí)間表上有所調(diào)整,并在上午11點(diǎn)到達(dá)辦公室,或者有時(shí)在家工作。

設(shè)計(jì)直播!頂尖品牌設(shè)計(jì)團(tuán)隊(duì) Ramotion 的作品背后竟藏著這些秘密…

我們使用 Mac,并且每個(gè)設(shè)計(jì)人員都會有最新的設(shè)備,如 Wacom 手繪板,iPad Pro,iPhone 等,如果需要的話。一位設(shè)計(jì)師一次最多有兩個(gè)商業(yè)項(xiàng)目和一些內(nèi)部任務(wù)。與谷歌辦公室不同,我們沒有游戲室。我們的辦公環(huán)境實(shí)際看起來更像包豪斯風(fēng)格,但更多的是數(shù)字化的簡約。

創(chuàng)意總監(jiān)的工作時(shí)間非常靈活。由于職責(zé),創(chuàng)意總監(jiān)的工作通常會根據(jù)需要來回切換。在白天,他主要專注于與設(shè)計(jì)團(tuán)隊(duì)的溝通,解決問題,頭腦風(fēng)暴并進(jìn)行質(zhì)量保證工作。晚上的時(shí)間是以客戶為主,共享更新,錄制視頻廣播,呈現(xiàn)交付內(nèi)容,并與客戶交流溝通。

這就是我們工作室的一天。

感謝 Ramotion 給我們帶來的這次設(shè)計(jì)直播干貨,也期待下次更好的交流與合作。同時(shí)優(yōu)設(shè)會第一時(shí)間邀請國內(nèi)外優(yōu)秀的設(shè)計(jì)師分享他們真實(shí)的創(chuàng)作歷程。

對 Ramotion 感興趣的朋友們可以通過以下鏈接查看更多哦。

圖片素材作者:Ramotion

設(shè)計(jì)師專訪,了解大牛都是如何開展設(shè)計(jì)的」

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng) UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站,分享了大量PS、AE、AI、C4D等中文教程,為零基礎(chǔ)設(shè)計(jì)愛好者也準(zhǔn)備了貼心的知識樹專欄。開啟免費(fèi)自學(xué)新篇章,按照我們的專欄一步步學(xué)習(xí),一定可以迅速上手并制作出酷炫的視覺效果。

設(shè)計(jì)導(dǎo)航:國內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航,設(shè)計(jì)師必備: http://hao.uisdc.com

收藏 76
點(diǎn)贊 5

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。