如何為日本市場(chǎng)打造多場(chǎng)景設(shè)計(jì)語(yǔ)言

0 評(píng)論 296 瀏覽 1 收藏 9 分鐘

在全球化產(chǎn)品設(shè)計(jì)中,日本市場(chǎng)始終是一塊“高感度”試金石。本文結(jié)合一線實(shí)踐經(jīng)驗(yàn),系統(tǒng)拆解如何構(gòu)建適配日本用戶心理與文化語(yǔ)境的多場(chǎng)景設(shè)計(jì)語(yǔ)言,從視覺(jué)風(fēng)格到交互細(xì)節(jié),為產(chǎn)品團(tuán)隊(duì)提供一套可復(fù)用的本地化設(shè)計(jì)方法論。

近期,我們團(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ì)之前先讀懂日本美學(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é)理論。

色彩:「和風(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)三色」。

布局:嚴(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)化秩序感和專業(yè)性,讓整個(gè)界面看起來(lái)如同精心切割的木工作品,精準(zhǔn)而有力。

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

圖片:承載“視覺(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ì)策略的并行探索

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

1)以‘日式美學(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)品的專業(yè)與品位,旨在先與用戶建立情感共鳴。

2)以‘本土信任優(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)題”;

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

團(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é)的魅力。

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

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

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

作者:西詞;公眾號(hào):群和科技用戶體驗(yàn)設(shè)計(jì)

本文由 @群核科技用戶體驗(yàn)設(shè)計(jì) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

題圖來(lái)自u(píng)nsplash,基于CC0協(xié)議

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!