網(wǎng)站設(shè)計之八:為什么千萬別隨便學(xué)國外的極簡設(shè)計?

2022-6-14    博博

很多人很喜歡國外的極簡設(shè)計,先不看 Dribbble 上五花繚亂飛機稿,哪怕是博客編輯器 Wix.com 上的模板看著都很令人羨慕。為啥國外的網(wǎng)站都那么極簡,國內(nèi)就學(xué)不來呢?

十年前,我以為這是因為國民審美和設(shè)計師水平?jīng)]上來?,F(xiàn)在,我發(fā)現(xiàn)這件事情沒那么簡單啊!假想一下,你去下一個國外的極簡 UI 模板來,把文字改成中文,評審時能過稿嗎?

為什么千萬別隨便學(xué)國外的極簡設(shè)計?

我估計十有八九過不了,產(chǎn)品經(jīng)理肯定有一大堆信息、功能和運營入口要塞進去??蛇@應(yīng)該怪萬惡的資本主義,為了賺錢而不把審美自由當(dāng)回事嗎?


用戶期待差異


尼爾森(Jakob Nielsen)和 Yunnuo Cheng 在 2016 年做過一次研究試驗,發(fā)現(xiàn)不光是中國的公司決策層,就連中國的用戶也未必就喜歡非常極簡界面。

這次研究中,12 個中國人和在中國生活的外國人(應(yīng)該是歐美為主)被邀請來,在 8 個網(wǎng)站上完成簡單的任務(wù),并且一邊使用一邊說出他們的想法和意圖(Think Aloud)。

P.S. 這 8 個網(wǎng)站中有簡潔的也有復(fù)雜的,對中國人展示中文,對外國人展示英文,以此形成對比。

很多外國人在使用較為復(fù)雜的網(wǎng)站時(被翻譯成英文的中文網(wǎng)站),抱怨比較多。他們在中國生活,對這種網(wǎng)站設(shè)計已經(jīng)見怪不怪了。

雖然也有人說好話,稱贊信息展示明確直白,但也有人抱怨很難用的。至少大部分外國人對于復(fù)雜頁面的問題比簡潔頁面的問題要多得多。

為什么千萬別隨便學(xué)國外的極簡設(shè)計?

而相比他們,中國人普遍不覺得那些復(fù)雜頁面有什么特別的,因為那些很“普通”、“正?!?,甚至“傳統(tǒng)”。

相反,抱怨簡潔頁面難用的反倒更多,例如:

“單從設(shè)計角度來看,圖標(biāo)、圖片、布局都很好,符合很多人,至少年輕人都喜好。簡單、干凈,既沒廣告,又沒有無用信息。但問題是,它也沒什么有用信息——我在這些網(wǎng)站里看不到什么有用的東西。所有的功能介紹都只是在玩文字游戲,沒有實際含義,沒點真實內(nèi)容?!?

P.S. 以上是從英文資料的翻譯。

為什么千萬別隨便學(xué)國外的極簡設(shè)計?


中英文語言差異


中文的信息傳遞效率就是比英文高,我們也早就習(xí)慣了這一點?!堵?lián)合國憲章》被翻譯成六種語言,其中就數(shù)中文最薄。

為什么千萬別隨便學(xué)國外的極簡設(shè)計?

2017 年,Twitter 把原有 140 個單詞的限制放寬到了 280,卻唯獨沒有把這改版提供給中文、日文和韓文,理由就是語言密度足夠大了。

為什么千萬別隨便學(xué)國外的極簡設(shè)計?

所以說,中文用戶對單頁信息量要求更高,這就是很正常的事了。


視覺密度差異


同樣的一句話,雖然中文更簡短,但是視覺密度更高啊。

為什么千萬別隨便學(xué)國外的極簡設(shè)計?

會點排版的人都知道,視覺密度的節(jié)奏很重要,要全局考慮的。如果有一個地方的視覺密度比較高,那么整個頁面的視覺密度都要匹配上才能和諧。否則一下子太疏一下子太密,就會喪失統(tǒng)一感。中文的間隙和比劃之間的間隔都比較小,也注定了頁面的其它部分為了匹配上這個節(jié)奏,不能太疏。

為什么千萬別隨便學(xué)國外的極簡設(shè)計?

這就是為什么,把一些英文板式直接拿來填充中文會很奇怪。難怪我去一些繁體中文網(wǎng)站時,會感覺比簡體中文網(wǎng)站更復(fù)雜擁擠。其實咱們大陸地區(qū)由于使用簡體字,視覺密度已經(jīng)比繁體字要松很多了。

為什么千萬別隨便學(xué)國外的極簡設(shè)計?


簡潔 ≠ 好用


說到這里,不是要為一些又復(fù)雜又不好用的設(shè)計進行辯解。只是說,簡潔并不代表好用。當(dāng)我們隨口說出“少即是多”這種設(shè)計概念時,也不可忽視,凡事都有個度??吹絿饽欠N極簡設(shè)計時,也稍微自信點,簡潔并不是我們唯一追求的方向。

作者:體驗進階

轉(zhuǎn)載請注明:優(yōu)設(shè)網(wǎng)

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學(xué)習(xí),請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

魏華的微信.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍藍設(shè)計m.820esy.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司



更多精彩文章:

網(wǎng)站設(shè)計之一:怒馬!超實用的單頁網(wǎng)站設(shè)計指南(附大量資源)

網(wǎng)站設(shè)計之二:旅游網(wǎng)站設(shè)計分析!教你10個小技巧

網(wǎng)站設(shè)計之三:實例教學(xué)!如何將極簡風(fēng)格的原則運用到網(wǎng)站設(shè)計中?

網(wǎng)站設(shè)計之四:另辟蹊徑談創(chuàng)新!提升網(wǎng)站設(shè)計形式的幾種方法

網(wǎng)站設(shè)計之五:經(jīng)驗分享:移動網(wǎng)站設(shè)計應(yīng)該避免的“七宗罪”

網(wǎng)站設(shè)計之六:4000 字快速回顧20多年的網(wǎng)頁設(shè)計發(fā)展史!

網(wǎng)站設(shè)計之七:騰訊出品!2021-2022設(shè)計趨勢報告:動態(tài)篇

網(wǎng)站設(shè)計之八:為什么千萬別隨便學(xué)國外的極簡設(shè)計?

網(wǎng)站設(shè)計之九:高手出品!2020~2021年UI界面設(shè)計趨勢

網(wǎng)站設(shè)計之十:如何做好網(wǎng)頁頭部內(nèi)容設(shè)計?來看 58 設(shè)計師的總結(jié)!






分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.820esy.cn

存檔