深圳UI設計培訓學校

UI究竟需要哪些手繪基礎知識

大多數的UI設計師是在做了UI之后開始學習手繪，因為從業2~3年之后，大都會遇到瓶頸期，而對于設計師來說，手繪能力的提升有助于設計師的整體能力突破和提升，手繪基礎越深厚，設計思路和表現手法也會越開闊，作品的質量也會更加提升。

所以建議大家多少學點手繪，但要明確一點，你是一名設計師，不要以其他行業的繪畫標準去要求自己，那樣就本末倒置了。

深圳UI設計培訓學校

那么問題又來了，UI究竟需要哪些手繪基礎知識?手繪和素描一樣么?

手繪不等于素描，但卻是共通的。左邊的是寫實的素描作品，右邊是手繪人物作品，兩者都是超寫實，只不過右邊是彩色的，左邊是黑白，但右邊沒有素描基礎也無法畫的如此細膩。

對于沒有基礎的小白來說，建議先掌握透視，這是最基礎也是最難掌握的。

基礎透視

平時我們常用的透視是一點透視(平行透視)，兩點透視，三點透視(都用于建筑手繪)。

一點透視:強調縱深，畫法簡單，適合表現偏平視且高度不高的物體和空間。

二點透視:適合表現在一定距離外偏平視的高度不高的物體和空間。

三點透視:強調高度，在使用仰視或俯視、尤其是表達高和深的概念的物體和空 間的時候，適合使用三點透視。

一二三點透視我都學過，但是怎么用?

如果只是會拉透視線，是一輩子也學不會透視的應用的，要從具體的環境中去決定使用哪種透視。

這里推薦一本Scott robertson寫的透視書《How To Draw》。

選自《How To Draw》

      深圳UI設計培訓學校

  ☆★教學目的

系統學習UI設計內容，從UI中會涉及到的用戶體驗與交互這塊開始學習。其次重點學習網頁界面設計、響應式設計、軟件界面設計、移動端界面設計。目的讓學生制作出符合UI規范的界面，并能獨立完成相對應的原創作品。在教導設計中，也會涵蓋每一塊UI制作的具體流程，提升學生的思維與邏輯分析能力，產品研發與策劃能力。

☆★教學內容

主要包括Axure用戶體驗；網頁UI設計；移動端UI設計幾大模塊。

1.Axure用戶體驗：學習Axure軟件，了解UI設計前期原型設計的流程，具體圍繞網頁的原型設計與軟件的原型設計。并講解頁面之間的跳轉、交互狀態效果。學習Axure軟件，了解移動端的基本原型搭建，了解交互相關的控件與人機交互中的合理想象。主要以APP的原型為主進行學習。學習Axure軟件，了解動效設計，例如下拉彈出菜單，輪播圖的展示，音樂播放器的時間線效果等。學習交互設計文檔的制作，集合整體框架內容，注明頁面跳轉層級，與設計到各種交互狀態的說明。了解用戶體驗的重要性。從前期產品的開發，到后期的設計。主要學習在功能上、設計上如何提高用戶體驗。

2.網頁UI設計：了解網頁設計的趨勢、設計流程。區分不同系統、瀏覽器、分辨率等對網頁設計的要求。關注時下流行的網頁設計風格。學習網頁設計規范，柵格化系統格式塔心理學。模塊與細節的規范，網絡廣告設計講解。學習網頁界面的色彩搭配。了解各種頁面導航與按鈕的設計法則。系統學習廣告banner的設計方式。了解網頁中的瀑布流、通欄、F式布局等。學習掌握高級光影學。加強創意構圖的設計形式。了解表單的設計與用戶體驗的融入。系統學習響應式頁面設計的布局、模式與方法。鍛煉學生在設計頁面的同時符合SEO的設計規范。

3.移動端UI設計：了解移動端界面設計的發展趨勢。移動端設計與PC端中的不同點。分塊講解不同系統、不同品牌機的不同設計法則與風格。了解圖標的設計分類與不同系統操作平臺中的圖標設計規范。鍛煉布爾運算與圖形造型。提高繪制圖形能力。了解圖標設計中的結構與光影學。具體配色原則等。

分析圖標的表現形式2d/3d與流行趨勢。重點加強想象力的提升與創作能力。設定主題，獨立創作一整套的系統圖標。學習主題風格的統一化與衍生方式。了解APP當中的控件、功能性圖標。學習控件中的具體搭建與配色。訓練正負形圖標的設計。了解產品開發流程，從前期的MPD到思維導圖，低保真到高保真的具體工作流程。

學習IOS端的設計規范。了解APP的安卓端設計規范。系統學習APP中主要頁面的各種設計形式與規則方法。通過實戰，以分組的形式開發一個產品。從需求整理到調研，再到數據整合。最終完成基本的原型設計與交互文檔。了解導航在APP中的重要性。如何通過不同類型的導航引導用戶使用該產品。系統學習導航的12種分類。

學習APP中的啟動頁、引導頁的界面設計形式。重點學習歸納產品的主要功能進行引導展示。學習APP中的配色形式與色彩心理學。系統了解登錄、注冊頁面中的用戶體驗。還有個人頁面的展示設計。將APP中的內容信息通過合理的展示方式進行表現。學習APP中的列表式構圖、九宮格、圓心點放射、陳列館、輪播式構圖。了解手機交互中的熱點區域，按鍵區等。系統地分析不同終端的適配法則。系統講解IOS端、安卓的切圖原則。

了解兩個不同終端的切圖方式與不同。man軟件對APP的注釋方法。了解微信平臺的公眾號。學習公眾號的設計流程與基本要求準則。