2020-6-8 資深UI設計者
編者按:這是 UI 設計師 Diana Malewicz 的第二篇 UI 設計分享。這一次,她要設計的是一個控制面板的界面,如何控制不同UI元素的平衡,如何從零開始構建,相當值得學習~
歡迎來到我的「UI設計指南」第二篇!如果你對于我的第一篇文章印象不錯的話,那么這一篇應該也會合你胃口:
當然,請注意一點,我創建 UI 界面的過程中,繞過了通常 UI 和產品設計應該有的「用戶調研」——「用戶研究」——「體驗分析」這樣的前置步驟,而是直接開始創建干凈、一致的 UI 界面。在真實的設計項目當中,開頭的這些步驟是無法忽略的!
這一次我們要設計的是儀表盤界面。那么我們從基本的想法開始。
這一次,我們將會設計一個服務于醫療行業的控制面板(實際上,這個設計的初衷來源于我的姨媽,她是一名醫生,不僅要治療病人還要處理大量的文書工作),而整個設計我將會在 Sketch 中完成。
通常,我會從一個非常低保真的線框圖開始。我會創建一系列的矩形線框,然后將他們按照需求和大小進行排列,直到最終滿足我的想法為止。我選擇了一些隨機的、但是相近的色彩,確保我能看清位置就可以了。
然后我針對哪些內容在哪里顯示,進行了基本的說明。
這就是一個非常原始的界面框架了。