隨著科技的發(fā)展,21世紀(jì)變成一個(gè)移動(dòng)互聯(lián)網(wǎng)無處不在的時(shí)代,而產(chǎn)品設(shè)計(jì)由物質(zhì)設(shè)計(jì)向非物質(zhì)設(shè)計(jì)轉(zhuǎn)變已經(jīng)開始,而且必將成為未來產(chǎn)品設(shè)計(jì)的主流,一個(gè)UI大時(shí)代正在進(jìn)行中。
高級UI/UE交互設(shè)計(jì)就業(yè)班
一、美學(xué)基礎(chǔ)
1.商務(wù)辦公:windows、word、excel、ppt辦公應(yīng)用;辦公軟件在專業(yè)中的應(yīng)用
2.美術(shù)設(shè)計(jì):設(shè)計(jì)素描、水粉、速寫的原理及實(shí)踐,投影、視圖、透是,燈光表現(xiàn),寫生;色彩搭配的提高,配色原理的提高。
3.手繪圖標(biāo):二維剪影圖標(biāo)、三維寫實(shí)圖標(biāo)案例實(shí)訓(xùn),了解創(chuàng)意在設(shè)計(jì)中的具體運(yùn)用;理解創(chuàng)意思維的形態(tài)置換原理;掌握將創(chuàng)意思維轉(zhuǎn)化為圖形樣式的能力
二、GUI軟件部分
Photoshop、Illustrator、以案例形式講解廣告專業(yè)調(diào)色、人像精修、海報(bào)合成、網(wǎng)頁界面布局、UI擬物化設(shè)計(jì);廣告字設(shè)計(jì)、DM宣傳單和易拉寶展架設(shè)計(jì)、圖案和包裝設(shè)計(jì)、UI圖標(biāo)和界面設(shè)計(jì)等。使學(xué)員更熟練掌握軟件的操作技巧
三、VI視覺專項(xiàng)設(shè)計(jì)
GUI設(shè)計(jì)美學(xué)三大構(gòu)成:、平面構(gòu)成與設(shè)計(jì)、色彩構(gòu)成與設(shè)計(jì)、立體構(gòu)成與設(shè)計(jì)
GUI創(chuàng)意設(shè)計(jì)實(shí)戰(zhàn):字體設(shè)計(jì)、DM設(shè)計(jì)、LOGO圖形創(chuàng)意設(shè)計(jì)、展示展架設(shè)計(jì)、版式設(shè)計(jì)進(jìn)階、廣告常見印刷工藝
四、WUI與交互設(shè)計(jì)
1.DW、Fireworks以及配合其他軟件進(jìn)行使用
2.WUI界面設(shè)計(jì):網(wǎng)頁Banner排版與設(shè)計(jì)、網(wǎng)頁元素及規(guī)范、WUI設(shè)計(jì)項(xiàng)目實(shí)訓(xùn)(網(wǎng)站設(shè)計(jì)流程與策劃、電商平臺類網(wǎng)站項(xiàng)目實(shí)訓(xùn)、網(wǎng)站項(xiàng)目實(shí)訓(xùn))學(xué)完可獨(dú)立完成分類及個(gè)人網(wǎng)站設(shè)計(jì),按要求完成活動(dòng)專題頁設(shè)計(jì)、做好切圖并完成代碼工作
3.WUI交互代碼設(shè)計(jì):HTML標(biāo)簽:HTMl5、H5標(biāo)簽、智能表單、結(jié)構(gòu)化標(biāo)簽
五、MUI設(shè)計(jì)項(xiàng)目實(shí)訓(xùn)
1.MUI設(shè)計(jì)項(xiàng)目實(shí)訓(xùn):UI/UE設(shè)計(jì)理念和UI設(shè)計(jì)規(guī)范:UI和UE和MUI的設(shè)計(jì)理念講解,UI/UE交互原型設(shè)計(jì)、UE用戶體驗(yàn)
2.主流手機(jī)圖標(biāo)設(shè)計(jì):實(shí)戰(zhàn)講解兩大主流平臺Android和ios下的標(biāo)準(zhǔn)e圖標(biāo)設(shè)計(jì)方法。
3.個(gè)性化手機(jī)主題UI設(shè)計(jì):分析當(dāng)下流行的Android手機(jī)主題,引導(dǎo)學(xué)員設(shè)計(jì)制作出個(gè)性化特點(diǎn)的手機(jī)主題。
4.Axure原型設(shè)計(jì)與交互實(shí)戰(zhàn)
5.QQ音樂APPRdesign設(shè)計(jì)
6.商業(yè)租房APP設(shè)計(jì)
7.智能家居APP設(shè)計(jì)
8.高端餐廳APP平板點(diǎn)餐系統(tǒng)設(shè)計(jì)
9.Mac Sketch操作技巧
10.AE動(dòng)效設(shè)計(jì):分析當(dāng)前常見的UI/UE動(dòng)效設(shè)計(jì)效果,解析其設(shè)計(jì)原理和目的以及如何在合理的場合下使用
11.設(shè)計(jì):設(shè)計(jì)答辯,項(xiàng)目獨(dú)立設(shè)計(jì)
UI設(shè)計(jì)必知的設(shè)計(jì)趨勢
互聯(lián)網(wǎng)產(chǎn)品的用戶界面設(shè)計(jì)趨勢是根據(jù)用戶的不同需求而不斷變化的。在仔細(xì)分析了過去幾年用戶界面設(shè)計(jì)的趨勢和創(chuàng)新之后,我們可以發(fā)現(xiàn)其背后的一些規(guī)律,2019年UI界面設(shè)計(jì)的趨勢如下。
漸變色
在過去的幾年里,越來越多的設(shè)計(jì)師在設(shè)計(jì)作品時(shí)采用了色彩漸變的方法,今年的流體漸變更是風(fēng)靡全球。即使你只選擇了一種顏色,也可以在色彩漸變和不同圖片的幫助下,營造出出豐富的層次結(jié)構(gòu)感,繪制出一幅令人賞心悅目的畫面。因此,色彩漸變的流行之風(fēng)不僅在席卷了2018年整年,還將會(huì)在2019年繼續(xù)流行下去。
icon由線轉(zhuǎn)面、刻畫細(xì)節(jié)
現(xiàn)在的ios12中,采用了面性圖標(biāo),未選中和選中狀態(tài)只有顏色上的區(qū)分,并且圖標(biāo)更加圓潤。目前很多用戶界面已經(jīng)給頁面底部標(biāo)簽欄的icon加上微動(dòng)效底部標(biāo)簽欄icon不僅有微動(dòng)效,十分有意思,符合當(dāng)下95后00后的用戶心態(tài)。同時(shí)細(xì)節(jié)的設(shè)計(jì)帶給用戶的感受也會(huì)上一個(gè)檔次。
透明度+重疊
字體、圖形以及顏色的重疊,不僅可以使界面看上去更加醒目鮮明,還可以營造出一種空間感。 相同元素的重疊,再輔以陰影,也會(huì)使整個(gè)APP界面的設(shè)計(jì)產(chǎn)生更多的奇妙感,牢牢抓住用戶眼球,給他們留下深刻印象。因此,用戶體驗(yàn)設(shè)計(jì)中,不同元素的重疊將會(huì)成為2018年的趨勢。?
卡片+投影相結(jié)合
ios12中采用了大圓角卡片設(shè)計(jì),它不再像過去MD中的小圓角那樣呆板,大圓角讓設(shè)計(jì)更加輕快大氣。相信大家已經(jīng)看到了很多卡片都使用了投影這一手法,輕微的、似有似無的投影,不會(huì)被用戶立即察覺,但是會(huì)給設(shè)計(jì)增加深度,形成層疊的關(guān)系,更加醒目,可以更好的抓住用戶的注意力。
插畫風(fēng)格
插畫風(fēng)格運(yùn)用的越來越廣泛,適用于app當(dāng)中的啟動(dòng)頁、缺省頁、banner圖、專題頭圖、彈窗插畫、icon等等,UI界面有各式各樣的插畫風(fēng)格——如手繪風(fēng)格、簡約風(fēng)格、MBE風(fēng)格、剪紙風(fēng)格和孟菲斯風(fēng)格等。這些插畫風(fēng)格的使用不僅使APP更加有趣和與眾不同,同時(shí)也賦予了用戶界面?zhèn)性,這就在界面設(shè)計(jì)層出不窮的當(dāng)下能夠給用戶留下更為深刻的印象。
較強(qiáng)的顏色或字體大小對比
強(qiáng)烈的顏色或字體對比也可以幫助設(shè)計(jì)師設(shè)計(jì)出優(yōu)秀的用戶界面來吸引用戶的注意。例如,添加不同樣式、類型、大小的字體,也可以傳遞層次和空間的感覺。而不同類型和風(fēng)格的配色也會(huì)形成鮮明的對比,使整個(gè)設(shè)計(jì)更加豐富多彩和引人注目。
3D效果正流行
今年C4D大熱,相信大家已經(jīng)感受到了,今年雙十一很多商家都使用了3D效果,有的還加上了動(dòng)效,可以讓你全方位、多角度、更加真實(shí)的觀察商品。目前還不會(huì)C4D的設(shè)計(jì)師們,為了提升你的競爭力,有必要學(xué)起來了,畢竟技多不壓身。
交互動(dòng)效
給APP的圖標(biāo)、字體、照片和按鈕添加動(dòng)畫或交互總是對用戶有著積極的影響,因?yàn)樗軒в脩舾嘤淇斓捏w驗(yàn)。它的幾點(diǎn)特性:快速且流暢、恰到好處的反饋、提升操作感受、提供良好的視覺效果。所以這一趨勢在2019年還將繼續(xù)流行下去。
動(dòng)態(tài)視頻
一般小視頻使用在啟動(dòng)頁多用于一次打開app的場景,對用戶的代入感較強(qiáng)再如由動(dòng)態(tài)圖片轉(zhuǎn)變成動(dòng)態(tài)視頻,圖片中有少量的動(dòng)態(tài)元素,仿佛賦予圖片生命,比較唯美和貼近現(xiàn)實(shí)。手機(jī)banner設(shè)計(jì)上也會(huì)采用動(dòng)態(tài)視頻進(jìn)行展現(xiàn),方便360度的查看商品,刺激你剁手的欲望。
VR/AR/VUI是未來的大趨勢
眾所周知,現(xiàn)在VR(虛擬現(xiàn)實(shí))和AR(增強(qiáng)現(xiàn)實(shí))VUI(語音交互設(shè)計(jì))大火,它們的核心都是計(jì)算機(jī)視覺和聽覺。VR目前在娛樂領(lǐng)域被使用,而AR將會(huì)真正影響我們的工作和生活,多用于多媒體、市場營銷、教育等方面。VUI在醫(yī)療和戶外活動(dòng)方面會(huì)發(fā)揮出前所未有的用戶超級體驗(yàn)。