01 當前背景今天聊些設計基礎部分。設計工作中，我們總會接到不同場景、不同目標用戶的業(yè)務需求，需要不同風格的設計方案支持，但無論是什么風格的設計，用戶都會有一個共同訴求——“品質感”。

02 什么是品質感？所謂品質感其實就是產(chǎn)品給人的一種嚴謹、專心對待的態(tài)度，同樣一本書的封面，粗糙紙的封面和細心打磨的小羊皮封面就是不同的概念。例如：無印良品和愛馬仕，兩者都會傳達給用戶一種“品質感”，雖設計方向不同，但他們有一個共同的特性-對細節(jié)的深度打磨。其實品質感，就是來源于產(chǎn)品對細節(jié)的深度考究與打磨。一款有品質感的設計，隨之帶來的是用戶使用中的舒適度、好感度、信賴感。

03 界面中的品質感界面設計也是一樣，也會帶給用戶一種品質感，其同樣是源于設計師對界面的每處細節(jié)的深度考究。界面的品質感主要來源于界面四個維度、界面中的結構、界面中的圖形、界面中的顏色和界面中的動態(tài)，今天說如何通過結構提升界面品質感。

04 界面中的結構界面的結構在用戶體驗中起著重要作用，其相當于界面設計中的“骨”，界面結構中的細節(jié)更是會直接影響到整體設計的品質感，那么具體結構中的細節(jié)體現(xiàn)在哪里？1. 關系信息關系包含界面中的組合、層級、分割等。（1）組合“物以類聚”，界面內需明確傳達各元素間的關系。1）輔助信息服務于主體信息輔助信息為主體內容的延續(xù)說明或補充操作，作用為服務于主體內容。同一組合內，信息間需有明確的關系與合理的順序，且輔助信息不能搶鏡。例如：朋友圈，清晰傳達關系的同時，以內容為主的閱讀方式不會被頭像內容干擾。2）關系越緊密的內容距離應越近形式不變的基礎上，元素之間的距離越近，越易被視為同一組合。距離相同時，橫向排列的內容接近度相對更高。（2）層級界面的層級關系主要體現(xiàn)在主次、優(yōu)先級、層數(shù)。1）主次分明、避免層級混亂清晰的層級結構，能讓用戶更快的獲取重要內容，同一組合下其信息一定有主要展示和次要展示。可以通過位置、面積、顏色三個維度建立主次層級的對比度。a. 位置在中國，用戶的閱讀習慣為從左上至右下，所以用戶對左上區(qū)域的觀察最優(yōu)，依次為右上、左下，而右下最差。因此，左上部和上中部被稱為“最佳視域”。b. 面積信息內容在界面內的占比面積越大，信息越是突出。c. 顏色白色背景下，明度越低/飽和度越高，信息越是突出。 

網(wǎng)站名稱：如何提升網(wǎng)站設計的品質感
文章出自：http://chinadenli.net/news2/309752.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供外貿網(wǎng)站建設、網(wǎng)站改版、企業(yè)網(wǎng)站制作、全網(wǎng)營銷推廣、定制網(wǎng)站、網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)