主路線：貫穿部件豎向的路線，部件總高度的確定路線。一般有兩種方式，直接固定總高、部件+間距的傳遞。一般只有一條主路線。除非你希望高度是多條路線競爭的結果。
其他部件的位置可根據主路線中的部件位置做相對位置擺放。
其他部件的位置也可根據主路線中得指定區域，根據布局重心和本身尺寸確定位置。
容錯間距：在其他間距有偏差時（如字型不同導致的高度尺寸不同），改變子自身間距來達到視覺統一的效果，在做間距標註時，容錯間距不需要做標註。
豎直方向只標註相對於上方部件的距離和部件本身的高度,這樣最下方的邊距就是容錯間距。
豎直方向只標註相對於下方部件的距離和部件本身的高度,這樣最上方的邊距就是容錯間距。
豎直方向只標明部件之間的相對位置以及可能需要的留白，不對上下最終邊距標註。實現居中對齊。上下邊距為容錯間距。
上方的部件與其上方的部件標註相對距離，下方的部件標註與其下方的部件的相對距離，這樣中間的間距就是容錯間距。這個方式容錯間距有比較多的選擇，可以選擇任何中間的邊距，也能選擇中間的部件高度來作為容錯間距。
一般在不關心總高，只關心部件相對位置。或者總高可變時採用。
固定高度部件，如果相同部件在同一頁面有多個，為了使標註不顯得擁擠，可以在不同部件進行副線的標註。
第乙個部件必須標註總高度，然後標註一條副線。 相鄰副線分開在兩個部件中進行標註。
UI設計框架思考
統一性 確保產品布局在結構和視覺的一致性，為使用者提供高度的舒適感 邏輯性 視覺中的各種分類構成具有邏輯思路，結構聯絡緊密且通暢 可擴充套件性 無論產品功能是簡單還是複雜，布局框架能夠隨著產品需求的變化進行布局結構的延展和擴充 可 性 選擇可 和可識別的布局，並連線到體驗的每乙個環境中且在適當的地方...
UI設計方面的思考
下面特點歸納 板塊面積大 大氣大方資訊分散心情舒適不緊張不繁雜。透明選單，包含的資訊量更大 不太影響主題背景圖的視覺化 介面晶瑩透亮。頂部方角 底部圓角，有抽屜感覺，並且底部圓滑，平易近人。懸浮選項底圖滑動效果，有過渡感 縱向透明層疊加，醒目而且高雅 選中文字標題區域有底部高光效果，圖形不規則，有擴...
UI設計 UI設計文件
今天不想說ui設計原理和原則，只想說文件內容。乙個solo族，可能根本不會理睬這種文件，因為他的idea完全在腦中，自己來實現就ok了。而在乙個團隊協作過程中，產品設計部門就有很高的必要把這個文件寫好了。應該有哪些內容呢，ui流程 對應操作流程 效果層次 可觸發的區域性介面。曾經見過一位前輩做的介面...