作為一名專業(yè)的 UI 設(shè)計(jì)師，難免會(huì)有一點(diǎn)強(qiáng)迫癥，時(shí)常因無(wú)法平均的像素而苦惱，恨不得所有的元素都達(dá)到完美統(tǒng)一。

在扁平化設(shè)計(jì)興起與最初的 Macintosh 圖形界面問(wèn)世之間的近 30 年，是擬物化設(shè)計(jì)從萌芽、發(fā)展、成熟到轉(zhuǎn)型的階段。上世紀(jì) 80 年代，幾乎所有研究機(jī)構(gòu)和 3D 制作公司都聚焦于提高 3D 圖形的真實(shí)感。隨著技術(shù)成熟，設(shè)計(jì)師們爭(zhēng)相繪制愈發(fā)逼真復(fù)古的圖標(biāo)，到 2012 年左右，擬物化設(shè)計(jì)達(dá)到極致。然而，過(guò)度精細(xì)的肌理、裝飾、光影讓人們視覺(jué)疲勞，且用單一逼真設(shè)備作為圖標(biāo)，因設(shè)備更迭可能導(dǎo)致功能識(shí)別斷代，比如年輕一代對(duì)指南針喻指地圖、磁帶喻指錄音等設(shè)計(jì)可能陌生。

本指南旨在幫助設(shè)計(jì)師快速且一致地布置 UI，對(duì)于設(shè)計(jì)有固定約束的移動(dòng)應(yīng)用程序 UI 尤其有用，同時(shí)在響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)中也能發(fā)揮作用。和許多設(shè)計(jì)指南一樣，這些示例在實(shí)際設(shè)計(jì)過(guò)程中體會(huì)，會(huì)比單獨(dú)閱讀文字更有幫助。

在視覺(jué)藝術(shù)領(lǐng)域，藝術(shù)家注入作品中的顏色往往能成為作品的靈魂。正如靜電所說(shuō)：“顏色就是一種力量。它可以在轉(zhuǎn)瞬之間改變圖片的基調(diào)，能夠增強(qiáng)、減輕、突出、說(shuō)服、呼吁等等。顏色和文字可以相互輔助，讓彼此更有力量，甚至能在沒(méi)有任何文字的情況下傳達(dá)情感，是設(shè)計(jì)師手中的一大武器?！?這也正是顏色在 UI 設(shè)計(jì)中成為關(guān)鍵因素的原因。

Feed 流，簡(jiǎn)單來(lái)說(shuō)，就是將用戶感興趣的內(nèi)容以信息流的形式呈現(xiàn)出來(lái)。我們可以把 “Feed” 理解為 “按需供給”，即產(chǎn)品通過(guò)數(shù)據(jù)算法為不同用戶推薦他們感興趣的內(nèi)容，吸引用戶不斷下拉瀏覽；而 “流” 則指信息有規(guī)律排版的呈現(xiàn)形式。

最近正在參與小程序相關(guān)項(xiàng)目，因此嘗試撰寫一篇「相對(duì)全面且實(shí)戰(zhàn)」的文章，希望能給越來(lái)越火熱的小程序領(lǐng)域及設(shè)計(jì)師們提供幫助。本文閱讀時(shí)間約 10 分鐘，內(nèi)容充實(shí)，建議耐心瀏覽。

現(xiàn)代管理學(xué)家彼得?德魯克曾說(shuō)：“如果你不能夠測(cè)量，那么就沒(méi)法很好的管理它?！?過(guò)去，B 端體驗(yàn)設(shè)計(jì)在我心中是難以測(cè)量的，總覺(jué)得它縹緲不定，只是一種因人而異的感受，很難評(píng)判好壞。但經(jīng)過(guò)深入學(xué)習(xí)和研究后發(fā)現(xiàn)，其實(shí)它并非如此虛幻。本文將結(jié)合具體案例，探討體驗(yàn)設(shè)計(jì)在 B 端設(shè)計(jì)中的應(yīng)用，以及相關(guān)的思維模型和可量化的方法論。

在設(shè)計(jì)領(lǐng)域，不斷總結(jié)與交流是提升自我的重要途徑。在此，我將自己總結(jié)的一套新功能引導(dǎo)頁(yè)設(shè)計(jì)思路分享出來(lái)，希望能與大家共同探討，也期待大家提出問(wèn)題和建議。另外，文章中使用到的 2.5D 軸測(cè)圖輔助線，我會(huì)在文末附件中添加，大家可以下載打印用來(lái)畫草圖，也可以在軟件上使用。

在設(shè)計(jì)領(lǐng)域，B 端產(chǎn)品設(shè)計(jì)因其復(fù)雜性和專業(yè)性常常被視為挑戰(zhàn)。近期閱讀《B 端產(chǎn)品設(shè)計(jì)精髓》一書，讓我對(duì) B 端設(shè)計(jì)有了系統(tǒng)且深入的理解。以下將從定義、背景、目標(biāo)等九個(gè)維度，分享 B 端設(shè)計(jì)的核心要點(diǎn)，希望能為從業(yè)者提供參考

Platformcraft 是一款來(lái)自俄羅斯的商業(yè)級(jí)云存儲(chǔ)產(chǎn)品，致力于為企業(yè)提供穩(wěn)定、安全且高效的文件管理與協(xié)作服務(wù)。其品牌視覺(jué)以字母“P”與云的圖形結(jié)合為核心，簡(jiǎn)潔而富有科技感，象征著平臺(tái)（Platform）與云端（Cloud）之間的高度融合。

從設(shè)計(jì)語(yǔ)言來(lái)看，Platformcraft 的標(biāo)志設(shè)計(jì)強(qiáng)調(diào)結(jié)構(gòu)感與數(shù)字秩序：

• 標(biāo)識(shí)構(gòu)建基于幾何網(wǎng)格，提升在不同尺寸與場(chǎng)景下的可識(shí)別性；

• 色彩采用深藍(lán)與漸變紫，傳達(dá)出專業(yè)性與技術(shù)前沿感；

• 在圖標(biāo)使用上，適配度極高，無(wú)論是在 Dock 欄、移動(dòng)端應(yīng)用或印刷場(chǎng)景中都保持極佳的清晰度與一致性。

這套視覺(jué)系統(tǒng)不僅提升了品牌辨識(shí)度，也為其云服務(wù)產(chǎn)品賦予了可信賴的第一印象，是典型的“技術(shù)驅(qū)動(dòng) + 品牌精致化”結(jié)合的典范設(shè)計(jì)。

蘭亭妙微(www.0391cbd.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。