大腦在處理和組織看到的信息時會使用一套快捷方法，了解這些方法是設計成功的關鍵要素。本文介紹了十一條有效的設計準則，用形象的圖解幫助讀者更好地理解設計準則在設計工作中的運用，幫助你利用這些方法更快捷地開展設計。適合關注產品設計的小伙伴閱讀。
感知力是大腦將不同的信息連接和組織成一個連貫整體的機制。例如我們將相似的對象分組并連接起來，能夠輕松地區分出不屬于該組的對象。
大腦在處理和組織看到的信息時會使用一套快捷方法，了解這些方法是設計成功的關鍵要素。
在UI設計時，我們應該有意識地運用感知力，用足夠的事實來驗證設計，有依有據地解釋為什么這個圖形元素要這樣設計？背后的原因是什么？
提升感知力有助于清晰地解釋設計方案，避免常見的設計錯誤，引導我們將設計做得更好、更容易理解！
彼此靠近的元素會被自動理解為一組。把它們的位置放得更遠，會給人一種這些元素是完全獨立的個體的印象。
在UI設計中，可以利用鄰近原則將相似的界面元素組合在一起，把控總體布局。
鄰近規則適用于主導航、卡片、按鈕、內容和圖標等。我們還可以使用適當的留白將不同的元素進一步分開，創建一個層級更清晰的界面結構，以此來幫助用戶瀏覽和理解不同類型的信息。
鄰近原則是直接影響界面可用性的基本規則之一。如果隨意控制元素的位置和間距，有可能會讓整個產品變得混亂和難以理解。
視覺上相似的元素會被視為同一組，視覺上不同的元素，大腦會下意識將其視為單獨的元素。
利用相似性可以來定義界面的特征，例如顏色、形狀、尺寸、紋理或空間位置等。最容易區分的是顏色相似，其次是尺寸和形狀相似。
如果一個元素和界面中其他的元素都不同，無法融入到其他元素組中，那么這個元素就會變得非常顯眼。
我們可以利用這種差異化的效果來突出一些具有引導性或者功能性的元素，例如登錄按鈕或者加入購物車按鈕等。
一組不相連的元素組合在一起，我們會下意識地自動補充這些元素之間的空白，得到一個完整的、可識別的形狀。
閉合原則有多種不同的用法。例如一個虛線箭頭，我們會填補空白并把這些點連接在一起，得到一條完整的線段。
閉合原則還有助于識別抽象的圖標形狀并賦予更多的含義。在圖標設計中，為了避免信息過載，大多數圖標的設計都很簡潔，更方便用戶理解。
運用閉合原則的經典案例包括用不同虛線構成的IBM標志、利用正負形空間組合而成的WWF熊貓標志。
UI界面中的元素一旦有對稱性，就會產生秩序感，我們很快就能看到并理解這種形式。
我們天生喜歡對稱的物體。對稱排列的元素在視覺上更令人舒服，也更美觀。
可能有人覺得對稱設計過于呆板，這種想法在平面廣告或視覺設計中可能正確，但在UI設計中對稱布局是相當重要且實用的界面排版形式。
對稱布局讓設計更容易理解，也更友好，缺乏對稱會導致界面混亂，不知道該關注哪個元素。當然，如果想讓某個模塊突出展示，也可以嘗試打破對稱性，這樣不對稱的元素就能在界面中脫穎而出。
界面中沿著同一條線對齊的元素會被認為屬于同一組。
在瀏覽界面時，視線會第一時間尋找最順暢的視覺動線。這也解釋了為什么在使用連續性原則時，需要確保直線(或曲線)是均勻和可預測的。
線條越均勻，生成的形狀越容易被用戶正確識別。
連續性有助于界面保持上下垂直滾動時的節奏，相似的內容應始終保持對齊。如果某個元素打破了這種連續性，我們的瀏覽節奏會被打亂，瀏覽速度也會變慢。
當下的UI設計中，流行帶有圓角的卡片和按鈕效果。其中的一個原因是我們對于直角的處理速度稍慢，視線需要停頓并旋轉90度，而更圓滑的導角效果能幫助我們的視線更快地轉換。
按相同方向、以相同速度運動的元素被認為是一組。
在設計輪播、下拉列表、過渡動畫等場景時，共同命運原則會很有幫助。例如我們的視線既跟隨輪播圖水平移動，還跟隨下拉列表向下展開。
根據希克定律，可供的選擇數量應該有限制。有太多東西可供選擇可能會導致用戶迷失方向，做出判斷的時間加長，甚至會感到壓力。
米勒定律提到，大腦處理信息的能力與認知負荷有直接的關系。我們大腦一次能處理的信息量大約是7個對象。對象數量越多，處理它們所需的時間就越長。
在設計時，盡量不要超過七個選項，為了獲得最好的體驗，應盡量將選項保持在4-5個。這意味著需要控制主導航數量、按鈕數量、下拉選項和輪播圖數量等。
當需要用戶做選擇時，最好能突出顯示最受歡迎或最推薦的選項，幫助用戶更快做出決策。
我們能夠本能地區分界面中的圖形元素和背景。
界面由不同類型和樣式的圖層組成，每個圖層都有不同的層次結構。
為了避免層次結構混淆，我們需要清楚地定義界面的所有元素。背景不需要設計設計的太花哨，有可能會搶奪用戶對主要內容的注意力。
輔助內容和功能不需要太明顯，并且需要與主要內容在設計上做出區分。
可以使用對比關系、位置關系和陰影等方法幫助用戶區分內容和背景。
用戶通常認為具有視覺吸引力(美觀)的產品更實用。
根據這個原則，流行、對稱、美觀的界面會對用戶產生更積極的影響。如果視覺效果給人足夠好的第一印象，用戶可能會忽略一些可用性問題。
審美可用性的基礎在于具有一定的可用性，之后才會起作用。如果產品本身的功能就很糟糕，那么再美觀的界面也無濟于事。
高質量、美觀的界面有助于建立用戶信任。相反一個看起來混亂的設計會讓用戶感到不靠譜。即使用戶不能確切說出界面視覺的問題，但他們也會覺得這個產品有風險或者不正規。
高質量的UI設計對于銀行類、金融類和醫療類產品來說尤為重要，尤其是在需要用戶提供個人信息或涉及交易的使用場景中。
我們最容易記住一組當中的第一個和最后一個元素。
將最重要的內容或元素放在每組的第一個或最后一個，吸引用戶注意力，方便高頻操作。而次要的內容操作頻率相對較低，則放到中間位置。
例如在構建導航、下拉列表等場景中，將重要的操作放到首位。
在一組看起來相似的元素中，我們總是會記住與其余元素不匹配的那個元素。
在UI設計中，隔離效應意味著將界面中重要的內容或關鍵的操作在視覺上與眾不同。
最典型案例是界面中的CTA(號召性用語)按鈕。通過改變CTA按鈕的顏色、尺寸等，與界面中的其他按鈕區分開來，第一時間引起用戶的注意。
專欄作家
作者：Clippp，每周精選設計文章，專注分享關于產品、交互、UI視覺上的設計思考。
本文原創發布于人人都是產品經理，未經作者許可，禁止轉載。
題圖來自 Unsplash，基于CC0協議。
該文觀點僅代表作者本人，人人都是產品經理平臺僅提供信息存儲空間服務。
這次全面的改版，針對UI與UE不統一的問題，邁出了關鍵的一步——首次構建組件庫
盡管在初期階段，面臨諸多挑戰和困難，但堅持不懈的努力使得組件庫逐漸成形。組件庫基本完善后，對工作效率的提升效果簡直令人興奮。組件的靈活變體和自動化的布局功能，不僅極大地提升了設計效率，也確保了界面的一致性和用戶體驗的連貫性。這一嘗試不僅解決了我們面臨的問題，更為未來的設計和開發工作奠定了堅實的基礎，期待未來更多的挑戰與進步。
判斷 UI 設計公司的收費是否合理，可以從以下多個方面著手：
考量設計公司的專業水平與資質
團隊專業背景：查看設計團隊成員的學歷、畢業院校以及所學專業等情況，若團隊成員大多來自知名設計院校，具備扎實的專業基礎，例如有專業的視覺傳達、交互設計等相關專業背景，往往意味著能產出高質量的設計成果，相應收費可能會偏高，但也更具合理性。
行業經驗：了解其在 UI 設計領域的從業年限以及過往參與過的項目類型和數量。有豐富行業經驗的公司，經歷過各種不同客戶需求和復雜項目的打磨，在處理問題、把握設計方向上更有優勢，對于復雜項目合理收取較高費用是正常的，比如長期服務大型企業、完成過多個行業標桿性 UI 設計項目的公司，其報價高些可能是基于深厚的實踐積累。
所獲榮譽與資質認證：關注該公司是否獲得過一些權威的 UI 設計相關獎項，或者具備如紅點獎等。這些榮譽和認證是對其設計實力與服務質量的一種認可，收費相對高些如果匹配其專業形象，也是合理的體現。
蘭亭妙微一直秉持著 “設計優秀，不斷超越” 的理念。誠信敬業、專業耐心是他們工作作風的真實寫照。在設計服務方面，他們不斷創新，與時俱進。公司深知，只有幫助企業提升軟件和互聯網產品的界面設計水平，進行開發升級，才能為企業帶來更多的價值。
設計的審美大多數是依照市場的改變而變化的，市場選擇的東西要試著去相信，可以參考，不表示要一比一的模仿，加入自己的想法和理解，也許能有新的東西出來。接到委托之后先具體化的溝通，理解需求，復述你的理解，讓對方同屏，之后再進行更具體的論述，能減少之后的許多麻煩。
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( m.sdgs6788.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
前言
15年開始，紅包大戰占據了春節營銷的重要位置，各家互聯網平臺紛紛“發錢”搶占用戶，紅包總額曾在2021年一度達到120億元的峰值。不過近兩年開始，過往簡單粗放的紅包大戰逐漸失去熱度。平臺不再追求短時間用戶增長，這次春節活動就是百度FEED年底以運營手段打造的內容營銷活動。設計團隊以“有福氣 趣新春”為主題提出了內容場景化的營銷策略，整體圍繞如何把“內容做的有趣”來分享設計思路。
一、心智建立內容護城河
1、心智占領：
提到內容營銷，先不說老掉牙的腦白金、可口可樂。我們先說說產品和用戶的關系。我們通過各大平臺的定位，提供了信任背書，但產品只是流量的承載地，最終讓目標用戶到達目的地的還是我們的品牌、內容、形象。所以我們在做內容營銷活動的時候，究竟應該怎么做？
2、你的產品容易記住么？
海的味道你知道，是波力海苔。提到藍瓶的鈣，腦海會浮現產品的藍色包裝。說到這里，我們就明白了，內容營銷的核心是圖形和口號。營銷活動的核心是品牌符號和Slogan。
品牌符號拆解
以春節項目舉例，提取中國傳統團扇形，象征著大團圓。引申為家家戶戶的心愿，全家團圓、福氣滿滿。以FEED產品愿景「看更多有趣有用的內容」為使,結合「新年要有福氣」的新年祝福，推出品牌Slogan【有福氣·趣新春】的活動理念，開啟活動篇章。
有了主要的符號傳達，其它輔助元素的提取從桂花造型和錢幣上做了簡化，寓意吉祥富貴財源滾滾，應用在頁面細節裝飾中。
用顏色表達個性
提起品牌符號，我們首先想到的可能是 Logo，但有些時候色彩卻是第一印象。春節是中國傳統文化的傳承。因此嘗試從中國傳統色彩體系中象征“福氣、福來、富貴”的海棠紅作為會場主顏色。
為了更好的區分內容場景以及增加色彩豐富度，受到“一年四季輪回”的啟發，延伸品牌輔助色。一年的圓滿在于四季的圓滿，在色彩表現上，從春到人間萬物鮮到春雪滿空；對應綠、紅、黃、藍給人煥然新生的視覺感受。
用字體豐富品牌基因
字體，不僅可以指代文字內容含義和字形美學價值，還能透過字體設計的初衷洞察到品牌濃縮其中的理念和哲學。利用彎曲讓作品動感有張力。利用圓角處理增加趣味性，呼應“有趣”的品牌理念。用傾斜的樣式營造出視覺張力，形成視覺焦點。
3、洞察產品的「生命力」
定形象-品牌基因的獨特形象
角色、品牌、用戶必須是一個標簽，清晰可見。以IP角色與用戶互動溝通，建立信任關系，擁有獨立人格和魅力。通過更具人格化的形象，使品牌變得更溫暖。本次活動的主IP，在設定上采用FEED字母演變不同性格IP角色，作為不同維度的形象代表，豐富B/C端的內容場景。
情感鏈接-圍繞人設講故事
如何通過「IP角色」讓用戶對產品產生情感呢？首先賦予他們性格，他們分別是福氣、財富、快樂和有趣的化身。為用戶帶來財、富、樂、趣是他們的責任。IP的人格化能很好的與用戶建立品牌好感度。同時「持續曝光+情感鏈接」的品牌策略，在活動中貫穿內容場景、物料推廣、分享轉發等，反復強調品牌。
二、你的差異點是什么？
1、化繁為簡，強化內容
由于春節活動周期長、內容多的特點，使得頁面呈現龐大復雜，會造成用戶的理解成本影響留存，因此把內容有效呈現、提升屏效、優化體驗路徑是交互的重點。我們通過“框架分層”“減少活動步長”對所有活動進行了框架升級。提升活動易用性，讓用戶快速參與活動。在設計表達上簡化頭圖背景，讓用戶聚焦場景，引入內容。
2、創意場景，引爆內容
洞察設計策略
百度FEED不同于其他矩陣，我們的產品內核是“內容”；作為春節活動，濃濃的“年味”是活動外核。如果只去介紹我們自己產品的功能、種種好處，這種干巴巴的內容無法在這個時代獲得關注和認同，因為無法與用戶建立切身聯系。所以在不同層次的內容上，我們可以通過故事化、場景化來把內容做的更有趣，最終實現業務互動轉化提升。
年俗互動-故事型敘述 增強產品代入感
抓住用戶情緒洞察，采用年俗的理念打造場景，營造用戶代入感。在視覺表現上，根據時間推移，場景也隨之變化；以回家團圓吃年夜飯、到走親訪友云拜年、看煙花賞燈會，實現了場景從年三十到十五的視覺呈現，釋放出情緒共感的疊加效應。引發用戶“過年”的心理共鳴。
場景設定
場景一：花樣團圓飯。圍繞“三十吃餃子”的年俗為主要點切入，通過具象的關鍵詞構思場景，結合品牌符號，融入中國風建筑表達“家”，并將餃子、房子、人的比例重構，增加畫面沖擊力，在配色上摒棄大面積的紅黃配色，加入蔻梢綠和淡曙紅作為輔色，為整體添加了一絲春天的氣息。
場景二：神評云拜年，發評送好禮。圍繞“云拜年”的年俗為主要點切入，過年的時候拜年是人們辭舊迎新、互相表達祝愿的一種方式。創意表達上，除了沿襲以往“登門”的拜年方式外，在畫面表現上加入代表新興禮儀“云拜年”的概念，讓視覺吸引眼球，同時又很接地氣。
場景三：猜燈謎送吉祥。以元宵賞燈會的年俗為切入點，夜色旖旎，花燈璀璨，在一片流光溢彩之下，鬧元宵、賞花燈、迎新春。"玉兔東升、鯤鵬萬里”，用最美好的祝福為用戶開啟新年新篇章。
人文互動-內容聯想 強化產品特點
我們為什么要把小組內容關聯到人文上？我們需要給產品定義一個標簽，讓內容進入一個優勢的心智賽道，用設計手段具像化演繹出來，讓目標用戶最快對號入座，提升產品的認知效率。而人文包羅萬象，與小組內容分類不謀而合。
內容聯想
在視覺表現上，圍繞“小組發布內容”的類比聯想，場景選取攝影、養花、命理、詩詞、鄉村等七大不同人文場景，著力刻畫“小組內容”強關聯的人文元素，以此映射產品的特點，激發用戶參與意愿。借助想象放大或夸張內容特征，更鮮明的強調內容本質。
3、豐富體驗
為了維護用戶粘性，讓用戶每天都來“玩”。加入2級活動，用“獎勵”“成就”“抽簽”形成驅動用戶雷達地圖，多維度持續牽引，增強互動體驗。
如何讓用戶玩下去？
【抽簽活動-新年福氣簽】
活動玩法：用戶每天進入活動可抽福氣簽，隨機發放簽文以及紅包獎勵，中獎+祝福的滿足感驅動用戶回流。
洞察&創意
新的一年，人們對美好生活都有向往和期盼，“討彩頭”是每位用戶對生活的新追求。在活動的設計上要吉祥滿滿，自帶好彩頭。用福袋作為容器承載簽文，以抽幸運球、得獎勵贏福氣作為情感驅動，刺激用戶玩下去。
在簽文設定上用團扇的品牌符號作為基礎形狀，加持“祥云”“吉祥話”讓活動不止驚喜，更是平臺對用戶的祝愿。
如何讓用戶“回來”玩？
【激勵玩法-我的成就】
洞察&創意
在成就玩法中，勛章作為精神激勵直接授予用戶，提升用戶在活動內的成就感和價值。另一方面，勛章也作為主活動物質激勵的間接載體，用戶通過解鎖勛章來獲得終極大獎。從設計角度，采用三維立體視覺風格，結合IP形象，使勛章更年輕有趣，讓用戶形成記憶點。強化視覺沖擊，滿足用戶的成就感和榮譽感，刺激用戶回流和分享。
驚喜彩蛋，拉升互動體驗
除了視效的打磨外，營造“驚喜感”是在體驗中非常重要的一環。無論是抽獎還是成就，除了在視覺上有抽獎的儀式感。在活動中增加互動彩蛋，用戶在投票以及點贊后會有對應的動效，讓整體體驗更加細膩。
精彩視頻，點擊可看
結語
總結一下本篇文章關于內容場景化營銷的設計要點：
心智占領：前置化思考品牌打法，從品牌符號、Slogan、色彩基因、字體設計到IP的設定，全鏈路反復強調品牌。
設計創意：用故事性、場景化演繹設計創意，差異化視覺呈現。
互動體驗：用“驚喜感”拉升互動體驗。
希望以上的設計思考，可以給大家一些啟發。
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( m.sdgs6788.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
。藍藍設計的小編 http://m.sdgs6788.com
