近期，我們團(tuán)隊(duì)在進(jìn)行官網(wǎng)日本本地化的項(xiàng)目中，進(jìn)行了一次非常有價(jià)值的探索。我們圍繞「如何更好地觸達(dá)日本用戶」這一目標(biāo)，并行探索了兩種不同的設(shè)計(jì)方向：一種側(cè)重‘日式美學(xué)體驗(yàn)’，另一種側(cè)重‘SaaS 商業(yè)信任’。

這個(gè)過(guò)程引發(fā)了我們關(guān)于「美學(xué)價(jià)值」與「商業(yè)目標(biāo)」如何平衡的深度思考，本文旨在沉淀與分享我們團(tuán)隊(duì)的這次探索過(guò)程與方法論。

更多出海設(shè)計(jì)干貨：

一、首先，設(shè)計(jì)之前先讀懂日本美學(xué)的“潛臺(tái)詞”：

日本設(shè)計(jì)常被視為高級(jí)感的代名詞，其設(shè)計(jì)感強(qiáng)的同時(shí)能保證信息足夠清晰明了。這背后是深植于其傳統(tǒng)哲學(xué)的獨(dú)特美學(xué)——「間」（Ma）與「侘寂」（Wabi-Sabi），一種于克制中見(jiàn)風(fēng)骨的藝術(shù)。它并非懸浮的理論，而是可以被轉(zhuǎn)譯為現(xiàn)代設(shè)計(jì)語(yǔ)言的實(shí)用準(zhǔn)則。

對(duì)我們而言，其核心是通過(guò)克制的色彩、有序的留白和對(duì)細(xì)節(jié)的極致打磨，踐行“少即是多”的哲學(xué)理論。

1. 色彩：「和風(fēng)三色」的碰撞

在色彩選上，我傾向于從日本傳統(tǒng)色譜（ https://nipponcolors.com/ ）中汲取靈感。相比于高飽和度的色彩，源自自然的低飽和度、低明度的配色更能營(yíng)造出沉靜、雅致的氛圍。為了讓設(shè)計(jì)更具識(shí)別性，會(huì)考慮適度選擇櫻色、松綠、靛藍(lán)三個(gè)顏色，喚起用戶對(duì)日本文化的深層共鳴。

簡(jiǎn)單來(lái)說(shuō)：櫻色、松綠、靛藍(lán)這三種顏色，雖然沒(méi)有一個(gè)官方固定的名稱，但它們的確是能夠完美代表日本傳統(tǒng)審美和自然觀的經(jīng)典色彩組合，之所以如此具有代表性，是因?yàn)槊恳环N顏色都深深植根于日本的自然、文化和歷史之中，感興趣的同學(xué)可以自己去了解一下，在這里我們把它們簡(jiǎn)稱為「和風(fēng)三色」。

2. 布局：嚴(yán)謹(jǐn)?shù)牧舭着c“直角 vs 圓角”的思辨

布局是日式設(shè)計(jì)的靈魂，而留白（間）則是其精髓。視覺(jué)元素間的留白比例通常會(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é)值得探討：邊角處理的選擇

選擇圓角——能帶來(lái)親和、自然的感覺(jué)，符合一部分日式設(shè)計(jì)中對(duì)“有機(jī)形態(tài)”的追求。

選擇直角——基于嚴(yán)格網(wǎng)格系統(tǒng)的排版中，銳利的直角能夠最大化地強(qiáng)化秩序感和專(zhuān)業(yè)性，讓整個(gè)界面看起來(lái)如同精心切割的木工作品，精準(zhǔn)而有力。

選擇哪一種，取決于想傳遞的具體氣質(zhì)，我們也是應(yīng)用到了不同的場(chǎng)景里進(jìn)行嘗試。

3. 圖片：承載“視覺(jué)呼吸”的侘寂之窗

在日式排版中，圖片往往不只是信息的補(bǔ)充，更是營(yíng)造“視覺(jué)呼吸感”的關(guān)鍵載體。

因此，在圖片選擇上，需要格外注意它能否傳達(dá)出「侘寂」美學(xué)中那種對(duì)不完美、無(wú)常、自然的敬畏感。

通過(guò)大量的留白來(lái)突出主體，引導(dǎo)觀者進(jìn)入一個(gè)寧?kù)o的哲學(xué)意境。

它們與文字和圖標(biāo)一起，共同構(gòu)成了那個(gè)充滿呼吸感、值得細(xì)細(xì)品味的設(shè)計(jì)空間。

二、站點(diǎn)實(shí)戰(zhàn)復(fù)盤(pán) —— 兩種設(shè)計(jì)策略的并行探索：

1. 兩種設(shè)計(jì)哲學(xué)（方案）的碰撞

① 以‘日式美學(xué)優(yōu)先’建立情感連接

方案 A ————

• 溝通方式： 感性溝通——傳達(dá)“我能讓你變得很有品位”的概念，向他們兜售一個(gè)關(guān)于“理想之家”的筑夢(mèng)工具；
• 設(shè)計(jì)目標(biāo)： 希望能第一時(shí)間抓住用戶眼球，讓用戶感知到這是一家高級(jí)的公司；
• 風(fēng)格調(diào)研： 在本地用戶投票調(diào)研中拿到了不俗的票數(shù)，說(shuō)明成功地引發(fā)了用戶“共鳴”；
• 差異化： 在普遍 SaaS 網(wǎng)站中，風(fēng)格比較獨(dú)特鮮明；
• 總結(jié)：通過(guò)大面積的留白、克制的和風(fēng)配色、以及嚴(yán)謹(jǐn)?shù)木W(wǎng)格系統(tǒng)和銳利的直角，去傳遞產(chǎn)品的專(zhuān)業(yè)與品位，旨在先與用戶建立情感共鳴。

② 以‘本土信任優(yōu)先’驅(qū)動(dòng)商業(yè)轉(zhuǎn)化

方案 B ————

• 溝通方式： 理性溝通——傳達(dá)“我們很厲害”的概念，告訴用戶我們?cè)谫u(mài)一個(gè)“解決方案”；
• 信賴感強(qiáng)： 藍(lán)色主色搭配黃色的輔助色，配合線條插畫(huà)，是日本 SaaS 網(wǎng)站建立用戶信任的“標(biāo)配”元素；
• 風(fēng)格清晰：明確的 SaaS 風(fēng)格，降低用戶認(rèn)知成本，同樣在本地用戶投票調(diào)研中拿到了不俗的票數(shù)；
• 總結(jié)：符合日本主流 SaaS 網(wǎng)站的設(shè)計(jì)范式，開(kāi)門(mén)見(jiàn)山地展示了軟件的核心功能、客戶案例墻、增長(zhǎng)數(shù)據(jù)，通過(guò)“理性溝通”，用最快的速度告訴用戶“相信我，我能幫你解決問(wèn)題”；

*配圖僅截取方案的某一部分

2. 團(tuán)隊(duì)的決策與沉淀：設(shè)計(jì)策略的“情境化”應(yīng)用

經(jīng)過(guò)用戶調(diào)研和團(tuán)隊(duì)內(nèi)部的深入討論，我們達(dá)成共識(shí)：在 SaaS 官網(wǎng)這一以“轉(zhuǎn)化”為核心的特定場(chǎng)景下，以方案 B——“信任優(yōu)先”的策略更貼合現(xiàn)階段的商業(yè)目標(biāo)。

它在建立用戶信任、降低認(rèn)知和決策成本上表現(xiàn)更優(yōu)，是更穩(wěn)妥的市場(chǎng)切入策略。最終上線后，我們的結(jié)論也在日本市場(chǎng)中得到了相應(yīng)的數(shù)據(jù)驗(yàn)證。

當(dāng)然，我們對(duì)于方案 A 的驗(yàn)證也沒(méi)有完全舍棄，而是應(yīng)用在線下推廣的應(yīng)用中，在平面設(shè)計(jì)領(lǐng)域盡可能發(fā)揮出日式美學(xué)的魅力。

3. 設(shè)計(jì)的答案，永遠(yuǎn)在“情境”之中

我們只是在不同聲道上與用戶對(duì)話，作為設(shè)計(jì)師，我們的目標(biāo)就是成為一個(gè)“多聲道”的溝通者，既要懂得如何用“工程師”的語(yǔ)言搭建高效的轉(zhuǎn)化橋梁，也要懂得如何用“藝術(shù)家”的語(yǔ)言構(gòu)建引發(fā)共鳴的情感空間。

這或許也是國(guó)際化設(shè)計(jì)最迷人的挑戰(zhàn)吧！

歡迎關(guān)注作者微信公眾號(hào)：「群核科技用戶體驗(yàn)設(shè)計(jì)