前言

提到“品質(zhì)感”我們會聯(lián)想到首飾驼卖、手表氨肌、電子產(chǎn)品、家具等生活中的實體物品酌畜。其實UI界面的設計也是可以使用“品質(zhì)感”這個詞怎囚。因為他們都有一個共同點，就是細節(jié)桥胞。細節(jié)決定成敗恳守，注重細節(jié)的運用可以在同質(zhì)化嚴重的產(chǎn)品中，找到自己的特點贩虾。

一催烘、卡片

卡片式設計在現(xiàn)階段的APP產(chǎn)品中已經(jīng)非常普遍。它最早可以追溯到Palm的webOS操作系統(tǒng)以及微軟的Metro UI界面設計語言缎罢。之后經(jīng)過Facebook伊群、Pinterest等產(chǎn)品的帶動考杉，以及谷歌推出的Material Design設計規(guī)范，卡片式設計便被更加廣泛的認知和使用舰始。目前崇棠，無論是安卓、iOS丸卷，亦或是web網(wǎng)頁枕稀，都能夠看到卡片的形式。

卡片式設計的優(yōu)點包括：不同屏幕之間可以做到很好的適配及切換谜嫉、可以有更多的交互操作方式（左右滑動萎坷、點擊長按、展開收起等）沐兰、將不同種類或元素內(nèi)容很好的區(qū)分歸納哆档、利用空間使排版更加有序統(tǒng)一并提升美感。

同時它的缺點也很突出：無法一次性展示大段內(nèi)容僧鲁、過多元素會給設備性能造成影響等等虐呻。因此，我們在選擇卡片設計樣式時要結(jié)合具體產(chǎn)品具體內(nèi)容來定奪寞秃。

投影所產(chǎn)生的立體感，使得卡片在扁平化設計中十分突出偶惠。同時春寿，圓角、配色以及投影風格的各種組合忽孽，也使得卡片的設計形式更加豐富多樣绑改，以配合各種不同種類產(chǎn)品的設計風格。

二兄一、質(zhì)感

當我們在設計界面時厘线，簡單的填充顏色并不是唯一選擇，引入“材質(zhì)”的概念會是個不錯的主意出革。在Y軸方向進行操作造壮，疊加質(zhì)感。比如可以參考iOS的毛玻璃骂束，微軟的亞克力等材質(zhì)等耳璧。虛化及模糊帶來的朦朧感，將內(nèi)容進行區(qū)分的同時展箱，也增加了一種特殊美感旨枯。

質(zhì)感一詞包含了許多含義：光影、色澤混驰、肌膚攀隔、質(zhì)地等皂贩。但并不是只有實物才包含這些。微軟的Fluent Design通過融入物理世界的元素昆汹，體驗挖掘設計的本源先紫。?其中就包括光線、陰影筹煮、動作遮精、深度和紋理等，以一種直觀和本能的方式整理信息败潦。

這就給我們的設計帶來了不小的啟發(fā)本冲。我們并不單單只是簡單的原型美化工，通過我們的美感以及對現(xiàn)實世界元素的挖掘劫扒，融入根本基礎(chǔ)的元素檬洞，便可以增強我們的設計形式。（①光線-漸變沟饥、②陰影+深度-卡片添怔、③紋理-毛玻璃等）

三、留白

目前贤旷，留白的設計形式越來越普遍广料。而留白之所以會發(fā)展起來，個人認為主要的原因還是人們的生活節(jié)奏過快幼驶，對閱讀慢慢失去耐心艾杏。頁面當中的大段文字人們大概率不會讀完，包括設計元素也是如此盅藻，人們并不一定有耐心去留意欣賞购桑。這也是為什么越來越多的人開始追求簡潔。因為簡潔就是效率氏淑。而留白的使用正好幫助人們?nèi)サ袅烁蓴_勃蜘，讓用戶在第一時間認清主體內(nèi)容。

因此假残，我們要善于將文案或者設計元素進行歸納總結(jié)缭贡。一些比較雞肋的設計元素能去掉便去掉；設計可以做到錦上添花守问，但切不可天花亂墜匀归。很多一兩句就可以概括出的文案就不要變成長篇大論了。所謂全面的信息全部丟給用戶表面上比較保險耗帕，但人們并沒有耐心和意愿去閱讀穆端，反倒會成為一種體驗的缺失。

留白并不僅僅是簡單的“空”或者是“白色”這么簡單仿便。它可以理解為是一種距離体啰、分隔或者是負空間攒巍。是設計師的一種排版工具以及重要的設計元素。我們換一種方式就可以看清楚留白的作用荒勇。

設計時柒莉，并不是只有圖片、文字和一些圖形沽翔。負空間時時刻刻都在左右著我們的設計兢孝。所以，善用他們仅偎，會成為我們的設計利器跨蟹。

四、優(yōu)質(zhì)圖片

優(yōu)質(zhì)的圖片可以將頁面整體視覺的品質(zhì)感提升一個等級橘沥。一張好的圖片可以有很多標準窗轩，比如清晰度、構(gòu)圖座咆、配色等等痢艺。其實，好的圖片非常直觀介陶，我們可以非常容易的分辨出來堤舒。拿鄉(xiāng)村愛情的海報舉例：風格不同，但哪張圖片更有“逼格”斤蔓，還是非常容易分辨的植酥。

現(xiàn)如今人們的品味以及審美越來越高，也就意味著對直觀的圖片要求也在提高弦牡。清晰有“逼格”的好圖，是頁面抓住人眼球的關(guān)鍵要素之一漂羊。

五驾锰、背景

在追求留白與極簡風格的現(xiàn)在，往界面中加入背景的做法并不常見走越。設備端界面的空間十分有限椭豫，通常的做法都會去掉無用或多余元素。保持留白旨指，突出核心內(nèi)容赏酥。避免頁面雜亂影響觀感體驗。但這并不是絕對的方式谆构，背景也并不僅僅只是為了華麗炫目裸扶。通過結(jié)合留白與質(zhì)感的使用、我們可以加入適當?shù)谋尘霸匕崴兀瑥亩_到意想不到的效果呵晨。在襯托主體內(nèi)容的同時魏保，也可以使頁面更加飽滿不單調(diào)。

總結(jié)

提升頁面“品質(zhì)”的方法還有很多摸屠。插畫谓罗、動效、三維季二、字體設計等等檩咱。相較于技法與工具，提升我們自身的審美更加關(guān)鍵胯舷。通過研究基礎(chǔ)理論刻蚯，以及對大量設計結(jié)構(gòu)搭配細節(jié)的思考，我們也可以找到符合自己的特點去完善我們的作品需纳。