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