設(shè)計中，我們應(yīng)該如何通過界面結(jié)構(gòu)提升界面的品質(zhì)感饭弓？Let's go～
01 當(dāng)前背景
今天聊些設(shè)計基礎(chǔ)部分
設(shè)計工作中双饥，我們總會接到不同場景、不同目標(biāo)用戶的業(yè)務(wù)需求弟断，需要不同風(fēng)格的設(shè)計方案支持咏花，但無論是什么風(fēng)格的設(shè)計，用戶都會有一個共同訴求-“品質(zhì)感”
02 什么是品質(zhì)感阀趴？
所謂品質(zhì)感其實就是產(chǎn)品給人的一種嚴謹昏翰、專心對待的態(tài)度。同樣一本書的封面刘急，粗糙紙的封面和細心打磨的小羊皮封面就是不同的概念棚菊。
例如無印良品和愛馬仕，兩者都會傳達給用戶一種“品質(zhì)感”叔汁，雖設(shè)計方向不同统求，但他們有一個共同的特性-對細節(jié)的深度打磨。其實品質(zhì)感就是來源于產(chǎn)品對細節(jié)的深度考究與打磨据块。
一款有品質(zhì)感的設(shè)計码邻，隨之帶來的是用戶使用中的舒適度、好感度另假、信賴感像屋。
03 界面中的品質(zhì)感
界面設(shè)計也是一樣，也會帶給用戶一種品質(zhì)感边篮，其同樣是源于設(shè)計師對界面的每處細節(jié)的深度考究己莺。
界面的品質(zhì)感主要來源于界面四個維度奏甫、界面中的結(jié)構(gòu)、界面中的圖形凌受、界面中的顏色和界面中的動態(tài)阵子，今天說如何通過結(jié)構(gòu)提升界面品質(zhì)感。
04 界面中的結(jié)構(gòu)
界面的結(jié)構(gòu)在用戶體驗中起著重要作用胁艰，其相當(dāng)于界面設(shè)計中的“骨”款筑，界面結(jié)構(gòu)中的細節(jié)更是會直接影響到整體設(shè)計的品質(zhì)感。那么具體結(jié)構(gòu)中的細節(jié)體現(xiàn)在哪里腾么？
一 關(guān)系
信息關(guān)系包含界面中的組合、層級杈湾、分割等解虱。
-組合
“物以類聚”，界面內(nèi)需明確傳達各元素間的關(guān)系
1輔助信息服務(wù)于主體信息
輔助信息為主體內(nèi)容的延續(xù)說明或補充操作漆撞，作用為服務(wù)于主體內(nèi)容殴泰。同一組合內(nèi)，信息間需有明確的關(guān)系與合理的順序浮驳，且輔助信息不能搶鏡悍汛。例如朋友圈，清晰傳達關(guān)系的同時至会，以內(nèi)容為主的閱讀方式不會被頭像內(nèi)容干擾离咐。
2關(guān)系越緊密的內(nèi)容距離應(yīng)越近
形式不變的基礎(chǔ)上，元素之間的距離越近奉件，越易被視為同一組合宵蛀。距離相同時，橫向排列的內(nèi)容接近度相對更高县貌。
-層級
界面的層級關(guān)系主要體現(xiàn)在主次术陶、優(yōu)先級、層數(shù)
1.主次分明煤痕、避免層級混亂
清晰的層級結(jié)構(gòu)梧宫，能讓用戶更快的獲取重要內(nèi)容，同一組合下其信息一定有主要展示和次要展示摆碉√料唬可以通過位置、面積兆解、顏色三個維度建立主次層級的對比度馆铁。
a.位置
在中國，用戶的閱讀習(xí)慣為從左上至右下锅睛，所以用戶對左上區(qū)域的觀察最優(yōu)埠巨，依次為右上历谍，左下，而右下最差辣垒。因此望侈，左上部和上中部被稱為“最佳視域”
b.面積
信息內(nèi)容在界面內(nèi)的占比面積越大，信息越是突出
c.顏色
白色背景下勋桶，明度越低/飽和度越高脱衙，信息越是突出。
轉(zhuǎn)自：http://www.ui.cn/detail/367579.html
