網(wǎng)頁設(shè)計(jì)實(shí)習(xí)報(bào)告

中國XX大學(xué)畢業(yè)實(shí)習(xí)總結(jié)報(bào)告網(wǎng)頁設(shè)計(jì)實(shí)習(xí)報(bào)告網(wǎng)頁設(shè)計(jì)實(shí)習(xí)報(bào)告院系名稱：XXXX學(xué)院專業(yè)：xxxxxxxx學(xué)生姓名：學(xué)號(hào)：123456789指導(dǎo)老師：XXXX大學(xué)教務(wù)處制2018年3月1日實(shí)習(xí)單位(xx信息技術(shù)有限公司)簡介

xx信息技術(shù)有限公司成立于2009年11月24日，本部位于xx理工學(xué)院西校區(qū)國際交流中心五樓，下設(shè)xx理工學(xué)院、河南科技大學(xué)兩個(gè)教學(xué)部，一個(gè)人力資源外包公司，一個(gè)高級(jí)項(xiàng)目研發(fā)部，xx理工學(xué)院教學(xué)部主要從事PHP程序員培訓(xùn)，承擔(dān)xx理工學(xué)院軟件職業(yè)技術(shù)學(xué)院畢業(yè)實(shí)訓(xùn)和網(wǎng)絡(luò)編輯師認(rèn)證考試培訓(xùn)；河南科技大學(xué)教學(xué)部主要從事UI設(shè)計(jì)師培訓(xùn)，承擔(dān)軟件學(xué)院專、本科教學(xué)任務(wù)和畢業(yè)實(shí)訓(xùn)項(xiàng)目；人力資源公司主要負(fù)責(zé)向本地互聯(lián)網(wǎng)企業(yè)輸送高校應(yīng)屆實(shí)習(xí)生，并承接外地企業(yè)的UI和程序員外包項(xiàng)目；高級(jí)項(xiàng)目研發(fā)部主要承擔(dān)百度xx客服中心的B/S網(wǎng)站系統(tǒng)、IOS、安卓APP和微信公眾號(hào)等大型項(xiàng)目研發(fā)。公司有最好的產(chǎn)品和專業(yè)的銷售和技術(shù)團(tuán)隊(duì)，公司發(fā)展迅速，目標(biāo)是為客戶提供最好的產(chǎn)品、良好的技術(shù)支持、健全的售后服務(wù)。公司是xx軟件行業(yè)的知名企業(yè)。

xx信息技術(shù)有限公司目前擁有專職教員7名，其中3名為碩士研究生學(xué)歷，并有5年以上的互聯(lián)網(wǎng)企業(yè)技術(shù)崗位工作經(jīng)驗(yàn)和2年以上的教師工作經(jīng)驗(yàn)，項(xiàng)目開發(fā)團(tuán)隊(duì)7人，其中UI設(shè)計(jì)師2名，PHP程序員3名，安卓開發(fā)工程師1名，IOS開發(fā)工程師1名。從2013年開始，公司獨(dú)立投資建設(shè)了一個(gè)30人機(jī)房和一個(gè)20人機(jī)房，編寫了UI和PHP兩個(gè)系列的教學(xué)課件10多套。截止目前，公司成功舉辦了17期次的網(wǎng)頁設(shè)計(jì)培訓(xùn)共計(jì)100多人、3期次PHP培訓(xùn)共計(jì)40多人、2期次網(wǎng)站編輯師認(rèn)證考試共計(jì)90人，1期次UI設(shè)計(jì)師培訓(xùn)40多人，為xx本地的互聯(lián)網(wǎng)技術(shù)人才培養(yǎng)和就業(yè)做出了巨大的貢獻(xiàn)。為多家IT企業(yè)提供人才輸送服務(wù)，成為業(yè)內(nèi)最大的IT人才輸送平臺(tái)。

在教學(xué)的同時(shí)，xx信息技術(shù)有限公司承擔(dān)著百度xx客服中心的大型項(xiàng)目研發(fā)工作，成功研發(fā)的項(xiàng)目有大一物流微信配貨系統(tǒng)、重渡溝官網(wǎng)和微信平臺(tái)、房東網(wǎng)、飛餐、萬和匯168等數(shù)十個(gè)成功案例。在學(xué)生即將進(jìn)行社會(huì)實(shí)踐的時(shí)候，人才服務(wù)團(tuán)隊(duì)為學(xué)員提供全方位的就業(yè)輔助功能，包括職業(yè)素質(zhì)培訓(xùn)、就業(yè)指導(dǎo)、簡歷培訓(xùn)、模擬面試等多種就業(yè)技能；并同時(shí)為學(xué)員提供企業(yè)雙選會(huì)、專場(chǎng)招聘會(huì)、推薦面試、簡歷代投等各種幫助學(xué)員就業(yè)的服務(wù)。xx信息技術(shù)有限公司致力于推動(dòng)中國高端人才培養(yǎng)向國際化、實(shí)用化、職業(yè)化的方向發(fā)展，提升中國高校大學(xué)生的就業(yè)率和就業(yè)質(zhì)量，xx與高校之間的合作以對(duì)口就業(yè)為導(dǎo)向，通過依托高等院校進(jìn)行相關(guān)專業(yè)培養(yǎng)方案的優(yōu)化和改革，重組專業(yè)課程體系，引進(jìn)國際知名的企業(yè)資源，利用豐富的教學(xué)方法和手段，突出與專業(yè)緊密結(jié)合的實(shí)訓(xùn)特點(diǎn)，幫助高校在培養(yǎng)定位、專業(yè)設(shè)置、工程實(shí)踐、學(xué)生就業(yè)等方面建立起適應(yīng)社會(huì)和行業(yè)發(fā)展的職業(yè)化人才體系。

xx堅(jiān)持立足高校，在為企業(yè)提供技術(shù)解決方案的同時(shí)，將項(xiàng)目過程中取得的寶貴經(jīng)驗(yàn)通過培訓(xùn)的方式傳授給在校大學(xué)生，讓學(xué)員通過項(xiàng)目實(shí)踐，獲得知識(shí)和實(shí)戰(zhàn)經(jīng)驗(yàn)的積累。公司的項(xiàng)目研發(fā)團(tuán)隊(duì)和培訓(xùn)團(tuán)隊(duì)都是行業(yè)內(nèi)經(jīng)驗(yàn)豐富的佼佼者。公司優(yōu)秀的教學(xué)效果和行業(yè)領(lǐng)先的經(jīng)營模式贏得了社會(huì)各界的廣泛贊譽(yù)和好評(píng)。

2月26號(hào)-3月1號(hào)第一天懷著激動(dòng)的心情去面試，很幸運(yùn)的被選中，開始我的實(shí)習(xí)生活，心中懷著激動(dòng)和不安來到實(shí)習(xí)公司。在一個(gè)新的工作環(huán)境中，總是擔(dān)心自己能力不夠，怕領(lǐng)導(dǎo)交代的任務(wù)完成的不夠出色。不過，這都是我沒有進(jìn)入公司之前的猜測(cè)，在真正的進(jìn)到公司之后，發(fā)現(xiàn)一切都沒有我想象的那么復(fù)雜，公司的同事都很熱心，公司領(lǐng)導(dǎo)也很開明、和祥。最重要的是和我一起在公司實(shí)習(xí)的伙伴有好幾個(gè)都是同班同學(xué)。剛進(jìn)公司的職員要經(jīng)過兩天的簡單培訓(xùn)，為的是讓新同事盡快進(jìn)入工作環(huán)境，更快的上手自己的工作，了解自己的工作內(nèi)容，以便以更高的效率，更好的技術(shù)完成本職工作。這兩天的實(shí)習(xí)還是比較輕松的，只是在同事的帶領(lǐng)下熟悉了一下以后要工作的環(huán)境和公司的規(guī)章制度。然后又了解了公司的發(fā)展背景，和自己的同事相互認(rèn)識(shí)一下，看看以往公司的產(chǎn)品，展望了公司未來的發(fā)展方向。在這里，每個(gè)員工都要上下班打卡。每天的上班時(shí)間是上午九點(diǎn)到中午十二點(diǎn)，下午兩點(diǎn)到六點(diǎn)。周六照常上班，每周有一天的休息時(shí)間。雖然培訓(xùn)的時(shí)間很短，但是作用卻很大。它讓我初步了解了我所在的部門平常的工作模式，工作環(huán)境，以及所用的辦公軟件。在這期間我還對(duì)我的新同事們有了一個(gè)初步的印象，他們工作認(rèn)真，對(duì)待新同事熱心，他們都是我的學(xué)習(xí)榜樣，我要努力成為他們那樣的人，能夠在自己的行業(yè)里獨(dú)當(dāng)一面。在充分的了解了公司的運(yùn)行模式，工作流程之后，當(dāng)務(wù)之急我的任務(wù)是趕緊進(jìn)入工作狀態(tài)，盡快適應(yīng)公司的開發(fā)環(huán)境。研究一些之前公司所開發(fā)的項(xiàng)目，從中了解他們的工作習(xí)慣，以便以后更好的和他們完成項(xiàng)目的對(duì)接。就這樣我的實(shí)習(xí)職位被安排到負(fù)責(zé)制圖，修圖，以及前端代碼的編寫。其中主要用的的軟件是Photoshop和Dreamweaver。經(jīng)過兩天的培訓(xùn)我對(duì)以后的實(shí)習(xí)生活充滿了期待，希望我能夠?yàn)楣緞?chuàng)造價(jià)值，并且能夠在此次實(shí)習(xí)中無論是工作方面還是有關(guān)學(xué)習(xí)方面，自己能夠有所成長。3月2號(hào)-3月4號(hào)從今天開始我就正式進(jìn)入工作模式，開始上下班打卡的生活，對(duì)我而言這并不是循規(guī)蹈矩、墨守成規(guī)的日子，因?yàn)楝F(xiàn)在的我不夠優(yōu)秀，能力不夠，需要很多要向其他人學(xué)習(xí)的地方，所以我很喜歡這樣充實(shí)的生活，有助于自我能力的提升。到了上班時(shí)間項(xiàng)目經(jīng)理給我們一個(gè)淘寶上經(jīng)?？吹降妮啿D，讓我們進(jìn)行臨摹。雖然我們并不知道他的用意為何，但是只能照做，然后把臨摹的作品交給項(xiàng)目經(jīng)理。時(shí)間總是在你認(rèn)真做一件事的時(shí)候飛快流走。到了下午項(xiàng)目經(jīng)理給了我們一個(gè)名單，是一個(gè)分組名單，這時(shí)我們才明白上午的臨摹原來是一個(gè)能力測(cè)試，為的是讓我們?cè)谕粋€(gè)小組的人能夠取長補(bǔ)短，為的是在將來做項(xiàng)目的時(shí)候能把項(xiàng)目效果達(dá)到最佳。今天我們小組被指派完成一個(gè)任務(wù)，任務(wù)內(nèi)容很簡單，根據(jù)客戶的要求完成一個(gè)logo,這個(gè)小項(xiàng)目的內(nèi)容是為一個(gè)機(jī)械零件加工廠設(shè)計(jì)一個(gè)logo,客戶要求要能夠突出他們公司的名字，色彩要吸引眼球。也許是因?yàn)槲覀冞@些實(shí)習(xí)生剛到，項(xiàng)目經(jīng)理并沒有在剛開始就給我們很復(fù)雜的項(xiàng)目。從客戶的需求出發(fā)，經(jīng)過我們小組成員的共同思維努力，我們?cè)O(shè)計(jì)了多種樣式的logo，之后經(jīng)過Photoshop將各自設(shè)計(jì)的圖案實(shí)現(xiàn)，先交給項(xiàng)目經(jīng)理讓他挑選較為滿意的logo，之后再發(fā)給客戶，讓客戶過目。本來以為這個(gè)小項(xiàng)目就此結(jié)束了，想著工作也沒有想象的那么難。但我們得意過早了，沒一會(huì)項(xiàng)目經(jīng)理就告訴我們，設(shè)計(jì)的這些logo沒有一個(gè)讓客戶滿意的。到此我才意識(shí)到一個(gè)項(xiàng)目無論多大或是多小，你都要有一個(gè)認(rèn)真的態(tài)度，要注重每一個(gè)細(xì)節(jié)，真正的了解客戶的需求，在項(xiàng)目中充分的將客戶的想法表達(dá)出來。只有我們真正的了解客戶想要的，才能夠出色的完成任務(wù)。于是，我們根據(jù)項(xiàng)目經(jīng)理的轉(zhuǎn)述，進(jìn)一步的深入了解客戶的需求，希望能夠盡可能的將客戶想要的呈現(xiàn)給他們，隨后我們就鼓足干勁抓緊開始對(duì)項(xiàng)目再次進(jìn)行改進(jìn)。3月6號(hào)-3月8號(hào)經(jīng)過幾天的上班生活，已經(jīng)慢慢學(xué)會(huì)了公司的運(yùn)營模式，經(jīng)過上次的機(jī)械工廠logo設(shè)計(jì)的項(xiàng)目之后，我明白對(duì)待每一個(gè)項(xiàng)目都要細(xì)心，要有耐心。還好最后我們?cè)O(shè)計(jì)出了讓客戶滿意的logo。這也讓我明白同事之間的互幫互助，團(tuán)結(jié)起來一塊克服困難很好。自己也越來越喜歡這個(gè)公司。今天我們的項(xiàng)目經(jīng)理又給我們指派了一個(gè)新任務(wù)，這次的任務(wù)就不像上次那么簡單的設(shè)計(jì)一個(gè)logo就完事兒了。這次我們要為某個(gè)大學(xué)的電氣工程系設(shè)計(jì)一個(gè)全新的頁面。他們要求在頁面設(shè)計(jì)的整體要是一個(gè)“工”字模式；在頭部必須包含他們學(xué)校的名字以及院系的名字；在頭部導(dǎo)航部分，必須嚴(yán)格根據(jù)他們列出的導(dǎo)航內(nèi)容設(shè)計(jì)，因此導(dǎo)航部分是固定的；在banner圖部分嚴(yán)格要求圖片的比例；之后在下面的內(nèi)容上要充分顯示重要信息的鏈接，而每一個(gè)導(dǎo)航里面的內(nèi)容的條數(shù)和字體遵循現(xiàn)在大多數(shù)主流網(wǎng)頁的基本規(guī)律；最后在底部版權(quán)部分也應(yīng)該和現(xiàn)在市場(chǎng)上主流網(wǎng)頁的版權(quán)相差無幾。在基本了解了客戶需求之后，我們并沒有直接開始設(shè)計(jì)官網(wǎng)頁面，而是先瀏覽了他們學(xué)校官網(wǎng)和其院系的設(shè)計(jì)風(fēng)格和理念，之后又參考了幾個(gè)其他學(xué)校的設(shè)計(jì)風(fēng)格。在有了設(shè)計(jì)方向之后，我和小組成員才開始著手設(shè)計(jì)。經(jīng)過大半天的努力奮戰(zhàn)，終于完成了網(wǎng)頁的初稿。我們把各自的初稿給每個(gè)小組成員觀看，互相提意見，并保留認(rèn)為設(shè)計(jì)的好的地方，有許多細(xì)節(jié)上的問題會(huì)被忽略，有他們?cè)谀軌蚝芎玫膸椭约骸Ｖ蟾鶕?jù)他們的想法把自己的初稿不好的地方進(jìn)行了修改。期間有些不懂的地方自己通過查閱書籍、上網(wǎng)搜索還有同事之間的幫助就把問題全部解決了。這個(gè)看似簡單的小項(xiàng)目經(jīng)過幾天的努力終于搞定了，在這期間有一些知識(shí)自己在學(xué)校沒有接觸過，有一些知識(shí)是自己的薄弱環(huán)節(jié)，通過這幾天的努力，才完成了自己覺得還不錯(cuò)的項(xiàng)目。項(xiàng)目經(jīng)理把我們的設(shè)計(jì)稿給客戶看過之后，不出意料的被打回來進(jìn)行修改，不過這次比之前好多了，只有一點(diǎn)地方需要修改。這樣的結(jié)果對(duì)我們這些實(shí)習(xí)生來說是一種鼓勵(lì)，一種肯定，讓我們干勁滿滿。3月9號(hào)-3月10號(hào)在前兩天的大學(xué)網(wǎng)頁設(shè)計(jì)敲定最后的設(shè)計(jì)稿之后，我們就開始著手編寫前端的代碼。將自己的想法設(shè)計(jì)出來和用代碼寫出來完全是兩回事，一時(shí)之間讓我舉足無措。因?yàn)樵诠居玫墓ぞ呤荄reamweaver，雖然在學(xué)校的時(shí)候?qū)W過這門課，但是猛地開始寫代碼，還是有點(diǎn)反應(yīng)不過來。一方面是因?yàn)楫?dāng)時(shí)學(xué)習(xí)的時(shí)候并沒有很認(rèn)真，另一方面是因?yàn)閷W(xué)習(xí)之后沒有加以鞏固，到現(xiàn)在差不多已經(jīng)忘完了。不過還好項(xiàng)目經(jīng)理也比較清楚我們的能力，告訴我們?nèi)绻麑懙绞裁纯ㄗ×嘶蛘哂幸苫蟮牡胤娇梢詥査?。第一次?dú)立寫這樣一個(gè)“大項(xiàng)目”，遇到了許多問題，在寫頭部導(dǎo)航的時(shí)候再用HTML5的<ul>和<li>標(biāo)簽的時(shí)候，運(yùn)用的并不是很靈活，自己的能力配不上自己所想，不能將頁面的效果展示到最佳。在處理banner圖的時(shí)候出現(xiàn)因?yàn)閳D片質(zhì)量和之前設(shè)定的比例上出現(xiàn)的沖突，以及banner下面的鏈接位置等等大小不一的問題。不過還要有公司同事和領(lǐng)導(dǎo)的幫忙，讓我順利解決了這諸多難題，接下來的工作中我也盡可能的利用網(wǎng)絡(luò)的優(yōu)勢(shì)來解決問題，盡量不去麻煩同事。所謂萬事開頭難，擺平了這個(gè)坎兒，在之后的代碼實(shí)現(xiàn)上順暢多了。經(jīng)過同事的幫忙終于初步完成了這個(gè)項(xiàng)目，不過問題接踵而至，當(dāng)時(shí)我只在谷歌和火狐瀏覽器上對(duì)網(wǎng)頁進(jìn)行了測(cè)試，并沒有在IE上對(duì)我寫的網(wǎng)頁進(jìn)行測(cè)試，所以當(dāng)項(xiàng)目經(jīng)理讓我在IE上進(jìn)行測(cè)試的時(shí)候出現(xiàn)了不兼容的問題，為了解決這個(gè)問題，可謂費(fèi)了我九牛二虎之力呀。因?yàn)槲业氖韬鲋苯訉?dǎo)致了項(xiàng)目的進(jìn)程。還好項(xiàng)目經(jīng)理并沒有生氣，并且還告訴我在面對(duì)這樣的情況他們平常都是怎么解決的。這一次的項(xiàng)目讓我重溫了之前的知識(shí)，也從中學(xué)到了許多新知識(shí)。讓我知道考慮問題要全面，要同時(shí)兼容現(xiàn)在主流市場(chǎng)的瀏覽器，讓更多人能在不同的設(shè)備上看到我們的網(wǎng)頁，獲取有用的信息。經(jīng)過這個(gè)項(xiàng)目讓我收獲了許多之前在學(xué)校，在課本上學(xué)不到的知識(shí)，這也正好與我來這里的初衷保持一致。3月11號(hào)-3月13號(hào)新的一周又要開始了，對(duì)公司也越來越熟悉了，越來越能夠融入到公司中，感覺很開心。這周有了新的任務(wù)，工作的任務(wù)大大加大了，這個(gè)工作要運(yùn)用的知識(shí)比較多，需要多方面知識(shí)的結(jié)合。還好在之前的實(shí)踐中慢慢積累了不少的經(jīng)驗(yàn)。加之之前網(wǎng)頁設(shè)計(jì)以及將其實(shí)現(xiàn)為靜態(tài)頁的項(xiàng)目，現(xiàn)在對(duì)這些項(xiàng)目還算能應(yīng)付的來。本次的任務(wù)就是為大學(xué)的校園官網(wǎng)下面的子頁面做一些頁面上的改動(dòng)，之前的頁面太過于簡單，單調(diào)，而且重要信息不夠突出。我們的任務(wù)是讓其更加美觀，更符合現(xiàn)在的設(shè)計(jì)理念，最重要的是能讓用戶用著更方便。因?yàn)榇舜我薷牡捻撁娌恢挂粋€(gè)，所以我們小組成員采取分工合作，希望能盡快完成任務(wù)。因?yàn)橹皥F(tuán)隊(duì)合作的默契，我們很快便完成了領(lǐng)導(dǎo)交給我們的任務(wù)。在之后我們又被指派了新的任務(wù)，不過還是關(guān)于學(xué)校的網(wǎng)頁招生網(wǎng)頁改版，此次的網(wǎng)頁的要求繁多，不過還好客戶提供了兩個(gè)參考網(wǎng)頁，要求我們根據(jù)提供的參考網(wǎng)頁進(jìn)行新的設(shè)計(jì)。并且要求在招生網(wǎng)頁上面加上各地招生老師的qq,后期將其制作成能夠直接和老師聯(lián)系，并且在頁面上加上浮動(dòng)的學(xué)校代碼和二維碼，聯(lián)系電話等重要信息。在充分的了解了客戶需求并且有參考網(wǎng)站的情況下，網(wǎng)頁的設(shè)計(jì)還算順利，跟之前的流程差別不大，我們把設(shè)計(jì)好的頁面交與項(xiàng)目經(jīng)理查看，讓他為我們提出修改意見，直到改的他滿意之后，再拿給客戶看，經(jīng)理再把客戶的信息反饋給我們，我們?cè)龠M(jìn)行完善。當(dāng)我們的設(shè)計(jì)通過了之后，我們便開始著手網(wǎng)頁設(shè)計(jì)的靜態(tài)頁面的編寫。在編寫代碼的過程中，遇到的問題也是前所未有的。因?yàn)楦?dòng)的二維碼等信息和招生老師qq的聯(lián)系方式等功能均要用到Jquery的技術(shù)及bootsrtap框架，因?yàn)橹皼]有接觸過，所以感覺無從下手。我們便合力在網(wǎng)上查閱資料，看看別人的代碼思路，開始嘗試先自己寫寫試試。希望能夠獨(dú)立完成這個(gè)難題。功夫不負(fù)有心人，在我們小組和同事的協(xié)助下我們成功攻下了這個(gè)難題。3月14號(hào)-3月15號(hào)這幾天的任務(wù)是設(shè)計(jì)一個(gè)有關(guān)離退休職員的APP以方便退職人員，其目的是為了豐富其退休生活而設(shè)計(jì)的一款集娛樂和生活的手機(jī)APP，用戶可以在上面發(fā)起活動(dòng)，參加活動(dòng)，領(lǐng)取社區(qū)福利等。在開始設(shè)計(jì)之前我們需要寫需求分析，以便我們能更好的為設(shè)計(jì)APP打下基礎(chǔ)，然后設(shè)計(jì)流程圖。不過這次我們需要用Visio，Axure等軟件畫出整個(gè)系統(tǒng)的流程圖和高保真的原型圖，因?yàn)槭堑谝淮谓佑|這個(gè)軟件所以上手比較慢，上午我們通過簡單的使用操作。在對(duì)軟件進(jìn)行了充分的熟悉之后我們開始對(duì)客戶的要求進(jìn)行APP的設(shè)計(jì)。用Axure軟件做出APP高保真原型圖，通過審核后用Illustrator畫出APP效果圖。兩天來主要進(jìn)行了項(xiàng)目開發(fā)前期的準(zhǔn)備工作，包括深入實(shí)際進(jìn)行系統(tǒng)調(diào)研，確定系統(tǒng)規(guī)模；進(jìn)行了需求分析，確定了系統(tǒng)的整體規(guī)模；劃分了系統(tǒng)模塊，進(jìn)行了概要設(shè)計(jì)。給項(xiàng)目領(lǐng)導(dǎo)提交了功能模塊結(jié)構(gòu)。離退休職員系統(tǒng)主要就是對(duì)于即將退休和已經(jīng)退休的教職工的個(gè)人基本信息進(jìn)行管理，為用戶提供查詢信息，增添信息，刪除信息等操作功能。用戶可以發(fā)表自己的動(dòng)態(tài)，也可以發(fā)起活動(dòng)，還有學(xué)?；蚱渌M織為了回報(bào)退休人員的貢獻(xiàn)所發(fā)放的福利，還有為了確保退休人員的身體健康，設(shè)置了有關(guān)醫(yī)保的應(yīng)用操作，一切圍繞著方便退休老人自己的身體健康。為了豐富退休老人的生活，我們?cè)趭蕵贩矫娴墓δ?，則是用戶可以自己發(fā)起活動(dòng)也可以選擇參加別人發(fā)起的自己感興趣的活動(dòng)。通過活動(dòng)可以增加生活的樂趣?？偠灾?，這款A(yù)PP主要是為了豐富退休職員的生活而設(shè)計(jì)的。在我們將所有的功能都實(shí)現(xiàn)之后接下來就是界面的美化了，我覺得每個(gè)人所喜歡的風(fēng)格不同，所以我想頁面的圖片可以用一些比較美觀的圖片，但是這些過于主觀，因此我從老人的角度出發(fā)來設(shè)計(jì)一些溫馨美好的界面。在視覺方面提供一個(gè)巨大的沖擊，以此來吸引用戶的眼球，并留住用戶量。界面的美化的好與壞直接決定了用戶的去留，所以后期的完善也是至關(guān)重要的。3月16號(hào)-3月18號(hào)在順利完成了上一個(gè)設(shè)計(jì)任務(wù)之后，我們又迎來了第二個(gè)與之相似的APP設(shè)計(jì)——煤氣管家。煤氣管家APP是依托煤氣底座這個(gè)智能設(shè)備自主研制出來的一款智能設(shè)備APP，它可以根據(jù)每一個(gè)用戶廚房中煤氣罐的重量感應(yīng)，提供送氣、換氣、氣量少報(bào)警等智能服務(wù)，實(shí)現(xiàn)智能管理煤氣罐。具有簡單安全放心的管理自家煤氣罐的特點(diǎn)。它分為商家版和用戶版兩個(gè)版本，在很大程度上方便了商家和用戶的時(shí)間，為他們提供一個(gè)銷售購買的平臺(tái)。其中商家版的主要功能是為經(jīng)商用戶服務(wù)，注冊(cè)的時(shí)候需要有門店的基本信息，需要對(duì)門店進(jìn)行核實(shí)，而用戶版的則是什么人都可以注冊(cè)。商戶版的APP功能最主要是銷售自己的煤氣，在自己的店鋪為顧客發(fā)放優(yōu)惠券等，當(dāng)有客戶下單的時(shí)候，商戶可以進(jìn)行搶單操作，而另一個(gè)版本則是完全為了讓用戶可以方便快捷的購買到優(yōu)質(zhì)、性價(jià)比高的產(chǎn)品。我們的任務(wù)是充分整理歸納客戶需求，并根據(jù)需求用Visio畫出整個(gè)系統(tǒng)的流程圖（包括客戶以及商家使用的流程圖）。由于要設(shè)計(jì)兩個(gè)版本，我們小組內(nèi)分組合作，在設(shè)計(jì)上參考各大線上銷售軟件進(jìn)行設(shè)計(jì)。因?yàn)橐呀?jīng)接觸過這些東西，這次我們上手很快。在寫完需求分析，通過客戶審核之后，我們就開始畫流程圖，弄清楚該APP的功能之后根據(jù)Axure軟件做出APP高保真原型圖（用戶版和商家版），通過審核后用Illustrator畫出APP效果圖（用戶版和商家版）。在之前的經(jīng)驗(yàn)下把學(xué)到的知識(shí)運(yùn)用起來，讓我們的效率變得很快。設(shè)計(jì)圖很快就出來了。在項(xiàng)目經(jīng)理的建議下我們分別進(jìn)行了不同程度的修改，其中涉及頁面布局和按鈕等諸多問題。3月20號(hào)-3月22號(hào)這兩天因?yàn)榻咏苣┑脑?，還有前兩天的工作任務(wù)已完成，所以這兩天比較輕松。沒什么重要的工作，主要就是對(duì)原來的工作做一個(gè)總結(jié)，還有就是解決了幾個(gè)工作中的一般問題。這兩天的主要任務(wù)就是接著前兩天未完成的項(xiàng)目繼續(xù)進(jìn)行。接下來的主要任務(wù)還是美化界面，在基本功能都實(shí)現(xiàn)的前提下把界面變得讓人看著舒服點(diǎn)。擁有一種想要打開這個(gè)APP的沖動(dòng)。但是考慮到這款軟件的最大目的是為了方便用戶銷售和購買煤氣，在設(shè)計(jì)上如果過于花哨，這樣當(dāng)用戶突然打開網(wǎng)頁會(huì)給人一種視覺改變很大的感覺，雖然顏色重點(diǎn)可以吸引人們的注意力，但我認(rèn)為還是色彩單調(diào)點(diǎn)好，然后為了美觀再接著加入一些圖片設(shè)計(jì)。美觀的處理要從細(xì)節(jié)出發(fā)。雖然這個(gè)項(xiàng)目只涉及到了有關(guān)設(shè)計(jì)方面的問題，但是途中我們也遇到了一些意見不統(tǒng)一的觀點(diǎn)，還好最后我們還是達(dá)成了共識(shí)。其中難免也會(huì)遇到許多的問題，不過在同事的幫助下一一戰(zhàn)勝了困難。經(jīng)過幾天的設(shè)計(jì)和改版，我們終于可以交差了。很欣慰努力沒有白費(fèi)，客戶對(duì)我們的設(shè)計(jì)還是很滿意的，雖然這個(gè)項(xiàng)目基本做完，可能還有一些別人需要改進(jìn)的方面，但是我覺得通過這個(gè)項(xiàng)目也學(xué)到了不少的知識(shí)，為以后的工作也提供了很大的幫助。工作的首要任務(wù)是對(duì)于項(xiàng)目進(jìn)行需求分析，如果一個(gè)項(xiàng)目沒有需求，那么做出來后也不會(huì)有人關(guān)注的。在遇到不會(huì)的問題我們有很多解決的途徑，可以通過上網(wǎng)查找和摸索，把這些問題都尋找一些有效的解決方法，并且研究了公司的一些其它案例，從中得到一些啟發(fā)，為以后的工作打下堅(jiān)實(shí)地基礎(chǔ)。3月23號(hào)-3月25號(hào)新的一周已經(jīng)開始了，這兩天我的工作任務(wù)就是根據(jù)同事設(shè)計(jì)的網(wǎng)頁原型圖把前端靜態(tài)頁碼敲寫出來。根據(jù)別人的設(shè)計(jì)來寫代碼，會(huì)省去許多的麻煩，自己就不用去做需求分析了，可以方便的根據(jù)同事設(shè)計(jì)好的原型圖來完成工作，不用過多的擔(dān)心色彩和分布的問題。這個(gè)任務(wù)主要是為一個(gè)大學(xué)科技園金融服務(wù)平臺(tái)下面的子頁面以及詳情頁面寫一個(gè)自適應(yīng)的網(wǎng)頁，即在不同的設(shè)備上能夠顯示不同的頁面，但是展示效果上會(huì)有所差異。這個(gè)項(xiàng)目的主要目的是大學(xué)科技園下面金融服務(wù)的欄目，它主要功能是為了幫助有需要的人出資創(chuàng)業(yè)，借貸等業(yè)務(wù)，也可以是有關(guān)科技方面的合作，而在詳情頁中，有關(guān)于左側(cè)導(dǎo)航的一個(gè)欄目，右邊則是具體的內(nèi)容介紹，當(dāng)然它在不同的設(shè)備上會(huì)顯示不一樣的東西，在pc端是全面顯示，而當(dāng)屏幕縮小到其他比例的時(shí)候會(huì)出現(xiàn)不同的顯示效果。在手機(jī)端的話，顯示的東西將會(huì)被部分隱藏或者發(fā)生位置的變化。為了美觀，設(shè)計(jì)的時(shí)候我們多采用圖片的形式來展示我們所表達(dá)的想法。這個(gè)項(xiàng)目需要利用網(wǎng)上現(xiàn)成的框架來快速的完成設(shè)計(jì)，在有了框架之后其他的事情就容易了許多，而且在這里也用到了之前我們好不容易才解決的關(guān)于浮動(dòng)二維碼的代碼排上用場(chǎng)了。當(dāng)知識(shí)積累到一定程度，我們便可運(yùn)用自如。工作就是一個(gè)學(xué)習(xí)知識(shí)積累知識(shí)的過程，而解決問題的過程則是一個(gè)最好的，最快的學(xué)習(xí)路徑。在這次的任務(wù)中我依然遇到了讓我頭疼的問題，關(guān)于“面包屑”和輪播圖的代碼編寫，雖然網(wǎng)上有許多的輪播圖源碼，但是這些并不滿足設(shè)計(jì)人員給我原型圖，所以我必須結(jié)合多個(gè)網(wǎng)上關(guān)于輪播圖的展現(xiàn)形式，來充分的完成設(shè)計(jì)師所設(shè)計(jì)的網(wǎng)頁。無奈力不從心，能力有限，不過還好有熱心的同事幫忙，我才能順利完成這個(gè)任務(wù)。3月27號(hào)-4月1號(hào)轉(zhuǎn)眼我已經(jīng)在公司有一個(gè)月的時(shí)間了，自己也慢慢適應(yīng)了這種生活。既充實(shí)還能學(xué)到許多的知識(shí)。而在這周接近周末的時(shí)候，我們又接了一個(gè)新的任務(wù)，了解客戶的需求，再結(jié)合原型，熟悉整個(gè)網(wǎng)站的流程。根據(jù)UI設(shè)計(jì)師的原型圖編寫前端代碼。而前端代碼的編寫則是寫一個(gè)關(guān)于自適應(yīng)的網(wǎng)頁，但是這次不只是寫一個(gè)，而是寫很多個(gè)，幸運(yùn)的是這次不用設(shè)計(jì)原型圖。這個(gè)項(xiàng)目是關(guān)于一個(gè)農(nóng)業(yè)交流分享的網(wǎng)站，它包含農(nóng)戶和游客兩種角色，農(nóng)戶可以上傳自己的農(nóng)產(chǎn)品圖片和文字資料，并且能夠進(jìn)行評(píng)論、電話、私聊、分享等操作。另外，農(nóng)戶和游客還可以發(fā)表文章，更新朋友圈，查看各自的粉絲和訪客并且關(guān)注他人。農(nóng)戶和游客也可以申請(qǐng)加入交流群，進(jìn)行農(nóng)畜產(chǎn)品的在線溝通和交流。其中商家版的主要為養(yǎng)殖業(yè)的用戶所用，當(dāng)然在注冊(cè)的時(shí)候，需要對(duì)其養(yǎng)殖安全、衛(wèi)生等方面進(jìn)行核實(shí)，而用戶版的則是什么人都可以注冊(cè)。養(yǎng)殖版的APP功能最主要是銷售自己的產(chǎn)品，在自己的店鋪為顧客發(fā)放優(yōu)惠券等，為的是幫助養(yǎng)殖人員銷售滯待的農(nóng)副產(chǎn)品，為養(yǎng)殖人員提供一個(gè)更好的銷售途徑，而且在這款A(yù)PP中還會(huì)有許多關(guān)于養(yǎng)殖方面的論壇、常識(shí)等等的討論群。而另一個(gè)版本則是完全為了讓用戶可以方便快捷的購買到優(yōu)質(zhì)、性價(jià)比高的產(chǎn)品。在幫助養(yǎng)殖人員的同時(shí)自己能夠購買到安心健康的食品。其中還有養(yǎng)殖人員和普通用戶的互動(dòng)功能，為了促進(jìn)買賣雙方的利益以及幫助雙方有一個(gè)更好的溝通和進(jìn)一步的合作，我們?cè)O(shè)置了可以讓用戶發(fā)表言論，查看附近用戶等功能。根據(jù)之前研究的客戶需求，在完全弄明白了設(shè)計(jì)路線和功能之后，我們開始分組著手完成任務(wù)。在這個(gè)任務(wù)中，剛開始有點(diǎn)難，因?yàn)榫W(wǎng)頁眾多，無從下手，加上功能復(fù)雜，需要我們花一定的時(shí)間去全面的了解這款網(wǎng)頁的各個(gè)頁面的功能。在我們寫了將近五分之一的代碼的時(shí)候，局勢(shì)就漸漸明朗了，因?yàn)楹竺娴捻撁娑际谴笸‘惖模覀兛梢蕴子弥皩懞玫目蚣?，只進(jìn)行部分的修改就可以了。在這次的任務(wù)中讓我明白，我們對(duì)知識(shí)的運(yùn)用要結(jié)合起來，這樣才能更快的，更好的完成任務(wù)。4月5號(hào)-4月7號(hào)在經(jīng)歷了清明小長假之后，我們的實(shí)習(xí)也快要告一段落了，但是即使快要結(jié)束了，我們對(duì)待工作的態(tài)度還是和平常一樣，不能因?yàn)檫@是最后幾天就有所放松。這幾天我們主要是完善之前的項(xiàng)目，雖然這個(gè)項(xiàng)目頁面很多，但是因?yàn)槲覀兊姆止ず苊鞔_，所以完成的效率還是很高的。接下來我們主要是對(duì)細(xì)節(jié)問題進(jìn)行處理。不要小看細(xì)節(jié)，它是一個(gè)項(xiàng)目成功的關(guān)鍵，細(xì)節(jié)的處理體現(xiàn)了一個(gè)人的職業(yè)素養(yǎng)，當(dāng)然細(xì)節(jié)的處理也是相當(dāng)麻煩的。我們需要根據(jù)客戶的要求對(duì)logo，banner，底部版權(quán)等一致的地方進(jìn)行全部的修改，盡量保證和所設(shè)計(jì)的高保真原型圖保持一致。然后就是對(duì)小圖標(biāo)、按鈕、信息通知等導(dǎo)航類的部件進(jìn)行界面優(yōu)化。這是一個(gè)相當(dāng)繁瑣的步驟。在每一個(gè)項(xiàng)目中遇到問題是必不可免的，現(xiàn)在的我喜歡遇到問題，只有這樣我才能進(jìn)步，才能有所收獲。這次我們遇到的問題是有關(guān)在用戶和用戶聊天的界面還有關(guān)于手機(jī)二級(jí)菜單的滑動(dòng)問題。我們需要實(shí)現(xiàn)的是一個(gè)能夠隨著用戶反動(dòng)手機(jī)來達(dá)到一個(gè)隱藏和出現(xiàn)的效果。可是對(duì)于只會(huì)前端代碼，后臺(tái)不懂的人來實(shí)現(xiàn)這個(gè)是很難的。所以我們必須查閱資料，請(qǐng)教同事。經(jīng)過我們小組的努力，以及同事的幫助我們最終解決了這一難題。經(jīng)過兩天的努力，項(xiàng)目終于完成了，在這期間自己的工作能力又得到了進(jìn)一步的提升，又學(xué)會(huì)了很多的方法。至此這次實(shí)習(xí)算是圓滿結(jié)束了，對(duì)我來說已不再是完成學(xué)分、完成畢業(yè)實(shí)習(xí)的任務(wù)。很開心公司給了我一個(gè)實(shí)習(xí)的機(jī)會(huì)，在這段實(shí)習(xí)期間，感謝公司的領(lǐng)導(dǎo)們和同事們?cè)谶@段時(shí)間里對(duì)我的指導(dǎo)和幫助，我從中受益匪淺。整個(gè)的實(shí)習(xí)過程是緊張而愉快的，我的工作態(tài)度和成效也得到了同事們的肯定。這些是我這次實(shí)習(xí)最寶貴的收獲。實(shí)習(xí)總結(jié)在這次實(shí)習(xí)，讓我學(xué)到了許多的知識(shí)，而這些知識(shí)是在學(xué)校所接觸不到的。此次實(shí)習(xí)我不僅在編程的理論知識(shí)上有所鞏固和深化，更重要的是有了實(shí)戰(zhàn)的經(jīng)驗(yàn)。首先，充分的讓我重拾在學(xué)校學(xué)到的知識(shí)，并且把它們加以運(yùn)用。在這之前我的編程能力很不好，是一種幾乎寫不出來東西的那種程度。但經(jīng)過這次的實(shí)習(xí)，我對(duì)前端編程有了更深的理解，雖然還有很多都不懂，但我會(huì)在今后的工作中努力學(xué)習(xí)，以此來提升自己的能力?？偟恼f來，自己的收獲頗豐。另外，我以前的設(shè)計(jì)審美觀很差，經(jīng)過這次實(shí)習(xí)，讓我有了很大的提升。當(dāng)然設(shè)計(jì)有時(shí)候更多的是需要好的審美和天賦，而對(duì)于這些我恰恰都沒有。不過在實(shí)習(xí)過程中設(shè)計(jì)師的前輩們教會(huì)了我許多的基本設(shè)計(jì)知識(shí)，讓我的設(shè)計(jì)能力有了很大的提升。在通過許多項(xiàng)目的練習(xí)中把他們的經(jīng)驗(yàn)運(yùn)用到設(shè)計(jì)中，真的是比我之前的胡亂涂鴉好看的太多了。最后，我意識(shí)到團(tuán)隊(duì)合作的重要性。在實(shí)習(xí)期間我們的項(xiàng)目大部分都是通過小組合作完成的。團(tuán)隊(duì)的力量就在于他們能看到你的盲區(qū)，能夠指出你的不足，幫助你更好的完成任務(wù)。當(dāng)然一件事情有利必有弊，在一些時(shí)候每個(gè)人的思想不一樣，想法不一樣，這樣我們的意見就會(huì)出現(xiàn)分歧，這時(shí)候就需要我們求同存異，棄其糟粕，取其精華，要顧全大局。通過項(xiàng)目開發(fā)的鍛煉，提高了我的動(dòng)手能力以及思維能力，積累了一筆寶貴的經(jīng)驗(yàn)。我學(xué)會(huì)了如何與團(tuán)隊(duì)合作，共同開發(fā)。獨(dú)木難支，光靠一個(gè)人的力量是遠(yuǎn)遠(yuǎn)不夠的。只有團(tuán)結(jié)一心，才能夠最終完成項(xiàng)目的開發(fā)，或許在工作能力上我們的水平會(huì)參差不齊，但是，每個(gè)人都有自己的閃光點(diǎn)，總可以在團(tuán)隊(duì)里找到適合自己的位置，每個(gè)人在自己的團(tuán)隊(duì)中都能做出貢獻(xiàn)，創(chuàng)造出一定的價(jià)值。所謂實(shí)踐出真知，學(xué)校的理論給了我們一個(gè)很好的基礎(chǔ)，而實(shí)習(xí)則給了我們一個(gè)實(shí)操的平臺(tái)。學(xué)會(huì)和運(yùn)用是兩個(gè)概念，而將這兩個(gè)概念貫通的最佳途徑便是實(shí)操。而在實(shí)操過程中我們會(huì)遇到許多問題，恰巧解決問題又是學(xué)習(xí)新知識(shí)的最好途徑，這是一個(gè)讓我們自我提升的良性循環(huán)。在這個(gè)實(shí)習(xí)中我學(xué)會(huì)了如何透徹的了解客戶的需求。只有真正的了解客戶的需求才能寫出優(yōu)秀軟件。學(xué)會(huì)了如何按照需求對(duì)軟件架構(gòu)進(jìn)行設(shè)計(jì)，怎樣才能更貼近客戶的想法。在這次實(shí)習(xí)中同事和項(xiàng)目經(jīng)理教會(huì)了我如何利用團(tuán)隊(duì)正確的理解和分析客戶的需求，并寫出完善的需求分析，并用于項(xiàng)目開發(fā)。教會(huì)我如何從需求中抽象出問題，并將之模塊化，然后逐步求精，就如同為高樓大廈搭建棟梁一樣。而這些正是我以前所欠缺的。所以很高興能夠?qū)W到這么多以前沒有接觸到的東西。在團(tuán)隊(duì)合作的過程中我也從他們身上學(xué)習(xí)到許多我身上沒有的