構建界面視覺層級的元素有顏色的顯著程度，圖片、文字的尺寸大小，還有最基礎的，內容的組織結構。
結構設計是指對界面內容進行分組，對界面中的信息、數據進行設計使之結構化呈現的過程。
好的結構設計能使界面信息傳達更加清晰、快捷。那么，如果進行結構設計呢?
結構設計———內容的分組
使用線、框、背景色來分組
這是最常見的分組方式，在UI設計中歷史悠久。
使用線來分組
使用框來分組
使用背景色分組
不管是線、框，還是背景色，都是可見的邊界，本來引入這些可見邊界的目的就是為了使信息的呈現更加清晰，但是這些視覺元素的加入也在一定程度上增加了界面的凌亂感。所以，現在越來越多的會利用空間的遠近來對界面內容進行分組。
【網站聲明】本站除付費源碼經過測試外，其他素材未做測試，不保證完整性，網站上部分源碼僅限學習交流，請勿用于商業用途。如損害你的權益請聯系客服QQ：2655101040 給予處理，謝謝支持。