正文

ui課程筆記（ui課程入門）

發(fā)布時(shí)間：2023-04-28 03:32:26 稿源：創(chuàng)意嶺閱讀： 253

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于ui課程筆記的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀企業(yè)，服務(wù)客戶遍布全國，設(shè)計(jì)相關(guān)業(yè)務(wù)請撥打175-8598-2043，或微信：1454722008

本文目錄:

1、有哪些常用的UI設(shè)計(jì)技巧
2、新手如何正確學(xué)習(xí)游戲UI設(shè)計(jì)
3、零基礎(chǔ)想學(xué)ui設(shè)計(jì)應(yīng)該先從哪學(xué)起？
4、做UI設(shè)計(jì)哪款筆記本電腦筆記好，要具體型號(hào)

ui課程筆記（ui課程入門）

一、有哪些常用的UI設(shè)計(jì)技巧

UI 設(shè)計(jì)(或稱界面設(shè)計(jì))是指對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)，也叫界面設(shè)計(jì)。UI 設(shè)計(jì)分為實(shí)體 UI 和虛擬UI，互聯(lián)網(wǎng)說的 UI 設(shè)計(jì)是虛擬 UI, UI 即User Interface(用戶界面)的簡稱。

UI 設(shè)計(jì)師的職能大體包括三方面:一是圖形設(shè)計(jì)，軟件產(chǎn)品的產(chǎn)品“外形”設(shè)計(jì)。二是交互設(shè)計(jì)，主要在于設(shè)計(jì)軟件的操作流程、樹狀結(jié)構(gòu)、操作規(guī)范等。三是用戶測試/研究，這里所謂的“測試”，其目標(biāo)恰在于測試交互設(shè)計(jì)的合理性及圖形設(shè)計(jì)的美觀性，主要通過以目標(biāo)用戶問卷的形式衡量 UI 設(shè)計(jì)的合理性。

UI設(shè)計(jì)目前的前景還是很不錯(cuò)的，很多企業(yè)都缺少 UI 設(shè)計(jì)師。而且可以看到的是，現(xiàn)在社會(huì)的發(fā)展，更多的智能機(jī)和智能機(jī)器人研發(fā)出現(xiàn)，這些都離不開UI 設(shè)計(jì)師。所以說 UI 設(shè)計(jì)的是很有前途的，是不會(huì)失業(yè)的。而且 UI 設(shè)計(jì)門檻不高，要入門也不難的。

從工作內(nèi)容來說，UI設(shè)計(jì)在當(dāng)前的互聯(lián)網(wǎng)領(lǐng)域、科技領(lǐng)域可以說無處不在，

好的 UI 設(shè)計(jì)能夠明顯提升用戶的使用體驗(yàn),從而給產(chǎn)品帶來更多的附加值,所以UI 設(shè)計(jì)對于互聯(lián)網(wǎng)產(chǎn)品是非常重要的。目前 UI 設(shè)計(jì)通常分為兩個(gè)大的工作方向，一個(gè)是交互設(shè)計(jì),另一個(gè)是視覺設(shè)計(jì)。

總的來說，UI 設(shè)計(jì)相比較于編程而言，還是非常適合大眾學(xué)的并且就業(yè)前景很廣闊。學(xué)完 UI 設(shè)計(jì)，能獲得一份穩(wěn)定而又不失樂趣的工作，同時(shí)有利于追求更高品質(zhì)的生活，在藝術(shù)領(lǐng)域可以獲得更多的啟迪。

二、新手如何正確學(xué)習(xí)游戲UI設(shè)計(jì)

1、學(xué)習(xí)軟件知識(shí)

包括掌握Photoshop、Axure、Illustrator、sketch、藍(lán)湖等常用軟件。另外，制作原型，界面，圖標(biāo)制作，素材制作，切圖等等相關(guān)步驟的軟件都需學(xué)會(huì)。

軟件是是設(shè)計(jì)師的基礎(chǔ)，新手剛?cè)腴T可以先從這點(diǎn)入手。嫻熟的技法，是完美展現(xiàn)設(shè)計(jì)作品的必備條件，要熟練掌握好。

2、臨摹作品

對于剛?cè)腴T的UI設(shè)計(jì)師來說只要去圖庫網(wǎng)站找一些素材，借助工具進(jìn)行修飾即可，其實(shí)這只能鍛煉你的借鑒能力，當(dāng)你的技法嫻熟到一定程度，就可以嘗試臨摹。通過臨摹，一則用來強(qiáng)化技法層面的能力，二來也能提升初學(xué)者的創(chuàng)新能力。

臨摹的內(nèi)容，可以有兩方面選擇：一種是系統(tǒng)自帶的圖標(biāo)，另一種則是行業(yè)牛人的設(shè)計(jì)作品，捉摸他們的設(shè)計(jì)風(fēng)格、思想和細(xì)節(jié)，都能加深對設(shè)計(jì)的認(rèn)識(shí)

3、掌握平面設(shè)計(jì)理論知識(shí)

包括要掌握構(gòu)圖、排版、色彩和圖形的基礎(chǔ)理論知識(shí)。學(xué)習(xí)的途徑毋庸置疑我們首選從書本獲得！

4、鍛煉手繪能力。

成為一個(gè)優(yōu)秀的UI設(shè)計(jì)師需要一定的手繪能力，為什么？首先，在紙上的動(dòng)手能力比在軟件上完成較快速，效率有一定提升。

另一方面，通過手繪，能突出自己創(chuàng)作的與眾不同，甚至能夠從“亂涂亂畫”中得到靈感。沒有美術(shù)基礎(chǔ)的小伙伴也不要太擔(dān)心，這些后天可以勤加練習(xí)彌補(bǔ)的。

5、學(xué)會(huì)尋找靈感

找靈感其實(shí)也就是培養(yǎng)審美的能力，這點(diǎn)建議大家可以多逛一下設(shè)計(jì)網(wǎng)站。當(dāng)你能知道什么好看，什么不好看，會(huì)排斥那些不好看的設(shè)計(jì)的時(shí)候，這時(shí)候你的品味就自然上升了。

另外，看到不錯(cuò)的設(shè)計(jì)要記得采集下來，但一定要學(xué)會(huì)整理分好自己的素材文件夾。這對于一個(gè)設(shè)計(jì)來說是非常重要的。

三、零基礎(chǔ)想學(xué)ui設(shè)計(jì)應(yīng)該先從哪學(xué)起？

針對零基礎(chǔ)想要轉(zhuǎn)行UI設(shè)計(jì)的小伙伴，應(yīng)該先了解UI設(shè)計(jì)是什么？UI設(shè)計(jì)是否有前景？再去考慮自己是否適合UI設(shè)計(jì)，最后才了解如何學(xué)習(xí)UI設(shè)計(jì)。那我們今天就按照這個(gè)思路分享一下UI設(shè)計(jì)的轉(zhuǎn)行步驟。

一、UI設(shè)計(jì)是什么？

UI（User Interface），中文名“用戶界面”。Ps：（百度解釋）UI是指對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。

通俗來說，大家生活中的手機(jī)和電腦上使用的各種App、網(wǎng)頁軟件等產(chǎn)品的原型設(shè)計(jì)都來自于UI，包括頁面的整體配色，按鈕設(shè)計(jì)，圖標(biāo)設(shè)計(jì)，界面的排版都是UI設(shè)計(jì)工作的范圍。

UI設(shè)計(jì)在互聯(lián)網(wǎng)行業(yè)中是不可缺少的崗位，他需要參與需求評審，理解PRD、用戶調(diào)研、情緒板梳理、交互設(shè)計(jì)等過程，需要完成產(chǎn)品的視覺設(shè)計(jì)、視覺評審、UI走查、驗(yàn)收等流程。在工作過程中，可能會(huì)組織團(tuán)隊(duì)成員對設(shè)計(jì)方案、項(xiàng)目進(jìn)行復(fù)盤，這樣細(xì)致的分工會(huì)把每個(gè)環(huán)節(jié)都打磨得非常到位。

總的來說，UI設(shè)計(jì)的工作不僅是讓軟件變得有個(gè)性有品味，還要讓軟件的操作變得舒適、簡單、自由，充分體現(xiàn)軟件的定位和特點(diǎn)。

二、UI設(shè)計(jì)是否有前景

一個(gè)行業(yè)是否有前景，最重要的就是看市場的需求量和依賴度。

對于市場的需求量，我們隨手去任何一個(gè)招聘網(wǎng)站看看目前正在招聘UI設(shè)計(jì)的企業(yè)有多少，就能很直觀的得到市場的空缺量有多少？

圖片來源于職友集

對于依賴度，我們可以想想我們的生活中哪些地方用到了UI設(shè)計(jì)的產(chǎn)品？

圖片來源于網(wǎng)絡(luò)

日常生活中的一天，從早上用手機(jī)掃碼乘坐地鐵或公交，上班用手機(jī)打卡。再到辦公用到各類辦公軟件、瀏覽各類網(wǎng)頁，吃飯點(diǎn)外賣，下班買菜手機(jī)支付，網(wǎng)上購物。晚上休息刷新聞、打游戲、追劇和綜藝，我們用到的這一類產(chǎn)品，它們的界面都是出自UI設(shè)計(jì)之手。著互聯(lián)網(wǎng)、物聯(lián)網(wǎng)、5G、人工智能、大數(shù)據(jù)、VR虛擬現(xiàn)實(shí)、人工智能等的興起，UI設(shè)計(jì)市場并不會(huì)飽和，只是需要更多、更專業(yè)、知識(shí)面更廣的UI設(shè)計(jì)師。

UI設(shè)計(jì)薪資待遇如何呢？來看看全國UI設(shè)計(jì)師平均薪資：

圖片來源：職友集

三、UI設(shè)計(jì)的學(xué)習(xí)流程

零基礎(chǔ)想要轉(zhuǎn)行UI，該先學(xué)什么？學(xué)習(xí)什么內(nèi)容？又如何學(xué)習(xí)呢？我們將學(xué)習(xí)內(nèi)容拆分出來，以周為學(xué)習(xí)周期，來分享一下UI設(shè)計(jì)的學(xué)習(xí)流程。

越簡單的元素搭配，就越考察一個(gè)設(shè)計(jì)師的基礎(chǔ)功，如果沒有過硬的技術(shù)和扎實(shí)的基本功，就難以準(zhǔn)確地傳達(dá)產(chǎn)品自身調(diào)性和營銷賣點(diǎn)。

我們都知道創(chuàng)意思維對于設(shè)計(jì)師的重要性，卻也不能忽略基本功對于設(shè)計(jì)師的必要性。只有堅(jiān)持不斷的負(fù)重訓(xùn)練，扎實(shí)美術(shù)功底，才能在日后的商業(yè)實(shí)戰(zhàn)中輕松駕馭各種風(fēng)格。

第一周：手繪

圖片來源：阿多比設(shè)計(jì)學(xué)院學(xué)生作品

手繪的重點(diǎn)主要是培養(yǎng)學(xué)員的形體結(jié)構(gòu)，光感、空間的關(guān)系，這算是一個(gè)審美培養(yǎng)的啟蒙，時(shí)下最流行的矢量插畫就和手繪密切相關(guān)。

第二、三周：PS、AI基礎(chǔ)軟件的學(xué)習(xí)

圖片來源于網(wǎng)絡(luò)

從零開始學(xué)習(xí)軟件，需要用實(shí)際的案例去學(xué)習(xí)，這樣更加容易上手，并且UI設(shè)計(jì)的學(xué)習(xí)并不是只是簡單的學(xué)習(xí)軟件工具，很多在人都以為UI設(shè)計(jì)只要會(huì)了PS、AI等就可以了，其實(shí)讓通過實(shí)際的案例去了解設(shè)計(jì)背后的意義即設(shè)計(jì)思維、創(chuàng)意理解，才是更為重要的目的。

但是只學(xué)思維也不行，我們也要加強(qiáng)設(shè)計(jì)的基本功，對軟件完全的精通掌握，這是必須的。

第四、五周:平面構(gòu)成、Logo

圖片來源：阿多比設(shè)計(jì)學(xué)院學(xué)生作品

掌握平面設(shè)計(jì)中點(diǎn)、線、面，加以延伸到到Logo設(shè)計(jì)，Logo一方面是包括圖形另一方面是包括字體，所以了解文字結(jié)構(gòu)是非?；A(chǔ)的，以及如果這一階段學(xué)的非常好，接Logo私單，價(jià)格高到不敢相信。

并且logo品牌部分學(xué)習(xí)中，要會(huì)從Logo的形式、氣質(zhì)、基礎(chǔ)屬性、思維方式、以及標(biāo)準(zhǔn)制圖等去深入學(xué)習(xí)。一個(gè)簡單的圖形通過形式的變形而演變出千變?nèi)f化的造型，如此多的變化還怕設(shè)計(jì)不出Logo嗎？

舉例：從形入手，一個(gè)圓可變實(shí)心的圓、可變空心的、可變半圓的還可變橢圓、半圓，那是不是就能聯(lián)想到雞蛋、煎蛋、荷包蛋、帽子、水杯呢？

第六周：品牌Logo定稿以及VI手冊設(shè)計(jì)

圖片來源：阿多比設(shè)計(jì)學(xué)院學(xué)生

這一周其重點(diǎn)是甲方思維思考設(shè)計(jì)，對，就是那個(gè)煩人的甲方爸爸，需要學(xué)習(xí)換位思考。

整個(gè)第一階段的學(xué)習(xí)內(nèi)容都是非?；A(chǔ)的，目的是培養(yǎng)設(shè)計(jì)思維，正所謂懂用戶所想，還不能設(shè)計(jì)出好產(chǎn)品？

第七周：響應(yīng)式網(wǎng)站、一屏式網(wǎng)站

圖片來源：阿多比設(shè)計(jì)學(xué)院學(xué)生作品

從案例來講述網(wǎng)頁設(shè)計(jì)的構(gòu)成、顏色、字體、功能、按鈕以及設(shè)計(jì)規(guī)范、排版規(guī)范。

第八周：后臺(tái)數(shù)據(jù)

除了后臺(tái)設(shè)計(jì)，更多的是后臺(tái)的數(shù)據(jù)統(tǒng)計(jì)處理，如何做到簡單化、明了化。

圖片來源：阿多比設(shè)計(jì)學(xué)院學(xué)生作品

第九周：電商設(shè)計(jì)

圖片來源：阿多比設(shè)計(jì)學(xué)院學(xué)生作品

電商平臺(tái)首頁設(shè)計(jì)，每一個(gè)月各大購物平臺(tái)都會(huì)有全站式的活動(dòng)，活動(dòng)主題都不一樣，所以其實(shí)電商設(shè)計(jì)的人才缺口是非常大的。

第十周：淘寶平臺(tái)詳情頁、后臺(tái)

圖片來源：阿多比設(shè)計(jì)學(xué)院學(xué)生作品

這一部分是可以自己去申請?zhí)詫毜?、上架產(chǎn)品，任何學(xué)習(xí)都沒有直接上手來得快。實(shí)操實(shí)練，自己去體會(huì)各大平臺(tái)的規(guī)范，才會(huì)了解得更加清楚。

第十一周:C4D、Banner

圖片來源：阿多比設(shè)計(jì)學(xué)院學(xué)生作品

進(jìn)入3D訓(xùn)練啦，豐富視覺效果，提高就業(yè)競爭能力，多會(huì)一門技術(shù)，就多一些可能，這也是我們要為什么不斷學(xué)習(xí)提升自己的原因。

第二階段，更多的是網(wǎng)頁的設(shè)計(jì)訓(xùn)練，重點(diǎn)掌握企業(yè)站界面設(shè)計(jì)規(guī)范和輸出規(guī)范，且能夠根據(jù)企業(yè)真實(shí)需求設(shè)計(jì)頁面。

第十二周：用戶體驗(yàn)、競品分析、原型圖

圖片來源：阿多比設(shè)計(jì)學(xué)院學(xué)生作品

本周開始設(shè)計(jì)APP，通過數(shù)據(jù)分析來做競品分析，使用Axure來繪制APP的原型圖。

第十三周：圖標(biāo)

圖片來源：阿多比設(shè)計(jì)學(xué)院學(xué)生作品

有意思的圖標(biāo)也是完整APP設(shè)計(jì)的重要一環(huán)。

第十四周：界面、膠囊

圖片來源：阿多比設(shè)計(jì)學(xué)院學(xué)生作品

通過標(biāo)志性APP來講彈窗頁、閃動(dòng)頁。

第十五周：界面設(shè)計(jì)

圖片來源：阿多比設(shè)計(jì)學(xué)院學(xué)生作品

繼續(xù)完成APP，并學(xué)會(huì)切圖、命名、標(biāo)注、打包、交接（前端小哥哥、小姐姐打不打就看這周的學(xué)習(xí)內(nèi)容了）

第十六周：運(yùn)營界面

圖片來源于網(wǎng)絡(luò)

營銷推廣性的用戶思維培養(yǎng)，把握用戶的痛點(diǎn)提升整體運(yùn)營界面，達(dá)到營銷推廣的目的。這一般都是通過突然跳出來的彈窗、閃屏等，比如促銷性質(zhì)的頁面，增加了視覺感染力，促進(jìn)了用戶的點(diǎn)擊。

第十七周：交互動(dòng)效

圖片來源：阿多比設(shè)計(jì)學(xué)院學(xué)生作品

學(xué)好AE動(dòng)效會(huì)非常加分，因?yàn)樗梢詼?zhǔn)確的傳達(dá)出你的思路，演示你想要的表達(dá)的效果。這必將成為UI的流行趨勢，不想要被市場淘汰，一定要繼續(xù)學(xué)習(xí)??！

這一個(gè)階段，可以嘗試著手設(shè)計(jì)屬于自己的APP，你可以選擇自己喜歡的主題，沒有局限性，這可以成為零基礎(chǔ)轉(zhuǎn)行的你的作品集內(nèi)容哦。

第十八周：前端

大家都知道與UI設(shè)計(jì)師密切合作的是前端，那作為一個(gè)UI設(shè)計(jì)師，只有懂了前端，這樣才會(huì)合作得更好，提升工作的效率。我們可以學(xué)習(xí)HTML5，學(xué)習(xí)CSS3等。

雖然是以周劃分，安排得滿滿當(dāng)當(dāng)，這樣學(xué)習(xí)流程適合大多數(shù)零基礎(chǔ)的小伙伴，每周的內(nèi)容如果學(xué)習(xí)的不扎實(shí)，可以適當(dāng)停留腳步，因?yàn)槊總€(gè)人的學(xué)習(xí)能力不同，學(xué)習(xí)掌握情況不同。一定要將知識(shí)學(xué)扎實(shí)，一步一個(gè)腳印的往前走，才能真正將UI設(shè)計(jì)知識(shí)掌握牢靠。

最后，希望你通過我的分享對你轉(zhuǎn)行UI設(shè)計(jì)的學(xué)習(xí)有所幫助，早日找到心儀的UI設(shè)計(jì)工作。

四、做UI設(shè)計(jì)哪款筆記本電腦筆記好，要具體型號(hào)

我這邊不給您具體牌子型號(hào)，只告訴你如何選擇。我買筆記本從來都是看配置再看品牌的。r然后用筆記下來，到實(shí)體店一個(gè)一個(gè)找，幾家對比，得出心理價(jià)位。第一，你肯定要買的是近半年內(nèi)生產(chǎn)的電腦，這樣有利于你5年時(shí)間甚至更長時(shí)間使用; 第二，你要清楚你能出多少錢，比如2千到3千只能是低端電腦，4千左右價(jià)位能買中端的電腦; 第三，你要考慮自己是否考慮續(xù)航時(shí)間，考慮續(xù)航選擇低電壓(U)的CPU。另外要清楚自己的筆記本是用來做什么的。如果做設(shè)計(jì)，視頻等那就應(yīng)該不考慮CPU后面數(shù)字上有個(gè)U的筆記本。第四，你應(yīng)該要考慮比較好的系列，然后再同款系列中考慮型號(hào)。比如四代I5和五代i5比較，你肯定要選擇五代i5,然后在這個(gè)系列里面看型號(hào)比較。當(dāng)然這方法也不全對，畢竟低電壓(CPU帶U字)的五代i5和標(biāo)壓的五代i3(CPU帶M字)性能差不多。. 第五，你要看看納米數(shù)字是多少，納米數(shù)字越小，做工精細(xì); 第六，你要看看顯卡階梯圖，再瞧一瞧顯卡的三級(jí)緩存，數(shù)字越大，越好。對了如果你只是上網(wǎng)普通娛樂，集成顯卡就行，如果要玩3D游戲，設(shè)計(jì)等。還是主要考慮獨(dú)立顯卡。選擇顯卡比如，N卡和A卡，A卡發(fā)熱量大些，作圖專用。如果要長時(shí)間運(yùn)行，比如玩游戲，剪輯，那你就考慮N卡。選擇N卡，比如。740和840這兩個(gè)顯卡，第一個(gè)數(shù)字8大，那就是840效果好點(diǎn)，但是840比740性能只高了百分之五，若740和820比較，很多人誤以為是8好，那就不對，這個(gè)反而是740好。第七，你也要考慮主頻，主頻越高，說明電腦處理速度越快;當(dāng)然像CPU是低電壓的電腦，你也要關(guān)注它的睿頻。第八，就是你考慮硬盤型號(hào)是sata三代，是選擇固態(tài) 還是混合，肯定是固態(tài)好，不過很多人買較便宜的混合，還要考慮硬盤轉(zhuǎn)速7200，當(dāng)然5400也可以; 第九，就是你考慮內(nèi)存規(guī)格和大小，內(nèi)存規(guī)格現(xiàn)在主流是DDR3，性能是DDR2的兩倍；一般32位系統(tǒng)最高支持3.2G內(nèi)存，64位系統(tǒng)，最好是4G內(nèi)存。第十，就是你考慮屏幕選擇尺寸，寬屏16比9 還是16比10等。亮度值越大越好。分辨率隨你選擇。最后你看看中關(guān)村在線對比筆記本品牌吧。

以上就是關(guān)于ui課程筆記相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。