「Insane Black★Rock Shooter」「千夜QYS3」のイラスト [pixiv].jpg

作為UI設計師，我們在做自己的作品集的時候，除了放入自己實際工作中的項目之外，也會放入一些自己練習的案例。

實際項目可能會有比較詳細的介紹，但是，零零散散的練習界面大部分只是有關視覺的，背后并沒有場景支撐。

在國外，越來越多的人開始用case study展示這些界面。

把幾個界面當成一個小的項目來做，自己賦予它們一些背景和目標，通過UI設計尋找解決方法，寫成一個簡短的文章，這樣不論對于自己還是其他人來說，都會更加深刻的理解設計的過程，而不僅僅是視覺方面的愉悅。

《Case Study: Slumber. Mobile App Design for Healthy Sleeping》這篇文章就是一個很好的案例，我們可以分析他的結構，給自己的case study一個較為清晰的思路。

視覺圖

首先，用一張視覺圖來展示精美的頁面，吸引讀者。

主視覺.png

背景

緊接著，介紹了相關的背景，引出產品的來源。

背景.png

項目介紹

明確這個case study介紹的內容，以及產品的目標。

為了實現這個目標，U設計需要面對什么問題，有哪些可行的思路？

項目介紹.png

各個頁面介紹

分別對各個頁面內進行相關的介紹，講述其中設計的關鍵點，穿插圖片進去。

總結

最后，對這個小的項目進行總結，再次呼應產品目標。

總結.png

這就是這篇文章的大致思路，我們字啊一開始可以先模仿他的結構，將自己的內容填充進去，然后再不斷修改。麻雀雖小，五臟俱全，這樣的一個個case study積累起來，也可以豐富我們的作品集~

「ホ?ニーテール」「ふーみ」のイラスト [pixiv].png