UI的知識全框架

UI的知識構架梳理。

大家好,我是凌度_Lee,大白話講UI設計獅!

2019年,我會把一些自己理解到的UI知識,用筆記的方式記錄下來,既可以分享給大家,我自己也希望自己時時刻刻再學習,再回憶,隨着知識的增長越來完善,所以一下文章都是自我的學習和理解,如有不足,請各位給予意見,一起進步學習。

今日主題:

今日主要分享的是UI知識框架,把UI的設計知識進行了羅列梳理,也順勢整理了我將要分享的《設計筆記》的內容。

文章的思維導圖:

UI的知識全框架
UI的知識全框架

UI的演變認知:

UI的知識在整個設計的體系裏面算是比較複雜的,現在市場對於全鏈路設計師的需求日益增加,使整個行業從初期線框填色的時代變成了前分析、中設計、後數據檢測的時代,雖然整個知識的增加量是多維度空間的增加,但是同時也讓設計師更好的更有興趣的去探索這個行業,讓自己的設計更有説服力,不再是孤芳自賞的設計師,作為設計師,是一個服務社會需求的團體,對於職業的功能指向是“用户為主” (悄悄説,除去平日的設計需求,我們也可以去發散大腦,去做一些,設計師自己喜歡的設計!一些設計師之間的設計!) 但是在工作中我們要實時想着我們的用户羣體,也很感謝,現在行業中的人開始對整個UI設計開始在做一些系統劃的整理,這個行業猶如一個社會行業,在大學中幾乎鮮有的學到,但在互聯網的行業中卻是不可或缺的工作崗位。UI的全鏈路進階之路是必然的趨勢。

UI的知識學習框架梳理

設計工作流程:

UI的知識全框架
UI的知識全框架

需求分析完善轉化——需求評審——交互原型設計——review——視覺設計解決方案——review——設計驗證

設計前中後:

UI的知識內容可以用“設計前中後”的概念來羅列:

1、前期用理論方法得知需求分析的晚上和轉化

2、中期的交互原型設計到視覺設計的review到產出

3、還有後期設計後的驗證

《設計筆記》分享內容:

UI的知識全框架
UI的知識全框架

其中運用到了大量的理論知識,設計規範和驗證方法,在接下來的《設計筆記》中,我會按照理論知識先分享,然後“設計前中後”的順序來把理論知識和內容穿插出來,

1、先30%理論知識分享

2、50%設計前中後+理論知識的穿插內容

3、10%後期慢慢增加完善的理論知識

UI知識分享內容:

理論知識內容:

7±2法則、泰思勒定律、Kano模型、強光測試、5wh產品分析法、用户畫像......

設計前中後的內容:

設計前(需求分析):

產品策略、原型交互、視覺表現

設計中(精細度提升):

頁面設計 :首頁設計、詳情頁面、個人頁面、活動頁面、各種二級頁面......

零件設計拆分 :feed流、圖片設計、icon 設計......

運營插畫設計 :插畫設計排版、多種插畫設計風格、插畫設計技巧......

交互設計 :交互設計的方法、邏輯、動效技巧......

設計前(需求分析):

視覺可用性、任務測試、數據驗證、UI走查

大白話舉例分析:

舉個栗子:

一個阿姨想要在春節的時候買點水果賺點錢,那她想要把自己的水果銷售好酒需要這樣的流程:

1、 瞭解當地人春節的時候喜歡買什麼樣的水果;

瞭解水果的的自身市場行情,什麼銷售好、什麼利潤高、水果春節時節儲存時間;

還有一點比較重要:在什麼攤位水果銷售高。(這就是設計前要注意的設計需求)

2、 銷售水果的技巧,攤位的佈置、擺放、售賣的方式、有啥新穎的方式能更多的吸 引客户(設計中)

3、 第一天賣完以後,要想總結第一天賣的情況,各種品種的銷售結果,決定影響下一批水果的購貨量,對於第一天的銷售是否滿意,不滿意要進行怎樣的調整。(設計後的數據等分析)

結尾奔告:

在接下的內容分享中,我會把一些理論和設計內容穿插分享,大家有需求的可以關注我,我會持續更新設計日記,和大家一起在行業中成長。

在首頁中:

藍色系列是理論方法分享, 黃色的是設計實操的內容, 紅色系的運營插畫設計、 綠色是交互和設計後的內容。

UI的知識全框架
UI的知識全框架

UI的知識全框架
UI的知識全框架