如何為日本市場打造多場景設(shè)計(jì)語言
圍繞「如何更好地觸達(dá)日本用戶」這一目標(biāo),并行探索了兩種不同的設(shè)計(jì)方向:
一種側(cè)重‘日式美學(xué)體驗(yàn)’,另一種側(cè)重‘saas商業(yè)信任’。
這個(gè)過程引發(fā)了我們關(guān)于「美學(xué)價(jià)值」與「商業(yè)目標(biāo)」如何平衡的深度思考,本文旨在沉淀與分享我們團(tuán)隊(duì)的這次探索過程與方法論。
日本設(shè)計(jì)常被視為高級(jí)感的代名詞,其設(shè)計(jì)感強(qiáng)的同時(shí)能保證信息足夠清晰明了。這背后是深植于其傳統(tǒng)哲學(xué)的獨(dú)特美學(xué)——「間」(Ma)與「侘寂」(Wabi-Sabi),一種于克制中見風(fēng)骨的藝術(shù)。它并非懸浮的理論,而是可以被轉(zhuǎn)譯為現(xiàn)代設(shè)計(jì)語言的實(shí)用準(zhǔn)則。
對(duì)我們而言,其核心是
通過克制的色彩、有序的留白和對(duì)細(xì)節(jié)的極致打磨,踐行“少即是多”的哲學(xué)理論
。
在色彩選上,我傾向于從日本傳統(tǒng)色譜(https://nipponcolors.com/)中汲取靈感。相比于高飽和度的色彩,源自自然的
低飽和度、低明度的配色
更能營造出沉靜、雅致的氛圍。為了讓設(shè)計(jì)更具識(shí)別性,會(huì)考慮適度選擇
櫻色、松綠、靛藍(lán)
三個(gè)顏色,喚起用戶對(duì)日本文化的深層共鳴。
簡單來說:櫻色、松綠、靛藍(lán)這三種顏色,雖然沒有一個(gè)官方固定的名稱,但它們的確是能夠完美代表日本傳統(tǒng)審美和自然觀的經(jīng)典色彩組合,之所以如此具有代表性,是因?yàn)槊恳环N顏色都深深植根于日本的自然、文化和歷史之中,感興趣的同學(xué)可以自己去了解一下,在這里我們把它們簡稱為
「和風(fēng)三色」。
二、布局:嚴(yán)謹(jǐn)?shù)牧舭着c“直角vs圓角”的思辨
布局是日式設(shè)計(jì)的靈魂,而留白(間)則是其精髓。
視覺元素間的留白比例通常會(huì)達(dá)到30%-50%
,遠(yuǎn)超一般的設(shè)計(jì)標(biāo)準(zhǔn)。這不僅是為了美觀,更是為了引導(dǎo)視線,讓信息有序地呈現(xiàn)。設(shè)計(jì)中嚴(yán)格遵循網(wǎng)格系統(tǒng),對(duì)文字與圖片的間距、字體的行間距進(jìn)行精細(xì)到像素級(jí)別的調(diào)整,構(gòu)建一種“板正”的秩序感。
參考:https://www.webdesignclip.com/
這里有一個(gè)很有趣的細(xì)節(jié)值得探討:
邊角處理的選擇
選擇圓角——能帶來親和、自然的感覺,符合一部分日式設(shè)計(jì)中對(duì)
“有機(jī)形態(tài)”
的追求。
選擇直角
——
基于嚴(yán)格網(wǎng)格系統(tǒng)的排版中,銳利的直角能夠最大化地強(qiáng)化秩序感和專業(yè)性,讓整個(gè)界面看起來如同精心切割的木工作品,精準(zhǔn)而有力。
選擇哪一種,取決于想傳遞的具體氣質(zhì),我們也是應(yīng)用到了不同的場景里進(jìn)行嘗試。
在日式排版中,圖片往往不只是信息的補(bǔ)充,更是
營造“視覺呼吸感”的關(guān)鍵載體
。
因此,在圖片選擇上,需要格外注意它能否傳達(dá)出「侘寂」美學(xué)中那種對(duì)不完美、無常、自然的敬畏感。
通過
大量的留白來突出主體
,引導(dǎo)觀者進(jìn)入一個(gè)寧靜的哲學(xué)意境。
它們與文字和圖標(biāo)一起,共同構(gòu)成了那個(gè)充滿呼吸感、值得細(xì)細(xì)品味的設(shè)計(jì)空間。
一、 兩種設(shè)計(jì)哲學(xué)(方案)的碰撞
1、以‘日式美學(xué)優(yōu)先’建立情感連接
-
溝通方式:
感性溝通——傳達(dá)“我能讓你變得很有品位”的概念,向他們兜售一個(gè)關(guān)于“理想之家”的筑夢(mèng)工具;
-
設(shè)計(jì)目標(biāo):
希望能第一時(shí)間抓住用戶眼球,讓用戶感知到這是一家高級(jí)的公司;
-
風(fēng)格調(diào)研:
在本地用戶投票調(diào)研中拿到了不俗的票數(shù),說明成功地引發(fā)了用戶“共鳴”;
-
差異化:
在普遍SaaS網(wǎng)站中,風(fēng)格比較獨(dú)特鮮明;
-
總結(jié):
通過大面積的留白、克制的和風(fēng)配色、以及嚴(yán)謹(jǐn)?shù)木W(wǎng)格系統(tǒng)和銳利的直角,去傳遞產(chǎn)品的專業(yè)與品位,旨在先與用戶建立情感共鳴。
2、以‘本土信任優(yōu)先’驅(qū)動(dòng)商業(yè)轉(zhuǎn)化
-
溝通方式:
理性溝通——傳達(dá)“我們很厲害”的概念,告訴用戶我們?cè)谫u一個(gè)“解決方案”;
-
信賴感強(qiáng):
藍(lán)色主色搭配黃色的輔助色,配合線條插畫,是日本SaaS網(wǎng)站建立用戶信任的“標(biāo)配”元素;
-
風(fēng)格清晰:
明確的SaaS風(fēng)格,降低用戶認(rèn)知成本,同樣在本地用戶投票調(diào)研中拿到了不俗的票數(shù);
-
總結(jié):
符合日本主流SaaS網(wǎng)站的設(shè)計(jì)范式,開門見山地展示了軟件的核心功能、客戶案例墻、增長數(shù)據(jù),通過“理性溝通”,用最快的速度告訴用戶“相信我,我能幫你解決問題”;
二、團(tuán)隊(duì)的決策與沉淀:設(shè)計(jì)策略的“情境化”應(yīng)用
經(jīng)過用戶調(diào)研和團(tuán)隊(duì)內(nèi)部的深入討論,我們達(dá)成共識(shí):在SaaS官網(wǎng)這一
以“轉(zhuǎn)化”為核心
的特定場景下,以方案B——“信任優(yōu)先”的策略更貼合現(xiàn)階段的商業(yè)目標(biāo)。
它在建立用戶信任、降低認(rèn)知和決策成本上表現(xiàn)更優(yōu),是更穩(wěn)妥的市場切入策略。最終上線后,我們的結(jié)論也在日本市場中得到了相應(yīng)的數(shù)據(jù)驗(yàn)證。
當(dāng)然,我們對(duì)于方案A的驗(yàn)證也沒有完全舍棄,而是應(yīng)用在線下推廣的應(yīng)用中,在平面設(shè)計(jì)領(lǐng)域盡可能發(fā)揮出日式美學(xué)的魅力。
三、設(shè)計(jì)的答案,永遠(yuǎn)在“情境”之中
我們只是在不同聲道上與用戶對(duì)話,作為設(shè)計(jì)師,我們的目標(biāo)就是成為一個(gè)“多聲道”的溝通者,既要懂得如何用“工程師”的語言搭建高效的轉(zhuǎn)化橋梁,也要懂得如何用“藝術(shù)家”的語言構(gòu)建引發(fā)共鳴的情感空間。
這或許也是國際化設(shè)計(jì)最迷人的挑戰(zhàn)吧!
作者:群核科技MCUX
鏈接:https://www.zcool.com.cn/article/ZMTY3ODA2OA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。