親密性原則主要是將相關的同類元素靠近,同時遠離不相關的元素。親密可以提高ui設計的可讀性,以及清晰地區分好介面中的各個層級。
1.文字設定為左對齊
2.僅使用一種字型
3.字重/字型大小跨度要夠大
太接近的字型字重和字型大小難以讓使用者區分出不同層級的文字之間有何區別,因此為了介面形成很好的對比,不同層級的字重和字型大小難跨度應該相對大些。
4.對齊到乙個軸線
按照主座標建立字型排版,並在網路上對齊文字元素。一般來說,介面中所有文字都應在垂直軸上以左對齊設定,而水平軸上,只要找到最佳的水平元素,或對齊大寫字母字高,或對齊文字基線即可。
5.使用條框分類
6.注意間距
一般來說,越是間距接近的元素,讀者就會假設在不同的資訊塊之間存在這一種關係,所以對於相關度不高的資訊塊,留白空間盡可能大或使用分割線、分割塊進行區分。另外,如果文字設定為強制左對齊,那麼右側會出現文字的參差不齊、起伏留白等情況,建議文字設定為兩段對齊。
移動app開發流程,app開發步驟
個人github 歡迎follow 隨著移動網際網路的普及,移動終端功能的日益完善,很多企業看重移動網際網路的重要,開始在這個領域完善自己的品牌,開展營銷活動。移動應用開發步驟1.規劃應用ui 移動應用開發步驟2.設計資料操作與儲存 移動應用開發步驟3.跳轉多頁面實現 移動應用開發步驟4.實現ser...
移動端開發
一。響應式設計好處 1.一套專案 2.一套開發環境 3.乙個url 4.內容所見即所得 5.不會因為終端公升級而導致不可用 做法 布局百分比寬度 容器浮動 二。viewport引數的最佳組合 三。mediaquery書寫思路 先寫高解析度樣式。理由 1.設計師設計原型往往首先基於寬屏,甚至不會給出適...
移動端開發
移動前端開發正逐漸步入前端技術的主流,事實上跟在一般的pc上,並不需要你掌握額外的技術,然而你在pc web上那一套在多數情況下並不適用於手機web,你必須知道這其中的注意點。but,移動端布局最爽的就是再也不用考慮各種對ie的相容了 一 首先來說一下移動端和pc端頁面布局的不同點 二 做移動端頁面...