手机国产精品一区二区,另类第一页,亚欧在线,日韩一国产极品99热在线播放69_国产美女久久精品香蕉欧美_亚州中文无码aⅤ在线_免费国产v片在线

高手如何從零設(shè)計控制面板?

2020-6-8    資深UI設(shè)計者

編者按:這是 UI 設(shè)計師 Diana Malewicz 的第二篇 UI 設(shè)計分享。這一次,她要設(shè)計的是一個控制面板的界面,如何控制不同UI元素的平衡,如何從零開始構(gòu)建,相當(dāng)值得學(xué)習(xí)~

歡迎來到我的「UI設(shè)計指南」第二篇!如果你對于我的第一篇文章印象不錯的話,那么這一篇應(yīng)該也會合你胃口:

當(dāng)然,請注意一點,我創(chuàng)建 UI 界面的過程中,繞過了通常 UI 和產(chǎn)品設(shè)計應(yīng)該有的「用戶調(diào)研」——「用戶研究」——「體驗分析」這樣的前置步驟,而是直接開始創(chuàng)建干凈、一致的 UI 界面。在真實的設(shè)計項目當(dāng)中,開頭的這些步驟是無法忽略的!

基本思路和低保真線框圖

這一次我們要設(shè)計的是儀表盤界面。那么我們從基本的想法開始。

這一次,我們將會設(shè)計一個服務(wù)于醫(yī)療行業(yè)的控制面板(實際上,這個設(shè)計的初衷來源于我的姨媽,她是一名醫(yī)生,不僅要治療病人還要處理大量的文書工作),而整個設(shè)計我將會在 Sketch 中完成。

通常,我會從一個非常低保真的線框圖開始。我會創(chuàng)建一系列的矩形線框,然后將他們按照需求和大小進(jìn)行排列,直到最終滿足我的想法為止。我選擇了一些隨機的、但是相近的色彩,確保我能看清位置就可以了。

然后我針對哪些內(nèi)容在哪里顯示,進(jìn)行了基本的說明。

這就是一個非常原始的界面框架了。

分享本文至:

日歷

鏈接

個人資料

藍(lán)藍(lán)設(shè)計的小編 http://www.88yangsc.com

存檔