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

沈陽迪派教育

歡迎您!

分享

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

沈陽學ui什么培訓機構好

  • 課程介紹

  • 學習資料

  • 2019-08-21
沈陽ui培訓

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

什么是UI

什么是ui設計師
UI,即USER INTERFACE(用戶界面)的簡稱,通俗地講,就是軟件的“衣服”。UI設計,則是指對軟件的人機交互,操作邏輯,界面美觀的整體設計。好的UI設計不僅是讓軟件變得個性有品位,還要讓軟件的操作變得舒適,簡單,自由,充分體現軟件的定位和特點。

國內大部分UI工作者都是從事這個行業,是了解軟件產品、致力于提高軟件用戶體驗的產品外形設計師。這些設計師大多是美術院校畢業的,其中大部分是有美術設計教育背景,例如工業外形設計,裝潢設計,信息多媒體設計等。
 
獨特的教學方式與氛圍
我們不僅相信你一定能學會,更相信你一定愿意學習

小班授課小班授課

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

1
案例教學案例教學

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

2
經驗豐富經驗豐富

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

3
免費進修免費進修

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

4


沈陽迪派教育為您精心打造的課程體系
不僅讓你成為一個好的平面設計師,還能讓你成為一個優良的網頁設計師,更能讓你成為一個專業的、潮流的、時尚的、有“錢”景的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界面設計,平面交
    互界面設計。

咨詢詳情


企業合作單位,學員輕松就業

迪派教育合作企業

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

了解 Element 設計規范

Element 是餓了么出品的一套為開發者、設計師和產品經理準備的基于Vue 2.0 的桌面端組件庫,其優勢是設計可以根據組件庫快速搭建界面,工程師可以使用前端框架封裝的代碼進行快速開發,從而提高界面的統一性和開發效率。

由于我們的后臺界面是基于 Element 的框架進行開發,因此在設計時就要求我們掌握 Element 的設計規范,然后基于這套框架的規范進行設計。

進入 Element 官網點擊組件,在側邊欄中有對應的設計規范,包括:布局、色彩、字體、圖標、按鈕、表單、數據、提示、導航、其他。另外,還可以在資源里面下載Sketch的規范文檔。

確定設計尺寸和標準

大家知道在做網頁設計時一般采用1920 x 1080的設計尺寸,但是由于后臺界面大多都是全屏設計的方式,采用大尺寸會導致小屏電腦數據展示不完的情況,因此在設計時首先需要確定設計標準尺寸,以及確定采用何種布局框架。

1、設計標準尺寸

根據百度網頁流量平臺統計,我整理了網頁主流分辨率為1920 x 1080、1366 x 768、1440 x 900、1600 x 900、1024 x768,他們的屏幕分辨率使用情況如下。

為了能夠很好的向上和想下適配,同時我綜合了Ant Design的設計尺寸,因此這里我選用了居中位置的1440 x 900的分辨率來進行設計。

不過由于瀏覽器的任務欄會占去部分高度,如果高度采用900px來設計,會導致一些主要信息不能在首屏中展現,哪采用什么尺寸比較適合呢?

根據腳本之家中分析的一組Web尺寸規范統計數據,從上圖可以看到當高度大于720時,就有82.64%的人看不到下面的內容了,因此在設計時高度可以取720這個中間值,這樣前端在適配時錯誤率更低。

因此,在做后臺設計時,設計尺寸的比例最好采用1440 x 720的尺寸。

確定布局框架

Element 中主要有兩種導航樣式頂部導航和側邊欄導航。

側邊欄導航就是將導航固定在左側,多用于工具性或管理型數據量比較大的后臺界面中。其優勢是提高了導航可見性,方便頁面之間切換,同時頂部可放置常用工具,如搜索條、幫助按鈕、通知按鈕等。

頂部導航就是采用上下布局,導航中可展示導航信息,其導航個數往往不超過7個,多用在數據量減少的普通網頁后臺,其優勢是從上至下的正常瀏覽順序,方便瀏覽信息。

由于我們的項目多為工具管理類,因此采用側邊欄導航的布局方式進行設計即可。

Element 中側邊欄布局框架尺寸

導航高度為60px

橫向布局采用24欄的刪格布局,側邊欄占4個刪格為240px

間距為24px(間距一般是8的倍數,因此在8、16、24、32中選擇,模塊間距采用24px最為舒適)

其中側邊欄導航的內容區域寬度為自適應:W=屏幕寬度-側邊欄-間距x 2,在1440的分辨率下為W=1440-240-24×2=1152。

制作后臺模板界面

布局框架確認之后我們就可以結合設計規范和 Element 組件庫制作常用的模板樣式了,一般有哪些界面需要制作成模板呢?

這個就根據實際項目來確定,一般來說列表頁的復用性最高,因此在制作模板頁的時候,我主要針對列表頁進行設計。

列表頁主要由三部分組成,基礎框架+篩選+表格,在設計時我們可以先做一個基礎樣式。

當基礎列表做好后,我們就可以做其他狀態,比如高級篩選樣式,以及多層級列表等特殊樣式。

在界面效果上,這里我基于Element的基礎上和Ant Design進行了融合,其主要原因是Ant Design有很多后臺模板可應用,其二是覺得它的樣式和布局相對比較緊湊一點。

當模板界面搭建好之后,我們不可能將所有的樣式都給它做出來,因此這時候可以將所有的狀態都做成組件,這樣前端在使用的時候可以自由組合。

最后,模板樣式制作好之后,就可以提交給前端進行封裝了,以后開發就可以通過這些模板進行套用,當然在實際工作中還會遇到更復雜的頁面,那時候在重新設計即可。

總結

本文主要對我制作后臺模板界面做了簡單的梳理,主要從以下三個方面出發。

1、了解Element設計規范,這是設計的基礎。

2、確定設計尺寸和標準,通過分析采用1440 x 720尺寸較為適合。

3、制作后臺模板界面,根據公司需要選擇復用性較高的界面進行制作,對于多狀態可設計出特殊樣式和常規樣式,其他狀態可制作成組件。
  • 校區分布
  • 學校相冊
  • 推薦課程
  • 相關學校
  • 相關文章

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

手機訪問

#tel_020#
山东11选5 智能走势历史走势图 广东时时是真的吗 极速飞艇有什么规律 体彩十一运夺金开奖结果山东 黑龙江十一选五前三组走势图表 2019北京赛走势怎么看有啥诀窍 pc28二维码下载 500本金8码滚雪球算法 广西快乐双彩投注技巧 内蒙古时时中奖钱数