- 相關(guān)推薦
UI網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)報(bào)告
實(shí)習(xí)可以增加自己找工作的競(jìng)爭(zhēng)優(yōu)勢(shì)，實(shí)習(xí)也是一種工作的經(jīng)歷和經(jīng)驗(yàn)，當(dāng)別人面試問(wèn)你有沒(méi)有工作經(jīng)驗(yàn)時(shí)，絕大部分剛畢業(yè)的大學(xué)生都是沒(méi)有工作經(jīng)驗(yàn)的，但是實(shí)習(xí)就是你的工作經(jīng)驗(yàn)和經(jīng)歷，所以實(shí)習(xí)會(huì)在找工作時(shí)有很大的競(jìng)爭(zhēng)優(yōu)勢(shì)。下面是中國(guó)人才網(wǎng)給大家?guī)?lái)的UI網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)報(bào)告，歡迎閱讀。
UI網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)報(bào)告【1】
在暑假即將來(lái)臨的時(shí)候，突然得到焦老師舉辦暑期UI設(shè)計(jì)強(qiáng)化夏令營(yíng)的消息。思慮再三，帶著疑問(wèn)和不安，我報(bào)名了參加暑期UI設(shè)計(jì)強(qiáng)化夏令營(yíng)。
由于報(bào)名了夏令營(yíng)，所以原本在暑假中的一些計(jì)劃也打亂了。而或許是因?yàn)轭檻]，或許是因?yàn)椴幌嘈牛谙牧顮I(yíng)開展之前，我特意跑去了深圳一趟。從廣州到惠州再到深圳，走了十幾天，去了數(shù)個(gè)已經(jīng)參加工作的朋友。這些朋友有一部分是去年從我們學(xué)院畢業(yè)的畢業(yè)生，也有早工作了幾年的大學(xué)生。有的從事著和我們專業(yè)差不多的工作，也有的從事著其他的行業(yè)。和他們聊了很多，一些學(xué)長(zhǎng)學(xué)姐也對(duì)我說(shuō)了很多。在交談中，聯(lián)系這一路上我個(gè)人的所見所聞，我收獲很多，感受也頗深。
其實(shí)很多的話語(yǔ)以前也聽過(guò)，但是那個(gè)時(shí)候卻沒(méi)有放在心上，或許是放在了心上卻又不能體會(huì)。
在安靜的校園里面，我們永遠(yuǎn)體會(huì)不到外面的熱鬧;在和諧的校園里面，我們永遠(yuǎn)感受不到外面的競(jìng)爭(zhēng);在溫室的校園里面，我們永遠(yuǎn)見識(shí)不到外面的狂風(fēng)暴雨!
經(jīng)過(guò)十幾天在外面的走動(dòng)，我擺好了自己心態(tài)回到了學(xué)校。八月十號(hào)，開始了暑假UI設(shè)計(jì)夏令營(yíng)第一天的培訓(xùn)。
一個(gè)月后，第一次暑假UI夏令營(yíng)終于結(jié)束了。這段時(shí)間、這個(gè)過(guò)程，讓我從陌生到了解，從無(wú)從下手到有步有驟。
培訓(xùn)的第一天，看張那一張復(fù)雜的圖片，看張那一套英文版的軟件，我苦笑不已。結(jié)果一天下來(lái)，一張圖做了不到五分之一。
接下來(lái)一段時(shí)間，通過(guò)焦老師的講解，我及時(shí)的完成了這張圖的臨摹。
之后的一段時(shí)間，我繼續(xù)著臨摹。通過(guò)這幾天的臨摹，在結(jié)合老師講解的東西，我慢慢的掌握了一些技巧，對(duì)英文版的軟件也能夠更好的操作了。
在經(jīng)過(guò)幾天的臨摹之后，我們的不足也暴露出來(lái)了。那就是--基礎(chǔ)不牢。于是，老師安排了我們進(jìn)行手繪練習(xí)。
幾天的手繪練習(xí)讓我痛苦不堪，但是卻讓我在之后的實(shí)圖臨摹中起了很大作用。因?yàn)樵谝院蟮呐R摹中，我學(xué)會(huì)了思考，不再是拿著一張圖就不想事情的埋頭就做。而且通過(guò)手繪之后，我的眼界也有了很大的提高，能夠很分辨出別人的作品的好與壞，自己的作品和別人作品中的差距了。
手繪是基礎(chǔ)的基礎(chǔ)，更是創(chuàng)作、發(fā)展的基甸。
通過(guò)一個(gè)月的學(xué)習(xí)，我發(fā)現(xiàn)我喜歡上了UI。而也因?yàn)檫@一個(gè)月的學(xué)習(xí)，讓我更加了解了UI。UI是一個(gè)新的蛋糕，我很高興我走向了分享這個(gè)蛋糕的第一步。在這里我要感謝學(xué)校給了我們一個(gè)這樣的資源，感謝對(duì)我們指導(dǎo)的黃麗老師、趙敏老師，更要感謝一直陪著我們并給了我們一個(gè)學(xué)習(xí)機(jī)會(huì)的焦老師。還要感謝一直關(guān)注著我們的徐老師和李老師!
UI網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)報(bào)告【2】
鄭州輕工業(yè)學(xué)院 實(shí) 訓(xùn) 報(bào) 告
實(shí)訓(xùn)名稱：姓 名： 宋得洋 院 (系)：
專業(yè)班級(jí)： 指導(dǎo)教師： 徐潔 趙曉君 成 績(jī)：
時(shí)間： 2012年 12月 24日至 2012年 1月 4日
實(shí)訓(xùn)報(bào)告
實(shí)訓(xùn)內(nèi)容：
第一周的時(shí)候老師對(duì)我們以往學(xué)習(xí)的知識(shí)進(jìn)行了詳細(xì)的了解，對(duì)我們以前學(xué)習(xí)不到的知識(shí)進(jìn)行了總結(jié)，別且勉勵(lì)我們?cè)诮窈髮W(xué)習(xí)的道路上不驕不躁。老師對(duì)向我們灌輸了網(wǎng)站的搭配技巧和大致結(jié)構(gòu)，這些只能在公司的實(shí)踐中才能得到的東西，我們?cè)诶蠋煹膸椭碌玫搅舜笾碌牧私�，感謝老師。前幾天老師主要講解了PS的知識(shí)，比如怎么做燈光效果，我們?cè)谙挛绲臅r(shí)候進(jìn)行了練習(xí)。老師說(shuō)在2個(gè)星期的時(shí)間里學(xué)習(xí)到很多的知識(shí)是不可能的，但是我們要有信心和勇氣去學(xué)習(xí)，只有自己不放棄才能得到自己想要的知識(shí)。在讓我們得到理論知識(shí)灌輸?shù)耐瑫r(shí)，老師注重我們的實(shí)踐，實(shí)踐是根本，沒(méi)有實(shí)踐的東西是不成形的，也是不可靠的，無(wú)論怎么樣的想象，沒(méi)有起飛總是會(huì)墜毀的。老師對(duì)于蒙版效果的使用讓我耳目一新，以前總是不重視這些不太中心的東西，但是通過(guò)老師對(duì)于蒙板的講解，我了解了那些外觀上的刺激和強(qiáng)悍的作用，往往能讓人耳目一新。
老師對(duì)于蒙版的使用以及做出的一些精美的圖片，讓我認(rèn)識(shí)到了蒙版的重要性。因?yàn)楝F(xiàn)在的人們對(duì)于美觀的要求性很高，我們需要對(duì)此下很大的功夫，這樣做出的東西才能滿足人們的口味。長(zhǎng)久經(jīng)驗(yàn)的積累讓老師在這個(gè)行業(yè)走的很遠(yuǎn)，以后我會(huì)更加努力的實(shí)踐，讓自己在走上社會(huì)的道路上有一個(gè)良好的基礎(chǔ)。
老師講解的PS知識(shí)對(duì)PS進(jìn)行了剖析，許多小技巧讓我們?cè)谧鲌D的時(shí)候效率有了很大的提高。 大概可以分為以下幾類：1.魔棒、套索、矩形選區(qū)工具、圓形選區(qū)工具、像素選擇工具等等，這一類使用簡(jiǎn)單，對(duì)規(guī)則圖形和對(duì)比度大的圖像進(jìn)行操作;2.通道選擇法，以不同顏色通道的亮度及對(duì)比度為基礎(chǔ)，進(jìn)行繪制及選擇;3.矢量路徑方法選擇，工具包含繪制的圖形、鋼筆工具、網(wǎng)格工具等;
4. 圖像具有相對(duì)復(fù)雜的背景，前景(即我們要扣取的對(duì)象)邊緣細(xì)微，例如發(fā)絲毛發(fā)等，可用抽出這類的濾鏡或者用其他第三方濾鏡，如Knockout、Mask Pro、ReMask、蒙娜麗莎等等;5.要扣取的前景具有半透明屬性，例如婚紗、水珠、氣泡、玻璃制品等，最好選用各種第三方濾鏡進(jìn)行操作(因?yàn)楣δ茌^強(qiáng)，摳圖效果好)，例如Knockout、Mask Pro、ReMask、蒙娜麗莎等;6.圖像復(fù)雜，單種工具無(wú)法完成摳圖，就要考慮多種工具和濾鏡組合扣取。
他還讓我們記住一些常用的快捷鍵如：比如，按住Ctrl Alt鍵拖動(dòng)鼠標(biāo)可以復(fù)制當(dāng)前層或選區(qū)內(nèi)容; 如果你最近拷貝了一張圖片存在剪貼板里，Photoshop在新建文件(Ctrl N)的時(shí)候會(huì)以剪貼板中圖片的尺寸作為新建圖的默認(rèn)大小。要略過(guò)這個(gè)特性而使用上一次的設(shè)置，在打開的時(shí)候按住Alt鍵(Ctrl Alt N);如果創(chuàng)作一幅新作品，需要與一幅已打開的圖片有一樣的尺寸、解析度、格式的文件。只要選取“文件”→“New”，點(diǎn)Photoshop菜單欄的 Windows選項(xiàng)，在彈出菜單的最下面一欄點(diǎn)擊已開啟的圖片名稱就ok(實(shí)在太方便了);在使用自由變換工
具(Ctrl T)時(shí)按住Alt鍵(Ctrl Alt T)即可先復(fù)制原圖層(在當(dāng)前的選區(qū))后在復(fù)制層上進(jìn)行變換;Ctrl Shift T為再次執(zhí)行上次的變換，Ctrl Alt Shift T為復(fù)制原圖后再執(zhí)行變換。使用“通過(guò)復(fù)制新建層(Ctrl J)”或“通過(guò)剪切新建層(Ctrl J)”命令可以在一步之間完成拷貝到粘貼和剪切到粘貼的工作;通過(guò)復(fù)制(剪切)新建層命令粘貼時(shí)仍會(huì)放在它們?cè)瓉?lái)的地方，然而通過(guò)拷貝(剪切)再粘貼，就會(huì)貼到圖片(或選區(qū))的中心;若要直接復(fù)制圖像而不希望出現(xiàn)命名對(duì)話框，可先按住Alt鍵，再執(zhí)行“圖像”→“副本”命令;Photoshop的剪貼板也很好用，但你更希望直接使用Windows系統(tǒng)剪貼板，直接處理從屏幕上截取的圖像。好的，按下Ctrl+K，在彈出的面板上將“輸出到剪貼板”點(diǎn)中吧!
老師講解的蒙板是將不同灰度色值轉(zhuǎn)化為不同的透明度，并作用到它所在的圖層，使圖層不同部位透明度產(chǎn)生相應(yīng)的變化。黑色為完全透明，白色為完全不透明。這些優(yōu)點(diǎn)：1.修改方便，不會(huì)因?yàn)槭褂孟鹌げ粱蚣羟袆h除而造成不可返回的遺憾;2.可運(yùn)用不同濾鏡，以產(chǎn)生一些意想不到的特效;3.任何一張灰度圖都可用來(lái)用為蒙板。以及主要的作用：1.用來(lái)扣圖;2.做圖的邊緣淡化效果;3.圖層間的溶合;在蒙板上應(yīng)用不同的濾鏡，便會(huì)使淡化的邊緣出現(xiàn)不同的效果。在蒙板和圖層之間的空處有一個(gè)鏈接符號(hào)，默認(rèn)是鏈接著的，點(diǎn)擊可解開蒙板與圖層的鏈接。此時(shí)如果移動(dòng)圖層或蒙板，只會(huì)移動(dòng)你選擇的相應(yīng)圖層或蒙板，這點(diǎn)與圖層間的鏈接是一回事�？郾容^復(fù)雜的圖，比喻人的頭發(fā)，植物的枝葉等時(shí)，可將圖片轉(zhuǎn)為CMYK或LAB等不同顏色模式，找出一個(gè)對(duì)比最強(qiáng)，邊緣輪廓最清晰的通道，調(diào)整其色階，然后應(yīng)用到蒙板，再作進(jìn)一步修整。這些東西不僅僅教會(huì)了我們東西，更加的讓我的態(tài)度得到了端正。老師說(shuō)態(tài)度很重要，沒(méi)有了端正的態(tài)度如何能用自己的心將自己的靈感融入到自己的作品中去，一個(gè)良好的態(tài)度是一個(gè)好的開端，同時(shí)也是自己能在做作品的時(shí)候用自己靈感澆筑眼下的作品。
這是老師的作品讓我們網(wǎng)站頁(yè)面的設(shè)計(jì)和圖形視覺(jué)的認(rèn)識(shí)有了一個(gè)全新的了解，一張圖片有好的顏色和文字的合理設(shè)計(jì)才會(huì)讓被人認(rèn)同你的作品，所以這一周的ps實(shí)訓(xùn)使我對(duì)PS有了全新的認(rèn)識(shí)。而真正的知識(shí)是理解和認(rèn)知，而不是那些瑣碎的篇幅。
第二周的時(shí)候這一周老師給我們講了當(dāng)前最流行的網(wǎng)頁(yè)布局的方法Div+css，老師也講了層布局與表格布局的區(qū)別，他們都是網(wǎng)頁(yè)布局的方式，一個(gè)便于以后的維護(hù)、一個(gè)便于制作他們各有好處，需要設(shè)計(jì)人員在制作時(shí)自己來(lái)取舍的，并且還有一些設(shè)計(jì)技巧：1、靈活運(yùn)用樣式
熟悉網(wǎng)頁(yè)設(shè)計(jì)的網(wǎng)友就知道，調(diào)用Style的方法很多，我們可以單擊鼠標(biāo)右鍵選擇Custon Style來(lái)調(diào)用Style標(biāo)準(zhǔn)，也可以在狀態(tài)欄中的元素列表上單擊右鍵來(lái)調(diào)用Style。雖然不同的方法達(dá)到的效果看似一樣，但實(shí)際上產(chǎn)生的HTML代碼則完全不同。比如用Custon Style來(lái)調(diào)用Style標(biāo)準(zhǔn)，在網(wǎng)頁(yè)代碼中就生成一個(gè)〈span〉標(biāo)簽，這樣的標(biāo)簽一多就會(huì)使文件十分臃腫而且影響瀏覽器的解析速度，所以我們應(yīng)盡量使用狀態(tài)欄中的元素列表來(lái)調(diào)用Style。
2、要讓W(xué)indows(特別是95/NT)使用定制的顯示器 匹配曲線，只需要如下操作：
(1)在開始菜單的“啟動(dòng)”中刪除“Adobe Gamma Loader”。
(2)確定ICM曲線的路徑/名稱(基本上是處在C:\WinNT\System32\Color\中)。
(3)運(yùn)行RegEdit，找到如下項(xiàng)目：
HKEY_LOCAL_MACHINE>Software>Adobe>Color>Monitor>Monitor0
(4)創(chuàng)建一個(gè)新的項(xiàng)，叫做“Monitor Profile”
(5)在這個(gè)顯示器曲線的項(xiàng)中輸入步驟2中的路徑/名稱。
注意：在設(shè)置了這個(gè)曲線后，由于Adobe Gamma已經(jīng)重新配置了Adobe Gamma Loader，因此不要再運(yùn)行它。
3、同時(shí)鏈接到兩個(gè)網(wǎng)頁(yè)我們都知道超級(jí)鏈接一次只能連到一個(gè)頁(yè)面。如果我們要想一次在不同的框架頁(yè)中打開文檔，可以使用“Go To URL”JavaScript 行為。打開一個(gè)有框架的網(wǎng)頁(yè)，選擇文字或圖象，然后從行為面板中選擇“Go To URL”。我們會(huì)注意到Dreamweaver會(huì)在“Go To URL”對(duì)話框中顯示所有可用的框架。選擇其中一個(gè)我們想鏈接的框架并輸入相應(yīng)的URL后再選擇另一個(gè)框架并輸入另一個(gè)URL。
4、不給文件起中文名稱
大家在制作好了網(wǎng)頁(yè)后，通常會(huì)給網(wǎng)頁(yè)起一個(gè)具有代表性的中文名稱，一來(lái)能使人一看文件名就能大概了解文件所包含的內(nèi)容，二來(lái)能夠方便各個(gè)超級(jí)鏈接之間的相互調(diào)用。但如果你在Dreamweaver中這樣做，就會(huì)發(fā)現(xiàn)Dreamweaver對(duì)中文文件名支持得不是太好，經(jīng)常會(huì)有頁(yè)面調(diào)用不正確的現(xiàn)象發(fā)生，所以我們以后在Dreamweaver中保存網(wǎng)頁(yè)的時(shí)候，盡量用英文或者數(shù)字作為文件名稱，這樣就可以避免上面的出錯(cuò)現(xiàn)象。
5、要?jiǎng)?chuàng)建網(wǎng)絡(luò)安全顏色，須確保色彩的R、G和B元素都是十六進(jìn)制數(shù)的33或十進(jìn)制的51的倍數(shù)，任何以下的值都是可接受的：00 (0)、33 (51)、66 (102)、 99 (153)、CC (204)、FF (255)。
6、巧妙隱藏標(biāo)簽
如果在網(wǎng)頁(yè)中插入了不可見的元素時(shí)，Dreamweaver會(huì)自動(dòng)在頁(yè)面上添加一個(gè)與之相應(yīng)的元素標(biāo)簽，以便于我們選擇不可見元素。但這并不全是件好事，比我們?cè)谝粋�(gè)有很多層的頁(yè)面中的第一行便插入一個(gè)表格，就會(huì)發(fā)現(xiàn)由于首行排列了太多的層元素標(biāo)簽而使得表格自動(dòng)退到了頁(yè)面的第二行，雖然在瀏覽時(shí)并不影
【UI網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)報(bào)告】相關(guān)文章：
網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)報(bào)告02-13
網(wǎng)頁(yè)設(shè)計(jì)制作實(shí)習(xí)報(bào)告05-11
網(wǎng)頁(yè)設(shè)計(jì)頂崗實(shí)習(xí)報(bào)告09-26
網(wǎng)頁(yè)設(shè)計(jì)畢業(yè)實(shí)習(xí)報(bào)告09-25
網(wǎng)頁(yè)設(shè)計(jì)報(bào)告04-25
網(wǎng)頁(yè)設(shè)計(jì)開題報(bào)告06-26
網(wǎng)頁(yè)設(shè)計(jì)與制作報(bào)告02-13
網(wǎng)頁(yè)設(shè)計(jì)開題報(bào)告09-26