UI設(shè)計(jì)師是隨著網(wǎng)絡(luò)而興起的新興設(shè)計(jì)行業(yè),從事對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)工作,涉及范圍包括商用平面設(shè)計(jì)、高級(jí)網(wǎng)頁設(shè)計(jì)、移動(dòng)應(yīng)用界面設(shè)計(jì)及跨媒介設(shè)計(jì)
以人為本,以用戶體驗(yàn)需求為基礎(chǔ),發(fā)展多元化是目前中國信息產(chǎn)業(yè)中熱門的人才之一。
UI設(shè)計(jì)培訓(xùn)
一、Ui設(shè)計(jì)美術(shù)培訓(xùn)
1.美術(shù)基礎(chǔ),包括素描的起源與繪畫的作用、繪畫線條練習(xí)
2.素描速寫,包括繪畫構(gòu)圖與透是、幾何體、靜物、設(shè)計(jì)素描
3.色彩原理,課程包括色彩基礎(chǔ)、色彩與視覺、色彩搭配、色彩與設(shè)計(jì)階段實(shí)訓(xùn),包括繪畫與創(chuàng)意、手繪圖標(biāo)
二、平面UI設(shè)計(jì)軟件培訓(xùn)
1、photoshop :掌握photoshop相關(guān)軟件操作基礎(chǔ),熟練使用更重要是學(xué)會(huì)直接應(yīng)用軟件,通過項(xiàng)目實(shí)訓(xùn)直接設(shè)計(jì)。
2、Illustrator :掌握illustrator相關(guān)軟件操作基礎(chǔ),更重要是學(xué)會(huì)直接應(yīng)用軟件,通過網(wǎng)頁項(xiàng)目實(shí)訓(xùn)直接設(shè)計(jì)。
三、網(wǎng)頁UI設(shè)計(jì)軟件培訓(xùn)
1、Dreamweaver:基礎(chǔ)入門、創(chuàng)建網(wǎng)頁、圖形與多媒體、超鏈接、表格、AP元素、框架、CSS樣式表、行為和時(shí)間軸、表單。
2、Fireworks:基礎(chǔ)入門、對(duì)象的選擇與編輯、矢量與文本、位圖的處理、切片和熱點(diǎn)、GIF動(dòng)畫。
四、前端設(shè)計(jì)培訓(xùn)
1、HTML5:HTML 快速入門、文本、圖像、鏈接、表格、列表、表單、框架;熟練掌握各種 HTML 標(biāo)簽,能夠手動(dòng)快速完成各種頁面的編寫;
2、CSS3:CSS 基礎(chǔ)語法、各種選擇器、框模型與背景、文本 格式化、表格、顯示與定位、CSS 復(fù)雜選擇器,手動(dòng)完成各種頁面樣式的定義和編寫,保證瀏覽器兼容性
3、JS基礎(chǔ)應(yīng)用及實(shí)戰(zhàn)項(xiàng)目:JS基礎(chǔ)語法,常用界面特效、交互設(shè)計(jì)代碼分析,項(xiàng)目實(shí)戰(zhàn)
五、MUI交互設(shè)計(jì)培訓(xùn)
1. UI交互設(shè)計(jì)理念:MUI的概念與發(fā)展、設(shè)計(jì)理念、圖形界面設(shè)計(jì)原則、設(shè)計(jì)理念
2.圖標(biāo)設(shè)計(jì):ICON圖標(biāo)設(shè)計(jì)、2D圖標(biāo)案例、3D彩色圖標(biāo)案例;UI基本規(guī)范,圖標(biāo)設(shè)計(jì)步驟,ICON設(shè)計(jì)思路。
3.手機(jī)、電腦交互設(shè)計(jì):手機(jī)界面系統(tǒng)規(guī)范、蘋果IOS系統(tǒng)應(yīng)用設(shè)計(jì)規(guī)范與案例、iPhone應(yīng)用交互界面設(shè)計(jì)實(shí)例、iPad應(yīng)用交互界面設(shè)計(jì)實(shí)例、Android應(yīng)用交互界面設(shè)計(jì)實(shí)例
4.APP界面設(shè)計(jì):圖標(biāo)設(shè)計(jì)、APP界面設(shè)計(jì);IPad平板設(shè)計(jì),用戶體驗(yàn)設(shè)計(jì)
5.主題UI設(shè)計(jì):播放器、即時(shí)通訊UI設(shè)計(jì),如QQ、UC等;數(shù)碼產(chǎn)品;軟件類游戲UI界面設(shè)計(jì)等
6.Axure RP:思維導(dǎo)圖、交互原型圖軟件Axure RP 高保真、強(qiáng)調(diào)產(chǎn)品設(shè)計(jì)的過程、用戶體驗(yàn)的設(shè)計(jì)流程總結(jié)、精巧原型—用Axure提高交互設(shè)計(jì)效率,繪制高保真產(chǎn)品原型
--------------------------------------
免費(fèi)試聽,滿意再報(bào)名:(發(fā)送短信姓名 地點(diǎn) 課程到老師手機(jī),即可獲得試聽信息)
聯(lián)系人:郭老師
手機(jī):156-1823-0928
Q Q:3059-9122-84
微信號(hào):feifanzhu2016
地址:上海有徐匯普陀黃埔浦東等多個(gè)校區(qū),您可就近選擇入學(xué)
ui設(shè)計(jì)中的5個(gè)基本動(dòng)效
動(dòng)效可以幫我們提升用戶體驗(yàn),使ui界面顯得更加一致和真實(shí),并給整個(gè)產(chǎn)品帶來創(chuàng)新的感覺。如果想要你的ui界面更出彩,恰到好處的使用動(dòng)效將是明智的選擇。今天小編就和大家分享5個(gè)基本的動(dòng)效,希望能對(duì)大家有所幫助。
一、滑動(dòng)
信息列表會(huì)跟隨著用戶的交互手勢而動(dòng),然后卡片到相應(yīng)的位置上,保持整齊感,它屬于指向型動(dòng)畫,物體的滑動(dòng)取決于用戶是用那種手勢滑動(dòng)的。它的作用就是通過指向型轉(zhuǎn)場,有效幫助用戶清理頁面層級(jí)的排列情況。
適合場景:當(dāng)你設(shè)計(jì)的元素需要導(dǎo)航以列表方式呈現(xiàn)的時(shí)候可以使用滑動(dòng)效果。例如一些明星的選擇,款式的選擇,適合用這樣的方式呈現(xiàn)。
二、擴(kuò)大 頁面中的卡片會(huì)從縮略圖轉(zhuǎn)化為全屏視圖(一般這個(gè)卡片的中心點(diǎn)也會(huì)跟隨移動(dòng)到屏幕的中央)。反向動(dòng)效就是卡片從全屏視圖轉(zhuǎn)換為縮略圖。它的優(yōu)點(diǎn)是能清楚的告訴用戶點(diǎn)擊的地方被放大了。
適合場景:當(dāng)你設(shè)計(jì)的元素是需要和用戶進(jìn)行單一交互的時(shí)候。例如點(diǎn)開圖片查看詳情,讓轉(zhuǎn)場過渡更自然。
三、小化
頁面元素點(diǎn)擊之后縮小,然后移動(dòng)到屏幕上相應(yīng)的位置,相反的動(dòng)效就是擴(kuò)大,從縮略圖重新變?yōu)槿。這樣做的好處是能夠清楚的告訴用戶,小化的元素可以在哪里被找到,如果沒有動(dòng)效引導(dǎo),可能用戶需要花時(shí)間去尋找。
適合場景:當(dāng)用戶想要小化某個(gè)元素的時(shí)候。例如搜索、添加快捷按鈕的點(diǎn)擊事件,符合從哪來到哪去的原理。
四、切換對(duì)象
當(dāng)前頁面移動(dòng)到后面,新的頁面移動(dòng)到前面,這樣能夠清楚解釋頁面之間是進(jìn)行切換的,不會(huì)顯得轉(zhuǎn)換的太突兀和莫名其妙。
適合場景:當(dāng)用戶在元素之間切換;瑒(dòng)效果相對(duì)來說比較單一和常見,使用動(dòng)效切換可以讓用戶產(chǎn)生眼前一亮的效果,例如一些商品款式的切換,就可以使用這樣的效果
五、展開推疊
堆疊在一起的元素被展開。能夠清楚的告訴用戶每個(gè)元素的排列情況,從哪里來到哪里去,也顯得更加有趣。
適合場景:當(dāng)用戶打開一堆功能選項(xiàng)的時(shí)候。例如一個(gè)功能里面隱藏了好幾個(gè)二級(jí)功能時(shí),就可以使用這樣的效果,利于用戶引導(dǎo)。