UI設(shè)計(jì)師實(shí)習(xí)心得

1、UI 設(shè)計(jì)師實(shí)習(xí)心得在廣州達(dá)內(nèi)經(jīng)過四個(gè)月的UI 設(shè)計(jì)培訓(xùn)實(shí)習(xí)，我學(xué)習(xí)很多有關(guān)于設(shè)計(jì)藝術(shù)，作品欣賞品評(píng)價(jià)， 在接受公司全面，系統(tǒng)的教學(xué)技能知識(shí)下，時(shí)間不知不覺在廣州學(xué)習(xí)四個(gè)月了，時(shí)間苦短可我還想學(xué)習(xí)更多，這段時(shí)間我學(xué)到收獲良多寶貴、美好的學(xué)習(xí)工作經(jīng)驗(yàn)體會(huì)，有技術(shù)，知識(shí)職業(yè)技能，那些工作伙伴，同學(xué)老師們一起共同努力，學(xué)習(xí)進(jìn)步難忘友情和成長(zhǎng)時(shí)光。在達(dá)內(nèi)學(xué)習(xí)四個(gè)月分四個(gè)階段的學(xué)習(xí)課程， 有平面廣告， 手繪素描， 網(wǎng)頁網(wǎng)站前臺(tái)制作流程，和移動(dòng)端界面交互設(shè)計(jì)等技術(shù)知識(shí)， 下面分享我四個(gè)月所學(xué)， 所想，所為 UI 設(shè)計(jì)師心得吧。一 1、界面并非炫 了就好一個(gè)設(shè)計(jì)成功的界面都是簡(jiǎn)單大方、容易識(shí)別的， 畢竟界面

2、是供用戶操作完成工作，非拿來娛樂休閑的，尤其是我們這種管理系統(tǒng)界面。一個(gè)色彩絢麗、 讓人眼花繚亂的界面不僅不能增加美感，更會(huì)給用戶的操作帶來不便，降低效率。2、界面布局不要盲目追求越滿越好 而良好的界面布局是吸引客戶的一個(gè)亮點(diǎn)， 是客戶評(píng)估應(yīng)用軟件的一個(gè)重要指標(biāo)。 好的布局不僅給人耳目一新的良好視覺享受， 更可以幫助用戶快速的熟悉軟件， 間接的成為用戶的操作指南。界面布局要在邏輯合理、便于用戶操作的基礎(chǔ)上盡量的美觀，無需堆砌內(nèi)容。 有時(shí)候我們?yōu)榱耸菇缑婵雌饋肀容^充實(shí)，不顯得空曠， 硬生生的把一些不相關(guān)的功能拼湊到一起，其結(jié)果是用戶操作時(shí)像走迷宮一樣，這樣的界面只能增加不必要的復(fù)雜度，讓用戶眩暈

3、， 碰到個(gè)脾氣暴躁的人，估計(jì)要拍桌子了吧。3、界面設(shè)計(jì)不要完全依靠經(jīng)驗(yàn)主義目前很多項(xiàng)目都存在著這樣一個(gè)現(xiàn)象：開發(fā)和設(shè)計(jì)人員并不能跟用戶直接溝通，所有的需求都是來自二手材料。這種情況下， 開發(fā)和設(shè)計(jì)人員并不能詳細(xì)的了解用戶的操作習(xí)慣等重要信息， 只能根據(jù)自己的經(jīng)驗(yàn)來進(jìn)行設(shè)計(jì)和開發(fā)。等產(chǎn)品出來客戶驗(yàn)收時(shí)，往往發(fā)現(xiàn)我們生產(chǎn)出來的東西和客戶的原始需求有一定的誤差，造成返工，增加了項(xiàng)目成本。課上老師曾經(jīng)說過這樣一句話讓我記憶深刻： 把自己變成用戶。在做設(shè)計(jì)和開發(fā)時(shí)，我們大多數(shù)是把自己當(dāng)成設(shè)計(jì)開發(fā)人員，而不是用戶。 如果把自己變成用戶，站在用戶的角度來進(jìn)行設(shè)計(jì)開發(fā)， 我想我們的產(chǎn)品對(duì)用戶需求的符合度一定會(huì)

4、大大提升。如果有條件的話，能夠去用戶的工作環(huán)境去體驗(yàn)一下相信對(duì)我們的設(shè)計(jì)開發(fā)一定會(huì)大有裨益的。4、同一系統(tǒng)界面切忌百花齊放 界面風(fēng)格是產(chǎn)品的形象標(biāo)識(shí)，是產(chǎn)品的臉面。 成功的界面設(shè)計(jì)都有自己的獨(dú)特風(fēng)格，或清新活力，或時(shí)尚優(yōu)雅。當(dāng)前出現(xiàn)頻率較多的一個(gè)詞就是創(chuàng)新 ，創(chuàng)新是企業(yè)的生命力，于是在界面風(fēng)格方面也出現(xiàn)了大刀闊斧的改革。但是界面設(shè)計(jì)的創(chuàng)新卻切忌一個(gè)系統(tǒng)出現(xiàn)多種界面風(fēng)格，尤其在維護(hù)舊有的產(chǎn)品時(shí)。有精品文庫些產(chǎn)品使用已久，完全推翻舊有的風(fēng)格不僅人力不足，成本也太大，不太劃得來，但是舊有的風(fēng)格又不能滿足需要，于是出現(xiàn)了這樣一種現(xiàn)象：甲在維護(hù)時(shí)將自己維護(hù)的界面改成了風(fēng)格甲，乙維護(hù)時(shí)將新增功能界面改成了

5、風(fēng)格乙。隨著維護(hù)的增加，原來的系統(tǒng)已面目全非，界面風(fēng)格是 百花齊放 ，用戶操作時(shí)如同進(jìn)了迷魂陣中。所以，保持系統(tǒng)風(fēng)格的一致性非常重要，不能為了趕時(shí)髦，而將自己的系統(tǒng)變成了雜牌軍 。二 Part 1挑戰(zhàn)和制約碎片化的移動(dòng)端時(shí)至今日，市面上流通的智能機(jī)已經(jīng)多不勝數(shù)了，不同的智能終端不僅僅尺寸不盡相同，而且因?yàn)榉直媛实牟町愂沟闷聊坏南袼孛芏纫灿泻艽蟛町?，往?xì)了考慮， 這些終端的輸入機(jī)制、屏幕比例、屏幕方向都會(huì)影響到移動(dòng)端的UI 設(shè)計(jì)。移動(dòng)端的網(wǎng)頁設(shè)計(jì)可以借助響應(yīng)式設(shè)計(jì)保證不同屏幕下的瀏覽體驗(yàn)，相比之下移動(dòng)端的APP設(shè)計(jì)則相對(duì)缺少流動(dòng)性。所以，作為移動(dòng)端的UI 設(shè)計(jì)師，還是需要考慮屏幕差異造成的布局設(shè)

6、計(jì)的不同以及用戶體驗(yàn)上的變化。性能設(shè)計(jì)和構(gòu)建一個(gè)APP的方式會(huì)直接影響到它的性能。換句話說， 手機(jī)里安裝的程序如果設(shè)計(jì)的好可以你的手機(jī)可以待機(jī)一天半，而如果其中有一個(gè)程序設(shè)計(jì)的有問題，會(huì)讓你需要出門多帶一個(gè)移動(dòng)電源了。一些不必要的轉(zhuǎn)場(chǎng)動(dòng)畫可能會(huì)讓你的CPU 為之進(jìn)行密集地運(yùn)算，一段存在問題的JS 代碼可能讓你的瀏覽器耗費(fèi)多于平常數(shù)倍的電量。也許今年剛剛上的 Galaxy S5 能夠流暢運(yùn)行某個(gè)應(yīng)用，但是2年前的 Galaxy Nexus 可能會(huì)打開應(yīng)用的時(shí)候立馬卡出翔?？偟膩碚f，設(shè)計(jì)和開發(fā)，都會(huì)影響到APP的性能，甚至左右手機(jī)的續(xù)航（部分國產(chǎn)手機(jī)用戶同開發(fā)者一起哭暈在廁所）。開發(fā)與成本控制有很

7、多應(yīng)用在構(gòu)思之初非?？犰判路f，但是這并不意味著它可以輕松實(shí)現(xiàn)。應(yīng)用的設(shè)計(jì)和開發(fā)的方式會(huì)直接決定它能否在 Deadline 來臨之前實(shí)現(xiàn)。如果我們無法認(rèn)清一個(gè)應(yīng)用的開發(fā)成本，那么開發(fā)者所承擔(dān)的負(fù)擔(dān)會(huì)成倍增加，也為應(yīng)用的后續(xù)發(fā)展埋下了禍根。Part 2拋棄思維定勢(shì)當(dāng)我們剛剛開始學(xué)習(xí)設(shè)計(jì)和開發(fā)的時(shí)候，這個(gè)數(shù)字時(shí)代才剛剛開始，我們對(duì)于新興事物的認(rèn)知尚且稚嫩。學(xué)校教育和實(shí)際設(shè)計(jì)開發(fā)上的“時(shí)代差異”，讓很多設(shè)計(jì)師對(duì)數(shù)字化的互聯(lián)網(wǎng)的認(rèn)知稍顯“靜態(tài)”，甚至形成某種思維定制，對(duì)于移動(dòng)互聯(lián)網(wǎng)也知之甚少。在這個(gè)信息爆炸的時(shí)代，激烈的競(jìng)爭(zhēng)催化下的移動(dòng)互聯(lián)網(wǎng)正在以一種恐怖的速度演化、推進(jìn)，歡迎下載2精品文庫這使得設(shè)計(jì)師

8、們需要緊跟發(fā)展的步伐，隨時(shí)更新升級(jí)自己對(duì)于互聯(lián)網(wǎng)的認(rèn)知。移動(dòng)端并非畫布移動(dòng)端設(shè)計(jì)和平面設(shè)計(jì)有著巨大的差異，它不再是一張平面的畫布。我懷疑PS和 AI并不足以幫助設(shè)計(jì)師完成從平面向移動(dòng)互聯(lián)網(wǎng)的轉(zhuǎn)變，盡管PS 和 AI已經(jīng)幫助設(shè)計(jì)師們?cè)谶^去的 20年里完成了無數(shù)壯舉。目前，我們依然需要借助它們來繪制更多不同屏幕尺寸下的UI 和圖標(biāo)，但是我們需要借助更多的其他軟件來展現(xiàn)移動(dòng)端不一樣的一面，比如用AE 來繪制動(dòng)效。從構(gòu)思屏幕布局到考慮界面轉(zhuǎn)換的確，當(dāng)涉及移動(dòng)端UI 設(shè)計(jì)的時(shí)候，單單考慮屏幕布局是遠(yuǎn)遠(yuǎn)不夠的。像FacebookPaper ，雅虎天氣，Weather Channl 這樣的優(yōu)質(zhì)移動(dòng)APP就像

9、我們證明了界面間的轉(zhuǎn)場(chǎng)動(dòng)畫到底能讓一個(gè)UI 界面產(chǎn)生怎樣的張力。而剛剛推出的Android L所用的Material Design則更是在看似普通的靜態(tài)界面之后，隱藏了一系列讓你欲罷不能的過度效果。界面轉(zhuǎn)換之間的動(dòng)效， 在過去只為博得一笑， 今天卻正在走向主流， 成為移動(dòng)端的用戶體驗(yàn)的核心。 它正在成為交互和界面的重要元素， 賦予界面以韻律和生命力。 動(dòng)效不僅呈現(xiàn)運(yùn)動(dòng)的過程，還能表現(xiàn)出空間、 層次，變化，在基礎(chǔ)的界面結(jié)構(gòu)上為用戶帶來截然不同的體驗(yàn)。將你的“設(shè)計(jì)師做派”扔到一邊你并不需要將界面做獨(dú)特或者原創(chuàng)，尤其是當(dāng)你是為了獨(dú)特而重新設(shè)計(jì)所有的界面，然后讓整個(gè)產(chǎn)品為獨(dú)特而擔(dān)上風(fēng)險(xiǎn)。很多時(shí)候， 堅(jiān)

10、持使用原生UI 元 素和模式是讓應(yīng)用能按時(shí)出貨的重要保證。 比起強(qiáng)行推動(dòng)獨(dú)特原創(chuàng)的設(shè)計(jì)，很多時(shí)候更合適的做法是打造簡(jiǎn)單高效的交互界面，創(chuàng)造真正的品牌價(jià)值。真實(shí)的 APP不比設(shè)計(jì)師的概念設(shè)計(jì)差很多設(shè)計(jì)師喜歡上Behance 和 Dribbble這樣的網(wǎng)站上去找靈感，雖然其中有很動(dòng)優(yōu)質(zhì)的設(shè)計(jì)作品，但如果你并非一個(gè)經(jīng)驗(yàn)豐富的移動(dòng)UI 設(shè)計(jì)師的話，可能會(huì)被這些作品誤導(dǎo)。其中很多設(shè)計(jì)都僅僅只是從未實(shí)現(xiàn)過的高保真Demo，當(dāng)你正打算設(shè)計(jì)一個(gè)界面的時(shí)候，其中某些設(shè)計(jì)可能會(huì)影響你的思路。所以，不妨從那些已經(jīng)上線的成功APP中汲取營養(yǎng)吧。你會(huì)從中汲取到豐富的營養(yǎng)，看到蓬勃發(fā)展的設(shè)計(jì)趨勢(shì)，這些經(jīng)過市場(chǎng)和用戶驗(yàn)證的

11、案例會(huì)讓你明白什么值得學(xué)習(xí)的設(shè)計(jì)。Part 3學(xué)習(xí)新技能歡迎下載3精品文庫了解平臺(tái)正如同 web 設(shè)計(jì)師需要了解 HTML/CSS一樣，作為移動(dòng)端 UI 設(shè)計(jì)師的你應(yīng)該了解移動(dòng)端APP的架構(gòu)。首先移動(dòng)端開發(fā)的語言和網(wǎng)頁設(shè)計(jì)就不太一樣，各個(gè)不同平臺(tái)有著各自的編程語言和接口，界面的構(gòu)成也無法使用CSS和標(biāo)簽來實(shí)現(xiàn)。你需要深入閱讀官方的開發(fā)文檔，明白APP的構(gòu)成，編譯方式，發(fā)布方式，了解設(shè)計(jì)的規(guī)則。這些東西不僅關(guān)系到你的應(yīng)用開發(fā)好壞，還會(huì)影響系統(tǒng)的穩(wěn)定性，電池續(xù)航長(zhǎng)短等多種因素。作為移動(dòng)端UI 設(shè)計(jì)師，你單了解設(shè)計(jì)是不夠的。當(dāng)然，從長(zhǎng)遠(yuǎn)來看，這對(duì)于你的職業(yè)生涯也很有好處。了解移動(dòng)端的技術(shù)構(gòu)成光了解平

12、臺(tái)的基本特征是不夠的。接下來你需要了解它相關(guān)的技術(shù)構(gòu)成：位置服務(wù)wifi ， GPS等），藍(lán)牙（低功耗藍(lán)牙技術(shù)） ，信號(hào)，前后攝像 頭，麥克風(fēng)，陀螺儀，位置傳感器，加速度傳感器，指紋掃描儀（iPhone 5s ），眼動(dòng)追蹤技術(shù)，語音識(shí)別，人臉識(shí)別，等等等等。 每一個(gè)新技術(shù)的背后以為著應(yīng)用程序更多的可能性，交互設(shè)計(jì)、使用體驗(yàn)， 甚至商業(yè)模式。發(fā)掘本地 UI 組件的開發(fā)潛質(zhì)每個(gè)移動(dòng)操作系統(tǒng)中中總有著大量的本地UI 組件，他們有著極大的自由度，方便你進(jìn)行定制。你需求確切地知道他們的特征（尺寸，大小，功用），你可以為與你合作的開發(fā)者節(jié)省大量的工作時(shí)間。三設(shè)計(jì)學(xué)習(xí)總結(jié)：設(shè)計(jì)工作是痛并快樂著無法自拔的美好，“上癮的毒藥” ，每當(dāng)面臨重大的設(shè)計(jì)任務(wù)時(shí)充滿了壓力，開始搜集各種資料（包括藝術(shù)形式、色彩