山东11选5
勤學教育網合作機構>沈陽培訓學校>

沈陽迪派教育

歡迎您!

分享

全國統一學習專線 8:30-21:00
沈陽迪派教育
小班VIP授課 一對一互動教學
項目實戰案例教學 自有實訓場地
專業團隊定制企業需求課程 超長的學習課時
沈陽迪派教育> 沈陽教育培訓>

沈陽培訓ui哪家好

  • 課程介紹

  • 學習資料

  • 2019-08-21
沈陽ui培訓

在設計師的細分崗位中,UI設計師是最火的。特別是在2010年-2016年之間,它伴隨互聯網商業爆發、創業風潮乘風而起,0基礎學設計的,其他設計方向轉行的,蜂擁而入,職業需求高燒不退。您還在等什么呢?

UI設計前景如何


UI設計是一個新興行業,隨著各大中小型企業對用戶界面、用戶體驗的越來越重視,智能設備,app軟件的普及,UI設計必然會越來越火。國內一批互聯網大型企業更是引起了UI設計的人才爭奪,市場UI從業人員少,導致供不應求,薪酬自然就其他職位要高。一個好的UI設計師無論是視覺設計、交互設計,還是產品設計,都不是一個制圖員,不是簡單的美工,而是企業的核心競爭力。
 


獨特的教學方式與氛圍
我們不僅相信你一定能學會,更相信你一定愿意學習

  • 小班授課
    小班授課

    小班VIP授課,老師一對一互動教學,飽滿課時。

  • 案例教學
    案例教學

    公司項目實戰案例教學,自由實訓場地,直接上崗。

  • 經驗豐富
    經驗豐富

    行業資深設計師,授課教學經驗5年以上專職教師。

  • 免費進修
    免費進修

    循環聽課,學會為止修無學期限制,終身免費進修。



沈陽迪派教育為您精心打造的課程體系
不僅讓你成為一個好的平面設計師,還能讓你成為一個網頁設計師,更能讓你成為一個專業的、潮流的、時尚的、有“錢”景的UI界面設計師。

課程階段 課程內容
階段一
設計基礎訓練
■ 學習各行業軟件基礎運用。
■ 運用軟件,簡單案例的臨摹與設計
■ 站在巨人之上-從吸收到原創
■ 講解實際案例規范,以及整體設計流程
■ 軟件的深入學習與應用
■ 針對所學專業,作品欣賞與講解
■ 熟悉PS、AI軟件的配合,與真實案例相 結合
■ 完成設計案例
■ 作品如何進一步改進
階段二
UI設計理論
■ 包含平面構成的概念、形態的基礎理論、形態...
■ 學習和掌握立體形態的構成要素和美的形式包括立體構成的概念,造型基礎及表現,造型...
■ 主要研究的是視覺形象在平面上的組合形式
階段三
圖標圖形界面設計
■ UI icon 肌理質感圖標
■ UI icon 登陸、下載圖標
■ UI icon 導航分類圖標
■ 講解實際案例規范,以及整體設計流程
■ Iconworkshop圖標適配與輸出
■ 熟悉界面設計流程和網站用戶的操作習慣。
■ 扁平化設計及實戰
■ 效果與功能綜合運用
■ 分層結構的手法及導航的應用
階段四
UI交互設計
■ 產品競品分析方法/平臺移植策略
■ 產品的交互設計的基礎及流程概覽
■ 手機APP的交互及視覺設計-Android平臺
■ 交互軟件的深度學習
■ 交互設計專家點撥與部分學員訪談
階段五
CEO講堂+實戰訓練
■ 實戰項目基礎了解,簡單的交互設計入門
■ 實戰:簡單手機APP設計-IOS平臺的產品UI設
■ 設計的迭代過程   ■ 讓客戶買單的5個方面
■ 實戰設計與實現   ■ 原有產品的分析
■ 報告的書寫要素   ■ 思考>流程>視覺
■ 提案設計流程   ■ 實戰研究與分析階段
■ 實現驗證與完善階段   ■ 競爭對手簡單的分析
■ 我的新方案設想   ■ 在手機中測試我的原型
 

師資陣容
培養學生成為一個適應現代社會的綜合性人才;辦良心教育、做學生人生教練、為企業輸送合格人才是迪派學校努力方向。

  • ui設計師資
    李曉飛 icon

    UI設計講師
    7年從業經驗,對產品
    設計有獨到見解。授課
    旁征博引、細致耐心,
    深受喜愛。

  • ui設計師資
    丁月涵 icon

    UI設計講師
    魯迅美術學院,擅長
    交互和界面設計,簡約
    嚴謹設計思維,與商業
    項目結合。

  • ui設計師資
    許雯雯 icon

    UI設計講師
    UI設計講師,授課
    嚴謹,注重實戰,將
    工作經驗與軟件技巧
    進行完美結合。

  • ui設計師資
    周云霄 icon

    UI交互講師
    東北師范大學,12年
    UI設計經驗,擅長于
    APP界面設計,平面交
    互界面設計。

咨詢詳情


迪派教育環境
迪派學校是教育局批準的培訓機構,從事成人職業技術培訓;學校培訓項目:IT設計、會計、外語、學歷、建造師、企業培訓等;主要根據企業要求對學生進行崗前培訓,學校始終堅持“、創新、實用、以人為本”為辦學思想,將“培養人、發展人、完善人”作為學校教育荼的根本,把學習習慣養成作為培訓始終。

  • 電腦機房
    icon

    前臺環境

  • 美術課室
    icon

    休息區

  • 學校環境
    icon

    教室環境

  • 多功能課室
    icon

    會議室環境

  • 食堂環境
    icon

    教室環境

  • 住宿環境
    icon

    教室環境


詳情請進入 沈陽迪派教育 已關注:265 咨詢電話:

Airbnb在近期改版了app的設計界面,也花了大功夫改造全新的設計組織流程及協作工具,讓Airbnb在世界各地的個服務據點及分公司都能快速、同步且有效率的進行設計流程。

在今年北京的 IxDC 互動設計大會,Airbnb 設計副總裁 Alex Schleifer 也逐一分享了他們如何利用工具及系統,讓工程師和設計師高效率地協作。因此我重新為 Airbnb 的設計組織流程做一個總整理,希望值得作為管理和流程設計者的參考。

DLS(Design Language System)

隨著 Airbnb 的規模日益擴大,從原本的3人小團隊,到目前(至2017年7月)服務范圍已遍及191個國家、使用超過40種語言,設計工程部門更是跨足世界各地,除了設計上的需求有增無減,各部門的協作及統合上的效率也顯得更為重要。

Airbnb 在公司急遽擴張時設計組織上所遇到的問題:

1. 設計規范的嚴謹性——除了讓品牌調性要能維持一致,也需要各地各部門能在新增功能或未來管理時維持設計語言統一。

2. 跨國語言上的畫面呈現——為了產品本地化,使用當地語言是在所難免的。要怎么讓「中文」(方塊表意文字)和「羅馬文字」(拼音線性文字)在同一種畫面上能一樣呈現最好的視覺效果和閱讀性,也是跨國設計中很重要的一環。

3. 多位設計師和相關成員之間的合作——一個產品通常是由團隊共同打造出來的,當越多人加入團隊時,人與人之間的合作會更加復雜。而不管今天團隊或大或小,每位團員多少都會用自己意識和經驗來判斷及決策。

4. 不同設備上的呈現——想必這是每個 to C 的軟件設計都會遇到的問題,當這個產品可以在 iOS、Android、網站等平臺呈現時,不同平臺又會有不同屏幕大小和分辨率,單單一個畫面可能就必須要有十幾種屏幕大小呈現才能完整涵蓋不同設備。

5. 軟件的維護和延續性 ——當軟件作為產品,它就不像一般實體產品一樣會有制作上的損耗和替代性,即使有團員更換,同一套程式架構和設計語言可能還會伴隨著這個產品數年,因此持續性的軟件維護和升級也是產品運營中很大的一部分。

Alex Schleifer 曾說過:“We can’t innovate our product if we don’t innovate how we build it.”(如果我們不進行創新,我們就不能創新我們的產品。)

為了能更有效率管理產品,有更多空間專注在制作細節和創意上,因此他們成立了新的工具團隊,重新組織設計架構和語言。

設計規范

在訂定新的設計語言初期,他們已經大略將基本的樣式規范出來,當做 DLS 的基底,包含字體、顏色、icons、間格距離和資訊架構等。

不同于一般規范設計元件(Component)時單獨定義元件裡的各個元素(Element),再用那些元素作不同排列組合, Airbnb 思考他們如何以每個元件為單位,創造出一個有機的設計系統,且每個元件可以各自獨立發展,也可以與其他元件相互組合。

一個有系統的設計應不是只規范單獨的元素,而是一個創造出一個有機的設計生態系統。

系統化的設計元件

每個元件都會有規定擺放的元素(如標題、內容、icon、圖片),有時會包含選擇性出現的元素,而這些元素都有被規范在 Sketch 及程序里。他們也同時也規范許多通用細節,像是每個元件下方都要有屬于自己的分隔線,而不是另外在元件外加上分隔線。

除了設計元件,他們也整理出 App 里會應用到的主要功能畫面,并且將規范完的各個元件套進畫面裡,分門別類,讓每個畫面都有屬于自己的類別,有了完整的架構,將來要發展更多流程畫面時,就可以依循這套模式前進。

DLS 里的畫面功能分類,將來發展可以更為有系統

當他們設計完這些元件時,會統一做成程式碼形式上傳到資料庫,因此他們在之后做設計時,可以直接從資料庫里同步抓取需要的元件。

那他們是怎么整合設計元件及程式碼的呢?這個在下面介紹他們其他強大工具時會有詳細解說。

Airshots

當軟件服務跨到多國語言時,通常必須是設計師將同一個畫面復制多張,將同一個資訊套用不同語言的文字來預覽并調整元件;抑或請工程師跑出不同語言的情境,再與設計師校對資訊,這一來一回之間損耗了許多人力跟時間。

而前段也提到多種設備上畫面呈現的問題。市面上移動設備有上百種,每款屏幕大小及分辨率不一,各家軟件系統更是持續更新,工程師也必須耗費時間在不同環境下作系統測試,讓所有功能及畫面在每個使用者手上都能呈現出最完好的效果,也是設計工作流程里非常重要的一個細節。

為了因應這些問題, Airbnb 打造了 Airshots。

AirShots 并不是一個設計繪圖軟件,你無法在上面畫任何一個形狀,它更像是一個版本控管的工具。

Airshots讓設計師及工程師可以在不同設備下快速地找到相對應的設計畫面。

而有了這套工具,設計師和測試人員就可以無時無刻地搜尋任何一個功能或畫面在任何語言、任何設備、任何系統版本下呈現出來的樣子。

舉例來說,你可以立即預覽一個「資訊頁面」在 Airbnb 一年前的某版本下在俄羅斯 iPhone4 的 iOS7 跑出來的效果,也可以快速的找出最新 beta 版的首頁設計在最新發布 Nexus 手機裡的 Android 7.0 Nougat 系統呈現出的樣貌。而這些結果不是只是屏幕截圖而已,而是真的可以模擬運作的功能。

進行本地化軟件服務會遇到的不同語言呈現問題,設計師也可以在AirShots快速地預覽效果。

韓文(方塊文字)對比德文(線性拼音文字)

如果最初使用中文或日文那種表意方塊文字來做設計,翻譯到了線性羅馬拼音文字時,時常會因留白不夠而造成元件破格、或是詞寬太長而過度換行的問題。

在 AirShots里,它會直接將設計畫面里的文字元素串 Google API 翻成任何語言模擬出來,設計師就不用為了模擬不同語言效果做畫面調整而創建幾十個畫布,有效地節省設計流程時間,產品品質管理上也可以大幅提升效能。

而 Airbnb 近期內也將會開放 AirShots 的資源,讓軟件產業都可以利用此工具來進行設計版本管理,增加工程師和設計師的協作效率。

Airjet

這次北京 IxDC 大會上 Alex Schleifer 也第一次公開他們公司內部使用的另一個設計整合工具——Airjet。

假如今天公司里的設計師遍布全球各地,要能整合并快速預覽每位設計師的設計,也是產品組織流程上會遇到的挑戰。

尤其像 Airbnb,所有設計都是由 DLS 里以程式碼的方式拉下來制作,制作完也必須都同時存為設計檔和程式碼檔回傳到資料庫,而 Airjet 就能幫他們解決這樣的問題。

Airjet 上可以利用檔案名稱或設計師名字來搜尋到想要的設計畫面。

Airjet 比較是一個云端平臺,跟 invision 類似的概念,所有設計師的設計檔案上傳到云端后都會同步到 Airjet 上,因此如果想要快速搜尋某位設計師的某個設計檔案,可以直接在上方的搜尋框輸入關鍵字,篩出符合的檔案,點進去后可以預覽設計檔里的所有畫布。

React.Sketch

就在今年4月底, Airbnb 在 Github 上發布了全新結合界面設計及程式開發的工具——React.Sketch。

故事起源于 Airbnb 先前熱衷于 React.js ,并且也利用 React.js 來建構網頁及app的設計系統,而 React Native 能讓網頁工程師利用 js 的寫法來產出iOS系統的app 這點,更是讓他們十分敬佩。

有一次晚餐他們就在想:既然現在 Sketch 為界面設計使用工具的最大宗,而 Sketch 檔案最終還是得要轉成程式碼,那我們何不用寫程式的方式在 Sketch 上做設計呢?于是這套工具因而誕生。

簡單來說,React.Sketch 就是讓開發者能利用 javasript ,在 Sketch 上進行界面設計。

但 React.Sketch 不是用 Sketch 里的元件 或者 來進行設計,因為這樣表示你只是換了個工具來“畫圓”、“畫線”;取而代之的是,他們利用 React 風格的樣式來架構 Sketch 設計,像是 等,這樣他們就可以輕易將 DLS 上的已經設計好的各個設計元件用簡單的程式碼呈現出來放在畫布上。

更有趣的事,一般在 Sketch 上只能作純設計,常常會遇到畫面中資料需要模擬真實情境的時候,這時我們只能自己純手工輸入假資料上去(而且輸入到后來還會很煩);但 React.Sketch 不僅能在 Sketch 上做到界面設計,更能讓設計師「即時」生成數種情境:

無接縫與資料庫串接直接套用網路上的資源 API 來生成資料。

你可以串聯真正的資料庫來呈現設計,像是利用 Foursquare API 來尋找場所地點,也可利用 Google maps 來生成即時的地圖和詳細資料。

自動生成響應式排版

利用 Flexbox 直接使一個畫布生成出不同設備屏幕的更多畫布。

React.Sketch 使用了 Flexbox 來排版。設計師不用再拖拉元件的寬高來適應不同屏幕的大小,只需要輸入幾行文字,就可以直接且即時在 Sketch 畫布上生成畫面。

畫面文字全語言切換

串 Google Translate API 在 Sketch 上即時更換語言呈現。

前面提到 AirShots 可以讓你預覽同一個畫面在不同語言下呈現的樣子,而 React.Sketch,讓你能在 Sketch 一邊設計畫面、一邊即時預覽任何語言放進設計里的效果,方便設計師調整。再也不怕原本設計好好的中文版畫面,在加入德文版本后會撐破版面,而必須重新調整的窘境了。

現在這套工具已經開放在 Github 上供大家使用,而 Airbnb 也持續在優化功能,如果使用上有遇任何問題,歡迎回饋給他們。

Lottie

Airbnb 在今年 2月發布一款造福軟件業的應用程式動畫工具 Lottie ,提供 iOS 、 Android 和 React Native 框架的動畫文件庫,幫助開發者更容易在原生應用程式中加上動畫。

過去我們在 iOS 、Android 中制作一些復雜的動畫時,都無法避免在工程師與設計師來回溝通之間花上大把時間,而且制作上也有一定難度。通常不是放入一堆不同大小的分開圖件,就是寫出很長一串的Code,還要定義 timing function 才能讓動畫達到精準,也因為這樣,許多 App 都省略許多動畫效果。

所以Airbnb團隊在一年前決定要在這方面做一次大改變,Lottie 應運而生。

有了 Lottie ,設計師在 After Effects 設計完動畫后,只需透過After Effects的擴充套件 Bodymovin 將動畫轉成 JSON 檔,再使用 Lottie 渲染JSON檔,不用重寫程式、便可以直接將動畫套用於應用程式中。

由于輸出使用的動畫檔為 JSON 格式,Lottie大幅降低檔案大小,在應用程式中使用更有彈性,還可以解決過去利用 GIF 或PNG 多張序列圖檔製作動畫的缺點,如檔案過大、解析度限制無法彈性縮放等,而且還可以支援 iOS 、 Android 及 React Native ,大幅減少工程師及設計師制作動畫的時間。

Airbnb 希望透過 Lottie ,讓在不同系統的應用程式中套用動畫就像用靜態圖檔一樣簡單。

安裝 After Effect 的擴充插件 Bodymovin,可以參考這篇安裝教學,想知道怎么應用 Lottie 在 After Effect 上輸出成 JSON 檔,也可以參考 如何使用Lottie 將完美動畫100%呈現在產品上 ,里面有更多詳細教學。

另外在 Lottie 動畫素材平臺 上也有許多設計師所做的現成 Json 及 Aep 動畫,可以拿來參考運用。

具體參考:《用AE做的動效,都能在APP中實現了?》

結語

工具是為了需求而生,不得不說, Airbnb 這幾年在公司擴張上遇到的組織運作問題,套用在其他公司也都大同小異,而 Airbnb 在重新建構設計組織流程的努力,不僅讓內部設計流程更為有效率,減少設計師、工程師及相關團隊之間的合作成本。

隨著科技進步,設計師與工程師之間的界線越來越小,協作的重要性也日益提高,界面設計師不再僅侷限在視覺效果工作?—?只要會畫畫、把畫面弄得美美的就好;一個理想的團隊里,設計師不僅能夠和工程、產品部門一起讓整個服務開發流程更加順暢、有系統,同時還要有高度與他們共同協作的能力。

當然,一個設計開發系統永遠不會有完成的一天, Airbnb 也持續在他們的 DLS 和協作工具不斷優化。他們不僅訂定了嚴謹且彈性的設計系統,更統一了他們的工作語言,并期望開放給 Airbnb 之外的產業使用。也許在不久的將來, Airbnb 就會像 Google 及 Facebook 這樣的巨擘一樣,聯合起來共同打造一個軟件設計產業皆通用的開放資源庫呢!
  • 校區分布
  • 學校相冊
  • 推薦課程
  • 相關學校
  • 相關文章

溫馨提示:提交留言后老師會第一時間與您聯系!熱線電話:

手機訪問

#tel_020#
山东11选5 江苏11选五历史遗漏号 香港买的彩票中奖了 北京11选5开奖走势图 腾讯彩票福彩开奖直播 快乐时时是全国号码 澳洲幸运10走势图 湖北体彩新十一送五 新疆35选7杀号预测 北京pk计划 大佬彩票出不了款