UI設計框架思考

2021-10-03 13:23:12 字數 526 閱讀 3884

統一性——確保產品布局在結構和視覺的一致性,為使用者提供高度的舒適感

邏輯性——視覺中的各種分類構成具有邏輯思路,結構聯絡緊密且通暢

可擴充套件性——無論產品功能是簡單還是複雜,布局框架能夠隨著產品需求的變化進行布局結構的延展和擴充

可**性——選擇可**和可識別的布局,並連線到體驗的每乙個環境中且在適當的地方引導使用者

魔方視覺的設計原則

在歷經了多輪方案稿產出、視覺評審後,魔方最終的視覺風格在布局框架基礎上確定了。其中我們總結出幾點魔方**視覺的設計原則:

1.視覺平衡——頁面資訊要素的位置及分布需要和諧穩定的平衡感

2.空間舒適——整體頁面留白空間要均勻、視覺感知需要舒適、有親和力

3.尺寸統一——不同頁面採用的版心要統

一、不同元件大小要一致

4.比例和諧——資訊要素排布比例要合適,突出焦點資訊弱化輔助資訊

5.顏色感知——品牌顏色三原色要與滴滴出行有最強品牌鏈結及視覺感知,用色比例要均勻

6.錯落有致——事物的布局雖然參差不齊,但卻極有情趣,使人看了有好感

ui設計的思考

主路線 貫穿部件豎向的路線,部件總高度的確定路線。一般有兩種方式,直接固定總高 部件 間距的傳遞。一般只有一條主路線。除非你希望高度是多條路線競爭的結果。其他部件的位置可根據主路線中的部件位置做相對位置擺放。其他部件的位置也可根據主路線中得指定區域,根據布局重心和本身尺寸確定位置。容錯間距 在其他間...

UI設計方面的思考

下面特點歸納 板塊面積大 大氣大方資訊分散心情舒適不緊張不繁雜。透明選單,包含的資訊量更大 不太影響主題背景圖的視覺化 介面晶瑩透亮。頂部方角 底部圓角,有抽屜感覺,並且底部圓滑,平易近人。懸浮選項底圖滑動效果,有過渡感 縱向透明層疊加,醒目而且高雅 選中文字標題區域有底部高光效果,圖形不規則,有擴...

UI設計 UI設計文件

今天不想說ui設計原理和原則,只想說文件內容。乙個solo族,可能根本不會理睬這種文件,因為他的idea完全在腦中,自己來實現就ok了。而在乙個團隊協作過程中,產品設計部門就有很高的必要把這個文件寫好了。應該有哪些內容呢,ui流程 對應操作流程 效果層次 可觸發的區域性介面。曾經見過一位前輩做的介面...