10 個出色的 UX/UI 設計備忘單

已發表: 2019-12-10

要保存的 UX/UI 備忘單

每個人有時都需要一點幫助，即使是專業人士。很難記住每一個小細節。每隔一段時間，您最終都會搜索您暫時忘記的基礎知識。這是多麼浪費時間啊。因此，我們搜索並收集了一些流行的設計備忘單，以幫助您度過一天，並幫助您制定最佳的用戶體驗策略。

如果這些策略有幫助，請不要忘記在改進網站的用戶體驗設計時查看這些提示。

1. iOS 7 設計備忘單

iOS 7 的發布給界面帶來了許多變化，設計師需要調整他們的視覺語言以適應 iOS 的新平面設計。 Apple 更新了網格系統、尺寸、排版和圖標。 Ivo Mynttinen 為開發人員和設計人員創建了一份備忘單（更新），涵蓋了您需要了解的 iOS 7 的所有信息，包括：

- 所有設備的分辨率
- 在所有設備上顯示信息
- 應用程序圖標尺寸（包括有關圓角設計更改的信息以及從何處獲取模板，因為 Apple 尚未發布適用於 iOS7 的模板）
- 有關用戶界面更改的詳細信息
- 在設計應用程序時您會發現有用的其他資源的候選清單

這將節省您的時間和精力，因為您不必去搜索每個小細節。使用它，您不必編譯自己的列表。此外，它是有關該主題的最廣泛的工作表之一，而且組織得非常好。

分辨率和顯示規格

2. Android 設計備忘單

當然，我們還為您提供了類似的 Android設計備忘單。這是由 Double Encore, Inc 的移動設計師 Meghan Dever 設計的精美信息圖表。Android 設計指南提供了這些信息，但在這個甜蜜的備忘單中更容易找到和閱讀。

它是為公司內部使用而創建的，但他們認為這是一種非常有用的節省時間的方法，因此他們想與整個社區分享。這附帶：

- Android 文本字段、搜索欄、微調器、選擇器、開關及其用例
- 9 補丁資產，增加了光學邊界佈局功能
- Android 設備尺寸及其相關的元素尺寸
- UI 元素的正確填充
- 操作欄、上下文和啟動器圖標細節
- Dp 到 px 轉換

Android 設計備忘單

3. 顏色信息圖表的心理學

好的，所以有足夠多的圖表涵蓋色彩心理學，但這是我最喜歡的，因為它比其他的要廣泛得多。它不僅涵蓋了基礎知識（紅色、黃色、藍色、紫色、綠色），還為您提供了 50 種不同顏色的描述。它不僅涵蓋積極的情緒和想法，還涵蓋與各種顏色相關的消極情緒和想法。

心理學的顏色

4. HTML5 備忘單

2016 年 9 月 9 日更新：此表不再可用。

這是一個很好的參考表，以防你剛剛學習 HTML5 或者只是碰巧有一個大腦放屁並忘記了一個標籤。這是一個廣泛的列表，除了標籤之外，它確實為您提供了很多有用的信息。它詳細介紹了標籤可以在哪裡使用以及哪些瀏覽器支持什麼，甚至在設備上也是如此。它附帶：

- 為 HTML5 推出的新標籤
- HTML4 中的現有標籤仍可用於 HTML5
- HTML5 中已過時的舊標籤
- 屬性以及對他們來說新舊
- 瀏覽器就緒圖表

HTML5 備忘單

5. Ninja UX 備忘單

對於 UX 過程的研究階段，您可以查看 Hilary Little 為她的 CodeFest 主題演講製作的這張很酷的備忘單。它們是測試用戶時要牢記的一些最佳實踐。

這是對專業人士基礎知識的另一個很好的提醒，非常適合任何新的和需要一些好的建議和技巧的人。您還可以從這裡的主題演講中查看她的演示文稿。這將很好地補充備忘單，並為第一個 UX 設計師或企業家提供一些很好的方向。

忍者用戶體驗信息圖

6. 備忘單網頁表單設計

Smashing Magazine 為我們帶來了這種美麗，因此我們可以使用和分享它。它是用於設計出色表單的描述性備忘單。這款嬰兒床床單的設計師精通設計和測試表格。

他們決定找出最常見的問題並描述他們如何解決這些問題，然後將其全部放入這個出色的設計師備忘單中。他們想創造一些東西來讓每個人的表格變得更好。它包含一個 Omnigraffle 模板，以及供您下載的 Photoshop (PSD) 和 PDF 示例。它提供了很好的建議、注意事項和一些您可以使用的佈局示例。

表單設計