虹口UI設(shè)計(jì)培訓(xùn)、打造符合企業(yè)實(shí)際人才需求
發(fā)布者：fzsheji 發(fā)布時間：2018-03-16 11:35:00
成為一個出色的UI設(shè)計(jì)師除了需要掌握Photoshop、Illustrator等設(shè)計(jì)工具外，還需要掌握Dreamweaver、HTML5、DIV CSS等網(wǎng)站技術(shù)工具，同時還需要具備交互設(shè)計(jì)的思想。因此，UI設(shè)計(jì)師以其技術(shù)復(fù)合性廣、技術(shù)含量大、門檻高、人才稀少而成為目前炙手可熱的高收入階層。
ui設(shè)計(jì)培訓(xùn)課程大綱
1.GUI平面設(shè)計(jì)
具體內(nèi)容:在我們的課程中，圖形界面設(shè)計(jì)引申為各種平面的表現(xiàn)，如廣告、企業(yè)形象識別系統(tǒng)（VIS），課程包括企業(yè)VI設(shè)計(jì)、平面設(shè)計(jì)與后期印刷等，包括海報(bào)設(shè)計(jì)、畫冊設(shè)計(jì)、折頁、logo設(shè)計(jì)等絕大部分紙媒設(shè)計(jì)涵蓋平面80以上的內(nèi)容。
主要工具：Photoshop/Illustrator/Indesign
2.AUI商業(yè)美術(shù)
具體內(nèi)容:商業(yè)美術(shù)是所有藝術(shù)的基本素養(yǎng)；
課程包括素描（繪畫構(gòu)圖與透是、幾何體、靜物、設(shè)計(jì)素描）和色彩（色彩基礎(chǔ)、色彩與視覺、色彩搭配、色彩與設(shè)計(jì)），緊密圍繞平面設(shè)計(jì)、網(wǎng)頁UI設(shè)計(jì)和移動設(shè)備UI設(shè)計(jì)的商業(yè)項(xiàng)目（手繪原型圖、手繪圖標(biāo)、手繪界面）來進(jìn)行繪畫創(chuàng)意。
主要工具：畫筆和畫板
3.WEB界面設(shè)計(jì)
具體內(nèi)容:網(wǎng)頁的界面設(shè)計(jì)師web界面的核心內(nèi)容；
課程包括web界面設(shè)計(jì)、PC客戶端軟件界面設(shè)計(jì)、html5/css樣式表，web標(biāo)注啊布局、瀏覽器兼容與響應(yīng)式布局。
主要工具及技術(shù)Fireworks/Dreamweaver/Flash/Html5/Css3/JS/Jquery
4.Mui移動端界面
具體內(nèi)容:移動設(shè)備界面設(shè)計(jì)模塊的內(nèi)容是整個課程的核心；
課程包括：四中主流風(fēng)格圖標(biāo)設(shè)計(jì)（2D、3D、剪影、寫實(shí)）、交互設(shè)計(jì)（分別基于Android和iOS）、移動界面設(shè)計(jì)（Android、iOS、Wp）、智能電視及穿戴設(shè)備界面設(shè)計(jì)（分別基于Android和iOS）
主要工具及技術(shù)：Photoshop、Axure RP、Android、iOS
UI開發(fā)設(shè)計(jì)課程學(xué)習(xí)階段
一、UI基礎(chǔ)
詳細(xì)介紹行業(yè)中Ui的應(yīng)用，以及Ui的制作流程；詳細(xì)講解Ui的構(gòu)成，以及各種軟件的學(xué)習(xí)并應(yīng)用到實(shí)際的案例中；色彩在Ui中的應(yīng)用，并強(qiáng)化按鈕的設(shè)計(jì)與制作。
二、UI組成元素及設(shè)計(jì)
各種Ui的構(gòu)成，并詳細(xì)的分析和講解；色彩在Ui中的高級應(yīng)用；各功能Ui的風(fēng)格和要求進(jìn)行強(qiáng)化設(shè)計(jì)，并處理細(xì)節(jié)；針對游戲、網(wǎng)頁各種界面圖標(biāo)的設(shè)計(jì)及應(yīng)用。
三、UI模塊風(fēng)格設(shè)計(jì)
根據(jù)手機(jī)游戲、網(wǎng)頁游戲、客戶端游戲等不同的游戲類型和風(fēng)格進(jìn)行Ui設(shè)計(jì)及細(xì)節(jié)處理；網(wǎng)頁界面的設(shè)計(jì)與制作；軟件界面的設(shè)計(jì)與制作，大量的案例強(qiáng)化設(shè)計(jì)并加強(qiáng)細(xì)節(jié)處理；針對寫實(shí)類、卡通類、魔幻類Ui風(fēng)格分析并進(jìn)行設(shè)計(jì)與制作。
四、項(xiàng)目設(shè)計(jì)與制作
根據(jù)要求設(shè)計(jì)項(xiàng)目并進(jìn)行制作；專業(yè)Ui案例分析和講解，提高審美和對于作品細(xì)節(jié)把控力；企業(yè)Ui測試題的分析和講解，并強(qiáng)化制作。
--------------------------------------
免費(fèi)試聽，滿意再報(bào)名：（發(fā)送姓名 地點(diǎn) 課程到老師手機(jī)，即可獲得試聽信息）
聯(lián)系人：郭老師
手 機(jī)：156-1823-0928
Q Q：3059-9122-84
微信號：feifanzhu2016
地址：上海有徐匯普陀黃埔浦東等多個校區(qū)，您可就近選擇入學(xué)
在解決完上面的問題后，我們按照8個步驟開始著手UI設(shè)計(jì)：
1.從產(chǎn)品需求入手
比如同樣是團(tuán)購，糯米用的是桃紅色，而美團(tuán)是翠綠色。那么我們在UI設(shè)計(jì)的時候首先就要考慮主色調(diào)的問題。
2.配色和輔助色用什么顏色
在考慮到產(chǎn)品氣質(zhì)和品牌色的同事，我們經(jīng)常要考慮配合襯托產(chǎn)品主色調(diào)的輔助色。在不同的產(chǎn)品中，輔助色運(yùn)用的策略是不同的，比如我們經(jīng)常說的：鄰近色、對比色等。都是我們選擇輔助色的方法。
3.用什么風(fēng)格來表達(dá)
現(xiàn)在說到風(fēng)格一句話，扁平風(fēng)。但是在扁平中也有區(qū)別。比如下圖，同樣是扁平。但是左圖微微帶有一些光影，而右圖是純扁平。你能說哪個好或者不好嗎?不能。
同樣的信息，在UI的表達(dá)上也有不同的表達(dá)方式。那么只能在具體你的UI設(shè)計(jì)中去考慮具體你需要用什么風(fēng)格。這些都是UI的工作內(nèi)容。
4.圖標(biāo)畫成什么風(fēng)格
同樣是設(shè)置、發(fā)現(xiàn)、首頁不同的app在基本結(jié)構(gòu)一致的情況下也有很多細(xì)微的差別。倒是要用圓角的icon、還是直角，是用面還是線形，這背后的設(shè)計(jì)語言邏輯是什么，設(shè)計(jì)目的是什么。都是需要UI設(shè)計(jì)來考慮。
5.如何表達(dá)情感化設(shè)計(jì)
在一些細(xì)節(jié)頁面我們常常要考慮情感化設(shè)計(jì)，以此來提升app的品質(zhì)，降低用戶在異常情況下的挫敗感。同時好的設(shè)計(jì)師還會考慮到如何引導(dǎo)用戶去解決，從而滿足產(chǎn)品訴求。不同的產(chǎn)品在做情感化設(shè)計(jì)的時候方式方法不同，風(fēng)格也不一樣。這些也都是需要UI設(shè)計(jì)來處理的。
6.動效如何做
因?yàn)槭謾C(jī)交互是動態(tài)的。所以我們?nèi)绻梢杂迷谝恍┨D(zhuǎn)頁面引用動效設(shè)計(jì)，無意是對整個app加分的好方法。
7.萬年的大頭疼圖標(biāo)icon
一萬個人有一萬個答案，那么具體怎么做，還是要考慮用戶、場景、需求等細(xì)節(jié)。產(chǎn)品可以提供方向，但是具體的落地還是需要UI設(shè)計(jì)師來完成。
8.適配、切圖
也算是萬年話題了。你不是做個好看的東西，要能用，開發(fā)要能開發(fā)。你要考慮iphone456，還要考慮不同的安卓720/1280/1920，甚至有些公司要特殊考慮某些屏幕。
在某些小公司，UI要肩負(fù)和產(chǎn)品一起考慮交互的問題。這時候經(jīng)常需要UI在自己儲備足夠的視覺設(shè)計(jì)能力的同時有良好的交互設(shè)計(jì)能力。
版權(quán)聲明：PLC信息網(wǎng)轉(zhuǎn)載作品均注明出處，本網(wǎng)未注明出處和轉(zhuǎn)載的，是出于傳遞更多信息之目的，并不意味 著贊同其觀點(diǎn)或證實(shí)其內(nèi)容的真實(shí)性。如轉(zhuǎn)載作品侵犯作者署名權(quán)，或有其他諸如版權(quán)、肖像權(quán)、知識產(chǎn)權(quán)等方面的傷害，并非本網(wǎng)故意為之，在接到相關(guān)權(quán)利人通知后將立即加以更正。聯(lián)系電話：0571－87774297。
