1. 3D設計風格

雖然 3D化 的視覺風格早已到來，但是在B端市場上，3D風格在此之前依舊表現的十分克制。

隨著 C4D、Blender 這些 3D 建模軟件的不斷普及，再加上互聯網上關于 3D 建模教程的增多，你會發現 3D 風格的視覺表現，是一個 B端視覺設計師 的基本要求。

而3D風格用在B端軟件當中，會有兩個使用場景：

圖標

因為在B端產品當中，圖標本身就是非常難以去表現，比如“物聯網，大數據”。

許多的抽象詞匯，很難通過一個具象的事物進行表達，而在企業官網當中，在視覺表現上的要求又十分的高。因此你會發現，在視覺風格上的選擇，往往只有 3D 圖標 + 插畫 這一條路。

并且 3D 圖標的使用場景不會太過于局限，也可以用于產品的工作臺、運營營銷工具箱 等頁面，因此 3D 圖標的出現，它的應用場景也會相比之前 要更加的廣闊。

可視化大屏

大屏設計 也在不斷的“內卷”，因為傳統的 2D 可視化大屏 所搭建出來的大屏已經滿足不了企業的野心， 像DataV 騰訊云圖 ，大家都在朝著 3D風格 炫酷的方向進行延展，因此也就會導致 3D 的視覺風格需求 激增，而 3D 建模仿佛就是大勢所趨。

2.新擬態

雖然新擬態是在前兩年的產物。這個設計風格背后，遭到了很多設計師的質疑與排擠。

但是隨著這個風格的不斷成熟，感覺它在B端視覺領域（特指的是 官網 ），是非常受到歡迎的，因為整體的風格，與官網的設計形式趨同。

同時作為B端產品的官網，其實是更需要新擬態這種風格。因為電腦場景下鼠標光標對頁面進行 Hover 操作 給出的真實反饋，而使用了新擬態的官網按鈕，給你的反饋非常真實。

這里安利一下騰訊云的首頁官網，大家就會發現在設計風格上，大量的采取了新擬態元素，并且配合 3D 風格的圖標，以及毛玻璃材質的設計，讓它的設計瞬間加分不少。

3.開源的設計系統

在去年，設計系統迎來了一波發展的高峰期，隨著字節、騰訊，三大設計系統（Arco Design、TDesign、Semi Design）的開源，其實是給我們很多B端設計初學者，有了更加完整仔細的B端入門教程。

比如 Arco Design 的組件用法 https://arco.design/docs/spec/link

就清晰的講清楚了每一個組件的使用方式，以及注意事項，仔細閱讀這里面的內容，其實就是B端設計的入門學習。

而未來，國內的環境，開源的系統也會越來越多，大家可以針對這幾大類不同的設計系統，進行對比，或許會有一番收獲。

產品趨勢

超級app

這里的 超級app 可能和大家潛意識里的 支付寶、微信 這些軟件不太一樣。

在B端行業，隨著疫情的不斷擴散、再加上了兩年時間的發展，很多B端產品的功能架構都出現了一個現象，產品的功能開始變得非常擁擠。因為B端軟件的核心價值其實就是靠著一個又一個功能去累積，也就意味著隨著B端產品的發展，功能模塊在不斷的累積，導致在設計層面，這樣的現象變得更加嚴峻。

你會發現左側的導航菜單已經完全沒有辦法裝下這些導航內容，而這一現象也反映在很多產品當中，比如我了解的 飛書管理后臺、薪人薪事 等等諸多B端產品，它們在整個導航內容上，已經增加到一級導航 15+  、二級導航 40+ ，這無疑會開始對設計師的能力造成巨大考驗。

面對這一情況，許多導航菜單都將會迎來前所未有的挑戰，最近也在深入研究導航菜單過多時的解決辦法，發現了一些新的 導航菜單 設計方法，有機會咱們重新梳理一下 導航菜單 的內容，將B端設計指南 文章進行更新。

低代碼定制化

低代碼一直是我關注的一個領域，先給不明白低代碼的同學簡單科普一下。

低代碼，一種快速開發應用的軟件，將通用、可重復利用的代碼形成組件化的模塊，通過圖形化的界面來拖拽組件并形成應用。低代碼能夠實現只寫少量代碼或不寫代碼，類似用“樂高積木”的方式來開發。

在國外有很多著名的低代碼成功案例。Outsystems（國外非常出名的低代碼平臺）幫助施耐德電氣在20個月內推出了60款應用程序，開發過程加速了兩倍，僅在第一年就節省了650人天的工作量；在2012年即將推出Model S之際，特斯拉放棄了SAP的ERP產品（可以思考一下為什么），改用低代碼開發平臺Mendix，用25個人四個月時間自建ERP系統。

去年，低代碼平臺，也有很多新產品面世，其中就包含：

因此你會發現，其實低代碼就是在解決一件事，圍繞著某一個業務場景，通過平臺的持續完善優化。

讓所有的功能都能圍繞這個業務展開，其中包括：權限、時間軸、流程、表單、公式等等，能夠解決很多特殊的業務場景。

而低代碼會涉及到設計思路上的轉變，以及低代碼編輯器的出現，如何去設計如此復雜的配置流程，如何能夠讓用戶能夠快速上手，如果你能夠有比較完整的思路，這些都會成為我們設計的新機會。

行業細分

隨著互聯網市場的不斷發展，用戶會越來越關注產品在自己行業的應用，比如CRM，其實只是一個籠統的稱呼，現在CRM市場又會分為 SCRM、運營CRM，等諸多產品。

PaaS類的平臺也出現了 負責從虛擬主機和數據庫層面入手的 iPaaS 以及 從應用和數據層面入手的 aPaaS。

即使是大家經常使用的 釘釘、企微、飛書，它們也在各自的領域有所擅長。

因為B端產品，在底層邏輯上是不能允許趨同的產品出現，如果你和別人的產品一樣，其實是沒有辦法在目前的市場上立足。

因此你會發現，雖然產品形式都會比較相同，但是B端市場十分廣闊，大家都在去尋找自己產品的差異化。

當然市場是瞬息萬變的，這里也只是簡單聊聊我自己的看法，希望對你有所幫助。最近拖更確實比較厲害，準備之后幾天給大家抽些書，可以多留意留意公眾號的文章。

原文鏈接：CE青年（公眾號）

作者：CE青年

轉載請注明：學UI網》2022年，B端設計的趨勢有哪些？

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  

 

 

 

 

 

 

 

 

 

 

 

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

一次作品展示，想要視覺效果更高級，需要通過各種細節綜合打磨。那么在今天推薦的這份作品中，我認為打磨比較好的細節以及我們可以從學習的主要有以下幾點：

1. 高級投影
2. 投影的延展運用
3. 留白藝術
4. 合適的展示角度
5. 強設計感配圖

在我近期幫星友看的作品集中，發現很多人的作品本來還不錯的，結果被糟糕的展示給減分了，很是可惜。我給不少人提的建議之一是先提升自己的審美，但他們遇到的問題是不知道看啥，判斷不了哪些才是好的作品，以及怎么用到自己作品中去。這些問題不知你是否也有遇到？如果有同樣的困擾，今天的文章一定要看完了，因為全是干貨。

所以我在星球中利用審美打卡，每天幫大家搜集一些比較好的展示方式作為參考，同時提升審美，一舉兩得。這組Behance高級作品就是在打卡中給大家做的分享。接下來，我將逐個分析這幾個細節部分，方便用到咱們自己的作品集中。

1、高級投影  

投影的本質就是給畫面打造空間感，并突出界面內容，對于這一點我后面也會做一些延展，可能會有一些觀點你沒聽過的。在看作品集的過程中我有發現很多人不注意投影的運用，但它其實是非常重要的作品加分手段。

1）投影要干凈輕盈

投影在取色的時候，可以選擇與背景顏色相近的顏色，然后略微加深一些，不要用純黑色來做投影，會顯臟。投影的顏色永遠都需要結合環境的顏色，就想象成界面中有一個太陽光打過來，會反射周圍的環境色，所以帶有環境色的投影會顯得更自然。

比如下面這個界面展示就是把背景色和投影顏色調整為品牌橙色的色相，只是把飽和度降低到了很淺的程度，看起來就很舒服。

再比如我之前做的一個banner，右邊的卡片堆疊的效果，疊起來的投影層就是用到了藍色的投影，看起來就會顯得非常干凈。

另外，要注意投影的距離不要太小顯得不自然，顏色太深會顯臟。

2）投影要針對特定的顏色進行微調

使用不同的投影透明度取決于產生投影物體的顏色。對于較暗的物體，投影需要做得更強，而對于較亮的物體，投影應該是更淺一些。

如果不注意這一點的話，假設兩個投影都具有相同的不透明度，那么較亮物體的投影會在較暗物體的投影旁邊看起來更暗。

比如下面的按鈕投影透明度，投影透明度都是50%透明度時，白色按鈕看起來會比藍色的更深，可能要降低到30%左右才顯得比較一致。

3）投影要符合現實規律

高級投影應該要結合現實規律，做到近實遠虛。

上面這張圖的投影就是有些問題的，更遠的投影反而顯得更深，其實應該要改的更淺一些才好。

做到這一點有2個小技巧：

• 1）如果在PS中設置投影的話，可以通過調整PS的投影等高線。

如果是在sketch和figma中做投影的話，也可以疊加多層投影來做，大家可以嘗試下。

• 2）在做展示的時候，彌散的范圍建議在6倍左右會比較舒服，當然這個也更要根據你選的投影顏色和透明度綜合來調整。

2、投影延展  

前面提到，投影在做展示的時候，其作用就是打造空間感，圍繞這一點我們也可以做些延展。

1）增加簡單圖形

在作品下面增加簡單圖形，既不干擾作品，又能通過穿插增加空間感。

2）增加插畫元素

用一些品牌插畫，元素，甚至圖標給作品增加穿插，增加空間感。

3）增加3D元素

給作品增加簡單3D元素，比如球、三角之類的元素。

來自Behance，審美打卡

我曾經做的界面包裝

4）改變材質

把界面做成毛玻璃效果，再做穿插，進一步增強空間感

來自behance，星球審美打卡

5）深色界面

有人問，如果界面本身就是深色的怎么辦？其實也是基于空間感的原理，給畫面增加一些元素，與背景拉開關系就好。比如下面這樣

來自behance，星球審美打卡

來自dribbble，星球審美打卡

來自dribbble，星球審美打卡

3、大量留白  

想要提升作品的逼格，使用大量的留白是非常好的技巧。但在給星友溝通作品集的時候，得到一個奇怪的說法，說是要把作品限定在多少頁以內才更好。

我覺得這有的本末倒置了，作品要多放精華內容沒錯，但不是以頁數來體現的，展示的時候還是以提升逼格為主，不要影響作品本身的視覺效果。每一頁PPT，重點展示一件作品就足夠了，物以稀為貴，像一些大牌奢侈品就特別喜歡大留白。

Apple手機官網截圖

香奈兒官網截圖

舉一個反例，下面是某位星友的作品，其實這樣的網頁展示，一個頁面單獨整理在一頁是最好的。當然前提是每一頁的設計差別較大，如果太類似的話，放一頁就夠了。如果網頁比較長的話，可以按分屏來展示。

星友作品截圖

就像開頭的作品那樣調整下，逼格立馬就能上來。

4、展示角度  

作品在做展示的時候，不論是自己設計還是用樣機，有一個標準就是一定不能讓人看不清細節，不能做了角度變化之后丟失細節。

像開頭的作品展示，都是用了一些相對沒那么夸張的角度，這樣做的一個好處是能看到細節，即使是想帶一些角度，增強設計感的話，也一定要以能看到細節為標準。比如像下面這樣就可以了。

我也給大家舉一些反例，比如像下面這位同學的展示角度就比較奇怪，其實像這種內容較多的界面，擺正就可以了，不然細節全都看不清。

星友作品截圖

5、高質量配圖  

一個作品中的配圖其實非常關鍵，甚至配圖能直接把你糟糕的設計拯救過來。但遺憾的時候，很多人在展示的過程中不大重視自己的配圖，我在跟星友交流過程中會發現大家對于配圖存在一個誤區，就是覺得配圖一定要是真實的，有些人甚至覺得作品里呈現的一定是要去線上截圖。

我想說，如果這樣做會把你坑得很慘。原因有以下2點：

1. 線上的圖存在非常多不可控因素，所帶來的視覺效果不一定代表你真實的視覺設計能力
2. 審美是設計師的核心能力，如果你放一堆審美不在線的圖，那別人有理由懷疑你的審美是有問題的。

既然配圖這種重要，那怎么做好配圖這個事呢？有幾個小技巧：

1）符合調性

配圖要符合產品的調性，像開頭的作品中，黑白干凈是它的關鍵調性，那么選的圖也是這個范的。

2）真實可信

盡量讓配圖看起來真實，別偷懶用重復的圖，包括圖中用到的數據也盡量真實。像下面這位星友的作品展示就有內容重復的問題，稍微花點時間就可以優化好了。

星友作品截圖

3）加強設計感

在放界面展示圖的時候，界面中放的圖盡量多一些設計感，體現你的審美。

關于高質量配圖我之前也有專門寫文章《如何選到設計感強的配圖，我總結了這7個實用方法》，文章中也分享了很多我自己收藏的高質量配圖，大家有需要的也可以去閱讀下載。

總結  

最后總結下，今天主要是從作品展示的角度，給大家介紹了如何利用好投影、投影原理延展、留白、角度、配圖等方面給自己的作品展示加分。

這些技巧操作起來很簡單，但又非常有效，具備很強的實用性。彩云希望大家把這些常用技巧真正用到自己的作品集中去，提升逼格，找到自己理想的工作！

原文地址：彩云譯設計（公眾號）

作者：彩云Sky

轉載請注明：學UI網》Behance首頁推薦的作品集為什么這么高級？我們能從中學到什么？

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

首先，探討這個問題，意義何在？

筆者認為，有兩點意義。

首先，作為用戶，我們可以用到好用的產品；其次，作為從業者，我們可以找到學習的榜樣。

明確了意義，我們再回到問題本身：怎樣算是品質？如何判斷？

個人認為，和周到一樣，是否擁有高品質，也是用戶的主觀感受說了算。

在涉及體驗細節的小需求上，避免所有的不周到，就是周到。

這是關于周到與否的判斷，相對比較容易。但是關于品質與否的判斷，筆者沒有找到這么簡單的判斷邏輯。所以我們嘗試換一種方法。

豆瓣的高分電影，比如《千與千尋》、《美麗人生》和《肖申克的救贖》，它們肯定存在不同之處，但同時也有一些共同特點（主人公都面臨極大困境，但都心懷希望和目標，通過各種努力走出了困境）。

高分電影如此，高品質的交互設計，也是如此。

這一大段，就嘗試去探索這些共同的特點，以便去發現、或者去驗證，那些在交互設計方面擁有高品質的產品。

1 看著簡單

之前在《以不變應萬變：淺析信息架構》這篇中提過，只有簡單，才能讓用戶馬上找到掌控感、進而感覺良好。

高品質的交互設計，一定是要讓用戶感覺良好的，所以看起來一定是簡單的。

2 用著順

個人觀點，互聯網產品有兩類較為特殊的初級用戶，一類是零經驗的三歲小孩，一類是智能手機之前沒怎么接觸過互聯網的老人。

一般情況下，大家習慣把用戶分成三類：初級用戶、中級用戶和高級用戶。其中初級用戶的使用經驗最少。

高品質的交互設計，會讓初級用戶很容易上手。稍加練習之后，初級用戶也會像中高級用戶一樣，用起來很順。

iPhone 的交互設計是很優秀的，所以三歲小孩也能很快上手操作。

小孩的心智比較純粹，沒有受到社會大染缸的污染。用手機時他們會根據自己有限的生活經驗去積極嘗試操作。

老人和小孩則有點相反，部分老人可能思維比較固化，好奇心、積極性等方面都不如小孩，所以老人在用手機時可能會有點畏手畏腳。

微信作為一款交互設計十分優秀的產品，如今擁有智能手機的老人基本都在用。有的可能是自己學會的，有的可能是子女教會的。整體而言，筆者觀察周圍的老人，用微信用的還比較順暢。

02 交互設計：如何做到品質？

個人覺得，交互設計的高品質，是感性、理性和實踐的完美融合。

曾經有人問巴菲特的合伙人查理·芒格，如果只能用一個詞兒來形容你的成功，會是什么？芒格回答說，是“理性”。

老子曾經說過：“人生于世，有情有智。有情，故人倫諧和而相溫相暖；有智，故明理通達而理事不亂。情者，智之附也；智者，情之主也。以情統智，則人昏庸而事顛倒；以智統情，則人聰慧而事合度”。

簡·奧斯汀的小說《理智與情感》，雖然寫的是小鎮的戀愛與瑣事，但背后折射出來的洞見——“要有真情感，更要用理智控制情感”，與老子的觀點也是不謀而合。

做人做事，需要理性和感性。做交互設計，也是如此。

芒格、老子和簡·奧斯汀，在強調做事業和做人方面，都是理性在先、感性在后。

做交互設計，就是在做用戶體驗，核心是用戶的主觀感受。所以筆者認為，此時是感性在先、理性在后。

交互設計里的感性，有兩層意思。

第一層是微觀層面，主要是性格上的敏銳度，比如我們平常聽到的性格敏感、心思細膩等；第二層是宏觀層面，也就是品位。

量變引起質變。微觀上積累的多，才會帶來品位的提升。

交互設計里的理性，其標志是做出正確的決策。

那怎樣判斷決策是否正確？

個人觀點，有兩塊“試金石”可擔此重任。

第一塊“試金石”是來自最優競品的檢驗，第二塊“試金石”是自我檢驗。

最優競品是一塊很好的“試金石”。如果能和最優競品一決高下或者“三足鼎立”，說明品質很不錯；如果和最優競品差距太大，則說明沒有達到高品質。

然而現狀則是，市面上的最優競品，也就是交互設計方面達到高品質的產品，為數不多。這就意味著很多領域的產品是不存在最優競品的，此其一。

其二，與其被動的等待最優競品的檢驗，不如主動成為最優競品。要做到這一點，則需要第二塊“試金石”，也即優秀的自我檢驗能力。這個優秀的自我檢驗能力，其實也基本等同于做出高品質交互設計的能力。

實踐就是一個反復試錯、反復打磨、反復驗證感性和理性的過程。

1 培養語感

大家都學過英語，所以應該也都聽說過“語感”這個詞兒。

英語語感好的人，會有這個優勢：較少依賴語法，同時較少犯語法錯誤。

就像游泳一樣，熟練了以后，身體已經對動作形成很深記憶，完成動作就幾乎不依賴大腦思考，同時也不會犯錯。

在語文里，“語感”被提起的次數就少了很多。大家每天都在用中文，甚至每天都在聽說讀寫。對中文都很熟練，好像大家的語感都差不多。

但實際上，和英語一樣，語文方面的語感，也存在一定差距。看看百度百科對“語感”的解釋就知道了。

語感，是比較直接、迅速地感悟語言文字的能力，是語文水平的重要組成部分。它是對語言文字分析、理解、體會、吸收全過程的高度濃縮。語感是一種經驗色彩很濃的能力，其中牽涉到學習經驗、生活經驗、心理經驗、情感經驗，包含著理解能力、判斷能力、聯想能力等諸多因素。

這個解釋包含了四個經驗、三個能力。每個經驗、每個能力的獲得都需要一定量的練習。不同的人，底子不同，練習的量存在不同，所以語文方面的語感必然存在不同。

像語感里提到的心理經驗、情感經驗，在不同的語言里是相通的，且和交互設計里的主觀感受存在相通之處。所以，在筆者看來，一定程度上，作為母語的語文，其語感是英語語感的基礎，也是交互設計語感的基礎。

啥是交互設計的語感？

和語文的語感類似，交互設計的語感，就是比較直接、迅速地感知交互設計優劣的能力，是交互設計水平的重要組成部分。

這個語感，和喬布斯口中“科技和人文的十字路口”中的“人文”，以及媒體和從業人員口中的“人文素養”，也有相通和相似之處。

蘋果的設備之所以在交互設計方面擁有高品質，和喬布斯早年深受嬉皮士文化、民謠和搖滾歌手 Bob Dylan、禪文化、日式美學、字體設計等人文藝術方面的熏陶密切相關。

上世紀 90 年代，張小龍在開發 Foxmail 時，想必作為程序員的他并沒有太多交互設計方面的經驗，彼時這方面的理論和著作也少，張小龍更多是憑感覺在做。但是 Foxmail 就做到了交互設計方面的高品質并且產品廣受歡迎，想必張小龍的語感也是極佳。而據網絡資料顯示，張小龍本人喜歡閱讀、電影和 Michael Jackson 的音樂，也有比較深厚的人文素養。

所以，在筆者看來，交互設計語感的內核，或者廣義的交互設計語感，就是語文的語感，或者更進一步，是人文和藝術的語感。

狹義的交互設計語感，則是直接、迅速感知交互設計優劣的能力。

冰凍三尺，非一日之寒。一個廣義語感，一個狹義語感，加起來基本等同于先天基因和人生經驗之和。

聽起來有點定型的感覺。那這倆語感，還能培養嗎？當然可以。咋培養？

個人觀點，廣義的語感和狹義的語感需要同時培養。廣義的語感是內核。正所謂水漲船高，這個內核越好，狹義的語感也會越好。

先說廣義的語感，即人文和藝術方面的素養。個人認為，主要受性格和練習影響。性格則主要受遺傳基因和童年經歷影響。

天生內向的人，通常內心會更加細膩。這種細膩，對于日后建立豐富的精神世界和情感世界，是一種優勢。

所謂禍兮，福之所依。有些人的優勢，則是建立在童年不愉快的經歷上。

比如美劇《千謊百計》里測謊公司的莉亞，童年時期暴力的父親經常毆打她，使她學會了迅速判斷別人的心情。莉亞沒有受過任何專業訓練，但是童年不幸的遭遇使她在識別微表情方面異常敏銳，最終被萊特曼博士力邀加入了團隊。

性格有優勢的話，自然是加分項。沒有優勢的話，也可以通過后天的練習來彌補。

這個后天的練習，在筆者看來，非常重要的一點，是來自書影音的熏陶。

簡單說說書影音。

首先，一定要看一些文學性強的作品，感受“思無邪”之美。因為這些是人類內心深處共同的精神家園。個人的理解，文學性強，是指滿含人間煙火味、但無半點名利心的作品，比如《詩經》、《草房子》、《城南舊事》等。

其次，一定要看一些思想性強的作品，感受大道的至簡之美。因為這些對于理性、對于探索事物的本質非常有益。具體的作品，可以參考《道德經》、《巴菲特致股東的信》等。

最后，影視劇要多看，書更要多讀。原因如下。

影視作品在刺激我們視覺和聽覺的同時，留給我們思考和想象的空間，通常都沒有文字留給我們的多，此其一；

其二，影視作品里的語言基本以對話為主，而小說等書籍中除了對話，還有很多關于環境、人物、心理、情感以及哲理等的描寫。

基于這兩點，雖然有些人可能天生就是視覺動物，但閱讀始終是無法替代的，在培養語感方面也發揮著更為重要和基礎的作用。

整體而言，如果目標是高品質的交互設計，在書影音的選擇上面，筆者就建議大家去選一些經典的作品。具體而言，豆瓣評分和豆瓣 Top 250 榜單會是不錯的參考。

再說下狹義的語感，即對交互設計的感知能力。

這個完全是后天訓練出來的。如果這方面的語感不夠好，則進步空間很大。主要方式就是多用交互設計方面高品質的產品。

舉個例子，可能我們很多人用的第一臺電腦都是 Windows 系統，后來一部分人改用了 Mac。Mac 用久了，就再也用不慣 Windows。這就是語感提高的典型例子。

我們常用的一些產品，比如微信、iOS、快手等，在交互設計方面都擁有很高的品質。

這些日常使用的產品，客觀上也在潛移默化的提升我們的語感。最終的結果，也會對整個行業的交互設計提出更高的要求。

這里筆者再向大家推薦一個涉及網頁端和后臺管理、編輯的產品，交互設計方面很優秀，那就是博客搭建平臺 SquareSpace。筆者自己的工作室網站 SnowDesign.Me 就是基于這個平臺搭建的。

2 理性思考

交互設計要做到高品質，就要求從信息架構到交互設計，大大小小的無數細節，其決策幾乎全部是正確的。這是一個很高的要求，背后必須要有理性思考的支撐。

現實情況是，很多團隊做不到這一點。

然而，交互設計，從構思、到設計、到優化、到討論、到修改，每一個環節我們都有理性思考，那又為什么做不到高品質？

在筆者看來，這些理性思考還存在進步空間。只有優秀的理性思考，才能設計出優秀的交互設計。

個人觀點，優秀的理性思考，通常是一種獨立思考，主要有 3 個維度，分別是：邏輯、全面、權重。

以微信為例，如果換個團隊，有可能會把朋友圈作為一級 tab 單獨拿出來。因為大家使用朋友圈的頻率很高，這樣少點一下會更方便。這在邏輯上完全沒問題。

但微信團隊的考慮，個人推測，至少有這 3 點：

1. 微信堅持只有 4 個 tab；

2. 朋友圈是個插件功能，可拆卸，作為一級 tab 不合適；

3. 少點一下，更方便。

這里面權重最高的是第 1 條，權重最低的是第 3 條。綜合來看，微信是不會把朋友圈單獨作為一級 tab 的。

這個例子很有意思，筆者覺著它在一定程度上反映了我們很多人存在的不足。

我們很多從業者，在進行理性思考的時候，邏輯方面基本沒問題。但是在全面和權重這兩點上，可能會做的不到位。這就導致我們無法做出正確的決策。這樣的細節一多，必然導致我們無法做出高品質的交互設計。

所以，要想在理性思考方面達到優秀，就需要同時做到這三點：邏輯準確、考慮全面、權重正確。這還只是一個細節的決策，所有細節的決策，都要如此。加起來會是一個龐大的工程。

這里再順便強調一下“全面”。

這個全面，一定要去抓、并抓到事物的本質和核心。

所謂大道至簡，本質一般都不復雜。一個可供參考的數字是，本質通常只有 1-2 個點，影響本質的因素通常有 4 個左右的點。再具體的，可以參考一篇舊文：《找到本質需求：聊聊內容分類》。

還有一個影響因素，就是社會壓力。

很多時候，我們不愿去獨立思考，而是直接參考別人的設計。一來省事兒，二來也容易找到歸屬感和安全感。而獨立思考，可能會把我們帶入到一種驀然回首“空無一人”的“孤獨”狀態。

但是樸素的辯證法告訴過我們，凡事都有兩面。選擇了白天，就會失去黑夜。所以，關于社會壓力的問題，本質上可能是一個選擇題，同時也包含了每個人對孤獨、安全感等話題的理解和接納程度，此處就不深入討論了。

3 反復實踐

先說理性思考這塊兒。

因為互聯網產品總是會更新，所以不管是新人還是老人，只要目標是高品質的交互設計，總會碰到很多未知的或超越經驗范疇的問題。

面對新問題，很少有人能在第一版的初步想法上就做出正確的決策，也就是做到邏輯、全面和權重的完美無誤。人類大腦中的想法，通常都是先有后優。選定一個方案通常都需要有多個方案的比較和權衡，優化選中的方案也包含了無數細節的調優。

Foxmail、QQ 郵箱和微信的交互設計都很優秀，為張小龍提供了大量成功經驗。即便如此，微信上新功能的時候，張小龍也還要通過反復試用不同的版本來找到那個正確的版本，更別說我們這些沒有多少成功經驗的普通大眾了。

不管是選定方案的大決策，還是細節調優的小決策，要想變成正確的決策，都需要大量的實踐。這個實踐既包含理性思考的支撐，也包含了感性語感的檢驗。

因為語感就類似品位，也會影響到交互設計的品質。

如前所述，交互設計的語感，既包含人文藝術這個廣義的語感，也包含感知交互設計這個狹義的語感。

培養廣義的語感，需要經年累月的實踐，少則一二十年，多則一生的時間。如果想要一直保持那個狀態，就需要一直實踐。重點在于優秀文化的熏陶以及自己的吸收，還有自己不斷的觀察與思考。

培養狹義的語感，也需要大量的實踐。重點就是日常多用交互設計優秀的產品。

類似游泳需要讓身體而非大腦記住動作，我們需要讓控制感性而非理性的那部分大腦，記住并習慣于用過的所有優秀產品。

如果廣義語感和狹義語感都很棒，當體驗到品質不高的交互設計時，很有可能，馬上就會產生不太舒服的感覺；而當體驗到高品質的交互設計時，極有可能，也會很快產生諸如開心、滿足之類的積極情緒。

結語

交互設計，如果看著簡單、用著順，則基本為高品質。

一邊培養人文藝術方面的廣義語感，一邊培養感知交互設計方面的狹義語感；

理性思考要在邏輯、全面和權重這三方面都做到盡善盡美，全面這塊一定要抓到事物的本質和核心；

第一版方案做不到高品質是正常和普遍的，做出錯誤的決策也是難免的，最重要的是在培養語感和理性思考方面反復實踐，直到打磨出高品質的交互設計為止。

以上三點，可以幫助我們做出高品質的交互設計。

最后，借喬布斯的一句話來結束本文。

你要熟悉人類在各領域的優秀成果，嘗試將之融入你在做的事情里。

原文地址：SnowDesignStudio（公眾號）

作者：Leeo

轉載請注明：學UI網》交互設計：如何做到品質？

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

展示一：

展示二：

展示三：

展示四：

展示五：

轉載請注明：學UI網》2022設計作品精選 | 數據可視化

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

 為什么選擇藍色？

理由很多，我這里羅列一些：

1、人們就是喜歡藍色

問卷調查顯示大部分人把藍色當做它們最喜歡的顏色。因此藍色被認為是全球最安全的顏色。

色彩偏好是視覺體驗中的重要一環：

2、與大自然的關聯

藍色與凈水、晴空等自然景觀能夠產生強烈的關聯，這提高了人們對它的喜好。

3、界面設計的通用顏色

從一個界面設計師的角度來看，藍色絕對是一個有用的顏色。紅色、橙色和綠色通常都是有含義的，例如錯誤、警示和完成。藍色相對來說就成為了非常好的選擇。

4、科技創新感

這也是很多公司使用這個顏色的原因。

5、安全感

在旅游網站上，藍色是一種非常通用的色彩，因為它可以表達可以依賴的感覺，這對于旅游來說是件好事。

6、讓產品看起來更加可信

很多情況下，說服用戶使用我們的產品至關重要。這時，藍色就可以表現出信賴感。很多像Dell、IBM、Intel、AT&T和支付寶這樣的科技公司利用藍色來傳遞信譽信息，因為他們的產品是人們每天都要依賴的。

7、色弱

很多種色弱患者（如最常見的紅綠色盲）都可以看得到藍色，這一點上藍色明顯優于諸如綠色和紅色等其他顏色（Z Yuhan：幸運的是，色盲雖然在百種男性中的發病率高達10%，在亞洲人里卻十分少見）。

普通人看到的顏色 VS 色弱患者看到的顏色：

Facebook用藍色，因為扎克伯格就是色盲患者，他說：“藍色對我來說是最豐富的顏色，我可以看到所有種類的藍色?！?

結論

我希望讀完本文，你能了解為何藍色在設計師中如此流行。然而這并不意味著你應該把你的方案的主色調改成藍色。

藍色也不是最好的萬能色，萬能色并不存在。

在一個網站或App上行得通的顏色，可能在另一個上就不能用了。最安全的方法還是根據目標用戶的喜好來選擇。

所以最終，用在你設計上的最佳色彩應該是你的用戶所認為的最佳色彩。

Z Yuhan：我發現我的手機上橙色比較多，文化差異，還是這幾年激烈競爭的變化？

原文地址：babich

譯文地址：知乎

譯者：Z Yuhan

 轉載請注明：學UI網》為什么界面設計大多喜歡用藍色？

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司