如何提公升UI設計的高階感

我們還可以從品牌基因中獲取靈感，品牌作為使用者熟知的形象是個絕佳的**。

從品牌形象中提取具有獨特氣質的視覺富豪作為tab選中態的小長條，這樣就建立起視覺上的聯絡，讓使用者產生由內而外的一致感受；例如馬蜂窩品牌形象中的微笑符號和飛豬旅行品牌形象中的豬頭都被延伸到tab的設計上，既讓介面視覺獨一無二，又進一步強化了使用者對品牌形象的認知。

六、無框設計去繁從簡

在ui設計中，有許多的裝飾元素，如卡片的邊框、列表的分割線等，雖然邊框，分割線是分隔兩個元素的好辦法，但是它不是唯一的方法；使用過多會讓整個布局的設計感降低，或多或少都會干擾使用者瀏覽的視線，讓資訊內容失去注意力，因此可以減少不必要的裝飾元素。

我們可以通過以下幾個方法來劃分元素的視覺層次，讓畫面變得乾淨，整齊：

1）使用陰影

陰影同樣可以營造出邊界感，而且相比邊框分割線更加微妙，並不會顯得突兀，不會分散使用者的注意力，讓內容更聚焦。

2）使用不同的背景色來區分

通常，相鄰的元素背景只需要有微妙的差別就能夠讓人對他們進行區分；所以，你所需要做的就是在不同的區塊採用不同的背景色，並且嘗試刪除分割線，因為你根本不需要它。

3）增加額外的留白

建立元素之間的分離效果，並不一定要通過線框來表現，只要增加留白，讓它們分隔開就行了，通過留白和間距來實現元素分組是ui設計中的常用手法。

七、統一設計元素

通常個人中心的標籤欄圖示是乙個人形剪影，它代表著使用者，因此可以在展示使用者頭像和使用者形象的介面中延續使用。

如果圖形擁有獨特的外觀，如橢圓矩形，也可以作為視覺符號的一種，延續到其他介面中，成為圖形或按鈕的外觀；這樣，整個介面就被統一的設計元素聯絡起來了，給使用者始終如一的一致感。

八、符合產品氣質的字型

選擇符合產品氣質的字型，可以與產品的定位相吻合，傳遞給使用者正確的情感意識。

九、第三方圖示風格統一

十、中尋找色彩

我們可以從中提取主色調用於疊加背景的填充色，這樣就使文字、色塊和融入到一起了，畫面變得高階和富有設計感。

十一、提高質量

十二、卡片式設計

現在的ui介面設計中，卡片式設計已經是一種非常常見的設計形式，它有利於資訊分層和整合，劃分出更加清晰的組織結構，實現複雜內容的簡化處理，提高空間利用率；同時卡片式設計通常很依賴視覺元素，很強的視覺元素正是卡片式設計的一種優勢，也是提公升設計品質感的良方。