我從 13 歲時開始學習平面設計。通過網上教程慢慢學會了設計**，並習慣於每天使用 photoshop 和 affinity designer 軟體。這些經歷教會了我如何像設計師一樣思考。
我堅持設計和開發應用將近有一年時間。我參加了麻省理工學院的乙個專案，是與乙個團隊合作開發 universeaty。兩個月前，我開始研究乙個新的 crypto price tracker 應用，並於最近將其發布。
設計過程：
開始吧!
使用者流程圖
第一步是找出你想要在應用中呈現的功能。一旦你有了想法，設計乙個使用者流程圖。使用者流程圖是通過使用你的應用程式/**的使用者體驗流程的抽象表示。
通常，使用者流程圖由三種形狀組成。
使用者流程圖是非常有用的，因為它們給出了應用程式是如何運作的乙個良好邏輯思路。
下面是我在開始設計應用時繪製的使用者流程圖。
線框圖
完成每個螢幕的使用者流程圖和使用者流程設計後，你將開始製作所有螢幕的線框圖。 線框本質上是粗略的，表現你的應用程式的外觀。 本質上是乙個使用者將會瀏覽到的草圖或輪廓影象，標籤，按鈕和素材，和它們的布局和定位。是一張你的應用將如何工作的粗略草圖。
我使用 ui stencils 的排版模板來繪製線框。 它大大節省了時間，並提供了乙個很好的畫布來繪製和做記錄。
這是乙個線框示例。
繪製線框後，你可以使用名為 pop 的應用程式，並使用該應用拍攝所有的繪圖，並通過按鈕連線所有螢幕介面來製作原型。
設計模式和顏色調色盤
這是我最喜愛的部分，它就像逛街(window-shopping)一樣，大量的設計模式和顏色調色盤可供選擇。我選擇了我所喜歡的，並試驗他們(的效果)。
找設計模式的最佳平台是 mobile patterns 和 pttrns 。要找好的顏色調色盤就去 color hunt 吧。
實體模型
這是你最終使用設計軟體的時候。設計意義上的實體模型是對你的設計的高保真的表達。這幾乎就像你未來開啟這個應用程式，並從它那裡得到一些截圖一樣。它應該看起來很現實，很像真正的那樣。
有用於建立實體模型的設計軟體和工具。我使用 affinity designer 。ios 最常用的工具是 sketch 。
我用各種顏色調色盤做了更多的實驗。
我與我的朋友分享了最初的模型，以獲得他們的反饋。很多人似乎都喜歡**漸變和黑色方案。
我願意接受他們的反饋並嘗試新的建議!當你與他們交談時，你會發現使用者的奇妙想法，而不是瘋狂地翻閱 dribbble 或 behance **素材。
所以我重新設計了模型並刪除了背景圖，因為生成專案是乙個技術上耗時的過程，同時也降低了可讀性。這是我重新設計的模型的樣子。
我對顏色方案、標籤欄上的圖示和整體布局都非常滿意。我繼續按照相同的設計指南設計了其餘的螢幕方案。這是乙個漫長而有趣的過程!
等我所有的螢幕介面都準備好了，我就在 adobe xd 上製作了乙個原型，並請幾個朋友進行試用並給出反饋。
經過最後的調整，我最後的設計看起來像這樣：
在所有的介面完成後，我將它們匯入 xcode 並開始編寫應用程式。
我將以我最喜歡的關於設計的名言結束本文。
IntelliJ IDEA 從零開始建立乙個專案
1 如果intellij idea中當前沒有開啟的專案，單擊歡迎介面上的建立新專案。否則，選擇 然後會開啟新建專案嚮導視窗 2 在嚮導的第一頁，在左側窗格中，選擇專案類別。這可能是你要使用的技術，專案的目標平台或執行時等。在頁面的右側部分以及後續步驟中的設定取決於所選專案類別。對於相應的說明，請參閱...
IntelliJ IDEA 從零開始建立乙個專案
1 如果intellij idea中當前沒有開啟的專案，單擊歡迎介面上的建立新專案。否則，選擇 然後會開啟新建專案嚮導視窗 2 在嚮導的第一頁，在左側窗格中，選擇專案類別。這可能是你要使用的技術，專案的目標平台或執行時等。在頁面的右側部分以及後續步驟中的設定取決於所選專案類別。對於相應的說明，請參閱...
IntelliJ IDEA 從零開始建立乙個專案
1 如果intellij idea中當前沒有開啟的專案，單擊歡迎介面上的建立新專案。否則，選擇 然後會開啟新建專案嚮導視窗 2 在嚮導的第一頁，在左側窗格中，選擇專案類別。這可能是你要使用的技術，專案的目標平台或執行時等。在頁面的右側部分以及後續步驟中的設定取決於所選專案類別。對於相應的說明，請參閱...