-
1 # 成都朗沃教育
-
2 # 鄧心態
什麼是ui設計?都需要學什麼?
UI設計師的出現,是網際網路時代的設計變革。越來越多的設計人加入了這個新興的職業,有的人看重Ta的高薪資,有的人看到ta無限美好的職業前景。到底UI設計是什麼呢?網上很多解答都太專業或者乾澀難懂。今天為各位設計同仁整理並做一個直白易懂的解答。
先搞懂“UI”是什麼?
UI,就是User Interface 首字母縮寫,意思是“使用者介面”,在網際網路時代主要指“圖形使用者介面”。
既然是“圖形使用者介面”,當然是給使用者使用的。當我們使用電腦時,眼睛看到的每一個部分,都叫圖形使用者介面;去銀行ATM取款時操作時也需要圖形介面。所以,UI是指幫助人與機器打交道用的圖形介面,是一個溝通的媒介。
【舉例】像手機系統介面、軟體介面、網站的介面、KTV點歌屏介面、遊戲操作介面、智慧電視介面、汽車導航介面、VR虛擬現實等等,是列舉不完的。這些領域都需要UI設計師,而且隨著使用者體驗越來越重要,手機介面、電視介面、軟體介面都這些常見的介面都不再像以前那樣古板了,既需要UI設計師設計好美觀的視覺,又要設計好互動體驗,以便我們使用的更加舒適和方便。
ENDUI設計與UI設計的流程UI設計的角色定位:
一個軟體產品的開發要經過產品經理、UI設計師、開發工程師三類崗位工作對接,對應三個階段<需求研究階段><UI設計階段>和<程式設計開發階段>。
如果沒有UI設計師做介面設計,那麼產品就沒有血肉和靈魂,沒有操作舒適的互動體驗。所以,UI設計師是新時代的設計師,是網際網路企業3大崗位之一。
UI設計是一個系統性的工作,包含產品架構設計、功能設計、操作邏輯設計、前期視覺設計等等。
最終可以成為這三種能力的設計師:UI/視覺設計師、UI/互動體驗設計師、UI/使用者需求設計師。這也是優途UI精英特訓課程中,專門設定的三大方向能力培養。
ENDUI設計師的工作成果/交付UI設計師交付之《產品UI原型設計方案》
在一些大公司,產品原型設計一般由產品經理來完成,但是如果沒有人做這部分工作,一般還是由UI設計根據產品經理的文字性需求說明,來完成UI原型設計;最終在幾次會議修改後確認,才能進入視覺介面設計和互動設計。
使用軟體:通常會使用Axrue原型軟體,或者直接做出手繪稿,以及其他能夠表現產品訴求和原型結構的軟體,沒有更多限制。
UI設計師交付之《視覺規範文件》
這個文件主要是給前端看的,更是給自己以及確保後期產品視覺迭代都能沿著共同方向進行視覺設計。
UI設計師交付之《互動文件》
一個UI/互動設計師關注使用者的體驗,但是他們更多地著眼於如何將這種影響體現在使用者介面的資訊架構,使用者操作的流程上。拿設計一個網站來說,互動設計師需要使用流程圖,線框圖將使用者與網站的 “互動” 流程,網站的資訊架構可視化出來,以得到反饋,和確保與開發人員的有效溝通。最後,輸出的這個說明文件就叫互動文件.
END總結
UI設計師是一個產品靈魂與血肉的鑄造師,其他崗位也無法代替。在未來,UI設計師們將更加專業,更多地在互動體驗和使用者需求體驗方面做出嶄新的業績,這也是網際網路產品未來越來越重視的設計新境界!
-
3 # IoT產品王網站
人機互動方式從鍵盤(互動1.0)蘋果觸控式螢幕(互動1.5)過渡到HoloLens視線、手勢、語音操作(互動2.0)。AR、VR、MR作為橋樑連線物理世界Physical World與數字世界Digital World,新互動方式的設計師Title是:Holographic Designer、3D Expert
具體學習課程就是圍繞AR、VR、MR學習,以及3D軟體(SketchUp、Lumion、AutoCAD)也是為3D列印(未來製造)開桌上工廠做準備。
這個影片是施耐德公司工業領域的互動案例,未來遍及製造業的互動方式
回覆列表
UI平面設計課程表
Uid設計基礎
UI設計概述、icon設計基礎、介面與互動設計入門、思維導圖、商業攝影、商業設計工作規範、
Aui 創意手繪
介面(UI)手繪 : 商業介面UI設計手繪 手繪圖示 手繪介面低保真原型圖
創意構成 : 介面造型 介面構成,透視, 創意手繪
創意色彩: 色彩基礎 色彩與視覺 色彩搭配 色彩與設計
Gui平面設計
三大構成:平面構成 立體構成 色彩構成
gui設計軟體基礎:photoshop lllustrator coreldraw indesign
型錄設計:招貼設計 摺頁設計 畫冊設計 雜誌設計
包裝設計:書籍裝幀 產品包裝設計
VI設計:標誌設計 字型設計 應用設計
淘寶網店設計:網店產品修圖 網店廣告設計
平面設計流程及規範、:印前 印中 印後
商業案例綜合實訓:
WUI網站建設:
網站建設流程及規範:網站建設流程 網頁設計規範 網頁介面實際風格解析 網頁圖示設計
Web介面設計:網頁圖示設計 網頁廣告設計(banner) gif動畫表情設計 企業網站web介面設計 專題網頁web介面設計 電子商務網站web介面設計 網頁切圖與最佳化 fuash超媒體設計 h5介面設計
Web前端互動: web標準化佈局 瀏覽器相容 css3互動動效設計 html5響應式設計 javascript核心 jquery 手機網站製作
網站sms模板設計
Mui 多屏介面設計
產品設計流程及規範: 產品設計流程及規範 蘋果作業系統的使用 sketch軟體專案實戰
多系統圖標設計 : 剪影圖示 扁平化圖示 2.5D圖示 擬物化圖示 3D圖示
Ucd使用者中心設計
產品互動設計
智慧手機介面設計
智慧電視 機頂盒介面設計
智慧穿戴裝置介面設計
Pc端軟體介面設計