UI 學習計劃
UI 學習計劃
最近有很多朋友在問我“你是怎麼學 UI 的,我想轉行應該怎麼學”。其實 UI 入門其實並不難,只要你有興趣都可以學。但是想做到高階UI的話可能就會有點吃力,但是堅持和努力就沒有什麼辦不到的事情。以下是我整理的一些適合初級 UI 學習和了解的知識。
UI 是什麼
首先,我們得知道 UI 是什麼,“UI”的本義是使用者介面,是英文 User 和 interface 的縮寫。UI設計師簡稱UID(User Interface Designer),指從事對軟體的人機互動、操作邏輯、介面美觀的整體設計工作的人。
這些百度百科一下就知道了,簡單來說 UI 設計師設計的就是人機互動的介面。
我當年入門 UI 的第一本書就是【術與道】推薦大家去看看。
UI 介面的規範
主要是瞭解設計尺寸、解析度、單位、切圖、命名規範(倒如:類別_功能_模組_狀態)、標註。要想設計和既好又規範這些內容要了解得透透了,也能幫助跟工程師的溝通。
對App 基礎控制元件的認知
作為移動端產品的視覺設計師,我們首先要對app內的一些基礎控制元件有所瞭解,比如說:按鈕、導航、彈窗、浮層、表單等等。
可通過此連結https://www.uisdc.com/advanced-ui-designer-design-system 瞭解期中一部分。
字型
對於字型,我們需要了解各個系統使用的預設字型,比如 iOS 用的是蘋方,設計時也是多用蘋方,Android 用的是英文:Roboto 中文:Noto(思源黑體)。還需要知道一些常用場景下的字型大小,比如說:導航欄一般使用32、34、36px的字型大小,底部標籤欄的字型大小一般為20px等等,這些內容在網上有很多資料。
配色
不同顏色代表不同性質。我們在配色時要從專案產品本身想要表達的意思來著手,如果配色實在不好的話可以吸取一些網路上已經配好的圖片顏色。
圖示設計
初級 UI 可以從臨摹和練習先入手,等到熟悉到一定程度時再發散思維去創新一些新圖示,基礎功要打牢。
排版原則
排版的要素:構圖(視角)、顏色、字型、點綴。
排版的原則:對齊、對比、親密性、重複。
排版嘛還是得靠自己去多排多看,有很多排版方面的書都可以去學習,不能自己想怎麼排就怎麼排,要排得有依據。
簡單的動效
UI 設計也會做一些簡單的動效,比如載入,重新整理等等,這些都是相對簡單的動效可參考https://www.uisdc.com/app-loading-motion-design
走查規範
基本的做法就是將手機上現實稿截圖與原版設計稿進行對比,列清楚所有問題點,並告知如何修改。設計效果和開發效果不可能是一模一樣的,還得看工程師的還原度,所以 UI 設計師在設計完後不能就不理了,還得做最後稽核。
互動常識
比如當人和一件事物(無論是人,機器,系統、環境等等)發生雙向的資訊交流和互動,就是一種互動行為。
檔案管理
每個專案的檔案自己都要管理好,不然後期隨著檔案的增加、版本的迭代,如果沒有一個分類規則,找檔案時非常麻煩。這裡可以熟悉一下 Sourcetree 。
個人素材、資源庫
定期要對自己的資源進行整理與分類,比如說你的網站資源。平時看到好的設計作品可以收藏起來推薦購買 Eagle.
開發常識
作為視覺設計師,經常會和開發對接溝通,如果我們能瞭解一些關於開發的基礎知識和他們的思維邏輯,一定可以避免很多不必要的時間浪費。
產品常識
短期內把需求分析、產品定位等等這些基礎的知識點理解清楚就足夠了。
用研常識
用研常識也一樣,也是一些基礎的知識點,短期內瞭解即可,比如使用者畫像、場景圖、問卷調查等等。
執行:
1、相關專業書籍一定要閱讀(每天閱讀半小時)
2、每天都瀏覽設計網站提高審美和找靈感(每天瀏覽時間不能少於半小時)
3、制定一個練習計劃(一週臨摹2-3個頁面)
建議臨摹一些知名應用,臨摹過程中分析應用。
4、優化和總結(優化在臨摹結束後,總結一篇文章)
優化已經上線的應用做為練習,並總結學習和成長。