在我們交付設計之前,很有必要先審視UI界面設計的8個點,否則很容易被甲方客戶說“沒感覺”類似的話,如果是這樣,說明甲方不能提出明確的修改意見,同時他的直覺告訴他,你的設計師是不好的。
怎么破?
看看下面審視UI界面設計的8個注意點:
1、從設計原型開始
100%理解原型想要表達的觀點,并對照原型是否有錯誤。
2、寫出更好的文案
檢查文案,找到一些平庸的文案,結合情感需求修正文案。
3、檢查卡片的設計
使卡片看起來自然的事情: 卡片 (20) 的圓角半徑與圖像 (8) 不同
按鈕有呼吸空間,按鈕下方的間距與卡片頂部和側面的間距不同
圖片素材,換個好的,找與您的應用程序品牌相匹配的顏色。
標題(所有文本)在重量、顏色和大小上更輕 正文是 16 像素——在設計時使用它作為一個很好的默認大小
按鈕:輪廓與填充按鈕。
陰影:使用自然陰影——例如 x=0, y=4, blur=16。盡量遠離默認的陰影設置。
4、使用字體縮放系統(tǒng)
這是非設計師很難指出或注意到的另一個問題。但是,你應該。你應該知道使用一個簡單的系統(tǒng)來決定使用什么字體大小。這個工作得很好: 以 16 px 作為基線開始 兩種較小的字體:12 和 14 px 兩種更大的字體:18 和 20 像素 兩種大字體:60 和 72 px 我也一直依賴的是;24、30、36 和 48。 不要嘗試從頭開始創(chuàng)建文本,而是從 Figma 中預定義的字體樣式開始。 之后事情就容易多了。
5、用8pt柵格系統(tǒng)進行UI界面設計
實現分組、突出元素等基本的 UI 原則并不難。但是,如果你在設計時不使用純間距系統(tǒng),可能會讓人覺得設計有點亂。
這就是你的間隔系統(tǒng)應該出現的地方;一個好的起點是 20px,然后增加 8px。在實踐中,這意味著你會得到以下空格(這也是我傾向于使用的):4 像素 8 像素 12 像素 16 像素 20 像素 24 像素 32 像素 48 像素 64 像素 96 像素 128 像素。
6、界面簡約
保持整體UI界面的簡約大氣,減少過度的設計,多用現在流行的輕量化設計趨勢。
7、層次結構
保持一致性,如果您想創(chuàng)建一個沒有所有這些技術問題的可靠界面,請至少堅持這一點: 等級制度; 決定什么是最重要的,什么不是。引導人們通過您的產品。
8、有意識地打破規(guī)則
這點其實很簡單:先在大規(guī)則框架下設計,遵循規(guī)則,直到規(guī)則不適用于您當下的設計情況,此刻你可以進行靈活設計創(chuàng)造,規(guī)則是死的,設計是活的。
聯系我們,開啟一場關于您項目的討論會吧。
?2010-2025 維好維可 | 用戶體驗創(chuàng)新設計公司-版權所有
滬ICP備19006116號-1
提交信息后,我們的專屬顧問會在1個工作日內與您聯系。