艾靚化妝品公司網(wǎng)站的美工及實(shí)現(xiàn)畢業(yè)設(shè)計(jì)

畢業(yè)設(shè)計(jì)畢業(yè)設(shè)計(jì)題艾靚化妝品公司網(wǎng)站的美工及實(shí)現(xiàn)畢業(yè)設(shè)計(jì)類型□ 產(chǎn)品設(shè)計(jì)□工藝設(shè)計(jì)□√方案設(shè)計(jì)姓名班級(jí)所屬系部物信系專業(yè)電子商務(wù)指導(dǎo)教師職稱完成時(shí)間年月日摘要本論文將對(duì)我所設(shè)計(jì)的艾靚化妝品網(wǎng)站美工及實(shí)現(xiàn)進(jìn)行探討，當(dāng)今社會(huì)，人們對(duì)自己的形象定位越來(lái)越注重，本公司網(wǎng)站為廣大朋友們提供了能讓自己變得越來(lái)越靚的產(chǎn)品和產(chǎn)品介紹，對(duì)網(wǎng)站進(jìn)行的美工方法主要是網(wǎng)頁(yè)的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)頁(yè)的風(fēng)格顏色搭配、文字圖片的運(yùn)用等；也只有這樣對(duì)網(wǎng)站進(jìn)行美工才能使它有個(gè)性、有特色，更具有吸引力。關(guān)鍵詞：艾靚艾靚化妝品美工實(shí)現(xiàn)目錄TOC\o"1-2"\u前言1第一章VI形象識(shí)別系統(tǒng)1.1VI的作用21.2LOGO的設(shè)21.3LOGO的設(shè)計(jì)理念31.4公司名片的設(shè)計(jì)31.5公司的宣傳海報(bào)4第二章頁(yè)面布局52.1網(wǎng)頁(yè)框架的搭建52.2頁(yè)面的基本結(jié)構(gòu)6第三章頁(yè)面美化73.1首頁(yè)的美工83.2網(wǎng)頁(yè)的細(xì)節(jié)美化93.3網(wǎng)頁(yè)圖片美化11總體124.1設(shè)計(jì)思想124.2項(xiàng)目規(guī)劃13總結(jié)14致謝15參考文獻(xiàn)16前言隨著互聯(lián)網(wǎng)的迅速發(fā)展，人們都不僅僅在網(wǎng)絡(luò)上瀏覽信息，更多的是參與其中，擁有自己的網(wǎng)站，這似乎成為一種潮流。如果說(shuō)個(gè)人建立網(wǎng)站是為了追求時(shí)尚，那么公司建立網(wǎng)站是必然的選擇。在網(wǎng)化的今天，依托互聯(lián)網(wǎng)保持用戶之間的聯(lián)系和交流，顯得非常方便，因此進(jìn)行這方面的研究也十分有意義。艾靚網(wǎng)站的實(shí)現(xiàn)樹(shù)立了很好的化妝品形象，擴(kuò)大了對(duì)化妝品的宣傳。在設(shè)計(jì)的過(guò)程中，我主要負(fù)責(zé)美化，圖片的選擇、網(wǎng)站的布局、網(wǎng)站的搭建和對(duì)色彩的搭配，有獨(dú)特的見(jiàn)解和獨(dú)特的風(fēng)格以及良好的排版水平。在網(wǎng)站美工的過(guò)程中，涉及到PS、flash、dreamwever等技術(shù)，下面我就將我網(wǎng)站美工的過(guò)程所采用的技術(shù)、思路等方面詳細(xì)的介紹。第一章、VI形象識(shí)別系統(tǒng)1.1、VI的作用為了傳達(dá)本企業(yè)的經(jīng)營(yíng)理念和企業(yè)文化，以形象的視覺(jué)形式宣傳企業(yè)，將我公司與其他企業(yè)區(qū)分開(kāi)來(lái)的同時(shí)又確立我公司明顯的行業(yè)特征，用自己特有的視覺(jué)符號(hào)系統(tǒng)吸引公眾的注意力并產(chǎn)生記憶，使消費(fèi)者對(duì)本公司所提供的產(chǎn)品或服務(wù)產(chǎn)生最高的品牌忠誠(chéng)度，以確保公司在經(jīng)濟(jì)活動(dòng)當(dāng)中的獨(dú)立性和不可替代性，提高該企業(yè)員工對(duì)企業(yè)的認(rèn)同感，提高企業(yè)士氣。1.2LOGO的設(shè)計(jì)在我看來(lái)，LOGO的設(shè)計(jì)其實(shí)還蠻簡(jiǎn)單的，但是等自己親自動(dòng)手做的時(shí)候，才發(fā)現(xiàn)，要設(shè)計(jì)一個(gè)有創(chuàng)意性的LOGO還是蠻困難的，還是要花費(fèi)一些功夫的；我在進(jìn)行LOGO的設(shè)計(jì)時(shí)，我先選好了我所需要的圖片，然后利用Photoshop工具對(duì)圖片進(jìn)行美化和組合，下面是我為公司所設(shè)計(jì)的LOGO，如圖1-1-1所示圖1-2-11.3、LOGO的設(shè)計(jì)理念艾靚化妝品公司遵循“有誠(chéng)信、好質(zhì)量”的服務(wù)原則，展現(xiàn)給廣大消費(fèi)者們，當(dāng)今社會(huì)，人們的生活水平越來(lái)越高，對(duì)生活的質(zhì)量要求也越來(lái)越高，無(wú)論是人還是公司都需要樹(shù)立好一個(gè)好形象給大家看。LOGO的設(shè)計(jì)一個(gè)花色的圓筒里面再加一個(gè)“靚”字，是告訴人們做人做事要圓且要給人們樹(shù)立一個(gè)靚麗美好的形象在人們的心中。LOGO的設(shè)計(jì)不僅簡(jiǎn)潔、大氣更有國(guó)際化，中心的“靚”字也更代表了人們心中的美好形象，突出產(chǎn)品和公司的直接用途。1.4公司名片的設(shè)計(jì)作為公司，名片的設(shè)計(jì)必不可少，這是作為當(dāng)今時(shí)代重要的宣傳手段。從某種意義上，名片代表了一個(gè)公司的形象，起到宣傳自我，宣傳企業(yè)等作用名片正面1.4公司的宣傳海報(bào)海報(bào)宣傳的許多優(yōu)點(diǎn)是其他許多媒介無(wú)法替代的。它有著強(qiáng)烈的視覺(jué)沖擊力和內(nèi)涵創(chuàng)意，通過(guò)夸張、恢諧等表現(xiàn)手法，給人以強(qiáng)烈的印象。在開(kāi)業(yè)之前和開(kāi)業(yè)當(dāng)天我們可以通過(guò)海報(bào)傳播美容店鋪的經(jīng)營(yíng)理念和經(jīng)營(yíng)品牌；在促銷活動(dòng)現(xiàn)場(chǎng)宣傳活動(dòng)的主題和內(nèi)容；在產(chǎn)品展示時(shí)明確表達(dá)最實(shí)在的優(yōu)惠，以刺激顧客購(gòu)買欲。因此設(shè)計(jì)出一張足夠吸引人的海報(bào)顯得尤為重要。宣傳海報(bào)第二章網(wǎng)頁(yè)布局網(wǎng)頁(yè)是一個(gè)網(wǎng)站構(gòu)成的基本元素，良好的網(wǎng)頁(yè)設(shè)計(jì)是一個(gè)網(wǎng)站提高訪問(wèn)量的利器；而網(wǎng)頁(yè)布局是一張網(wǎng)頁(yè)的框架，良好的布局能讓網(wǎng)頁(yè)看起來(lái)不僅美觀，更是一種享受2.1網(wǎng)頁(yè)框架的搭建框架結(jié)構(gòu)是指利用（frame)這個(gè)標(biāo)簽將一個(gè)網(wǎng)頁(yè)分成若干個(gè)窗口。網(wǎng)頁(yè)的布局大致分為“國(guó)字型”、“掛腳型”、“綜合框架型”、“Flash型”、“變化型”等。我們只要把握好網(wǎng)站的定位，然后做出合理的框架布局，其設(shè)計(jì)將會(huì)起到事倍功半的作用。艾靚網(wǎng)站選擇的是“國(guó)字型”布局。2.2、頁(yè)面的基本結(jié)構(gòu)網(wǎng)站的頁(yè)面設(shè)計(jì)主要是頁(yè)面的布局，功能區(qū)分，導(dǎo)航形式等內(nèi)容的組合，它們之間相互影響，共同構(gòu)成了頁(yè)面的整體結(jié)構(gòu)。在艾靚網(wǎng)站美工美化中，不僅要把首頁(yè)的基本結(jié)構(gòu)布局好，還要把其它超鏈接的導(dǎo)航欄的那些顯示的頁(yè)面布局好，在此之前，做好頁(yè)面的布局，才能更好的美化網(wǎng)站，下面是我設(shè)計(jì)艾靚網(wǎng)站的首頁(yè)布局結(jié)構(gòu)，如圖2所示圖2-2-1下面一張是我設(shè)計(jì)的導(dǎo)航欄鏈接頁(yè)面的布局結(jié)構(gòu).如圖2-2-3圖2-2-3第三章、頁(yè)面美化如果說(shuō)網(wǎng)頁(yè)的布局是建一座房子的話，那么網(wǎng)頁(yè)美化就是裝修，裝修的好看直接影響網(wǎng)站的點(diǎn)擊力，一張網(wǎng)頁(yè)美化的好，不僅體現(xiàn)了設(shè)計(jì)師的能力，也是一種視覺(jué)享受，3.1首頁(yè)的美工在美化艾靚網(wǎng)站的首頁(yè)時(shí)，我們對(duì)于色彩功能的選擇，比如：對(duì)比色、色調(diào)、均衡、比例、漸變等等，以及色彩的搭配顯示出來(lái)的效果是美麗動(dòng)人，這樣，艾靚首頁(yè)在顯示出來(lái)后給人們一種愉快的心情。所以我的網(wǎng)站美化有良好的審美觀和創(chuàng)新力。下面是我艾靚公司首頁(yè)的美工完之后的效果圖，如圖3-1-1和圖3-1-2所示3-1-1圖3-1-23.2網(wǎng)頁(yè)細(xì)節(jié)美化背景可以使background-color屬性為元素設(shè)置背景色，這個(gè)屬性接受任何合法的顏色值。但是大部分的網(wǎng)頁(yè)是不需要深色來(lái)作為背景色的，像那種大型的網(wǎng)站頁(yè)面都是用默認(rèn)的白色為背景，也有一些網(wǎng)站會(huì)用稍微比白色深一點(diǎn)的圖片作為背景，以提高視覺(jué)效果。除此之外，還可以用圖片來(lái)作為背景，雖然可以起到美化的作用，但是網(wǎng)頁(yè)的加載速度回明顯變慢，不建議這樣做。所以我在美化艾靚網(wǎng)站的時(shí)候，我沒(méi)有利用這個(gè)來(lái)設(shè)置背景色，而是用一張圖片來(lái)作為它的背景圖，讓瀏覽者看起來(lái)更加鮮艷和美麗如圖3-2-1所示圖3-2-2文本在艾靚網(wǎng)站美化中，文本我是很用心來(lái)想的，因?yàn)槲抑溃Z(yǔ)言的力量是非常強(qiáng)大的，同時(shí)文本是一個(gè)頁(yè)面主要信息傳達(dá)者，要讓文本很快而且深刻地傳到讀者的腦海中，好的文字修飾是非常重要的。所以我在文字的大小、顏色、間隔、對(duì)齊方式進(jìn)行設(shè)置，這樣使它能夠達(dá)到我們想要的那個(gè)效果。下面是我對(duì)公司的介紹文字所進(jìn)行的排版，這樣就不會(huì)顯得那么單調(diào)和難看。如圖3-2-3所示圖3-2-43.3網(wǎng)頁(yè)圖片美化一張適當(dāng)?shù)膱D片能起到很好的視覺(jué)作用，而圖片的美化主要靠美化工具，圖片美化最常用的工具就是Photoshop。Photoshop的主要功能包括：圖像編輯、圖像合成、校色調(diào)色及特效制作部分等；圖像編輯是圖像處理的基礎(chǔ)，可以對(duì)圖像做各種變換如放大、縮小、旋轉(zhuǎn)、傾斜、透視等；也可以進(jìn)行輔助、去除斑點(diǎn)、修補(bǔ)、修飾圖像的殘損等。所以我在美化的時(shí)候都會(huì)先把選好的圖片進(jìn)行認(rèn)真的處理，以達(dá)到我需要的那種效果。圖3-3-1圖3-3-2第四章總結(jié)4.1、設(shè)計(jì)思想（1）網(wǎng)頁(yè)的文字排版和圖片制作做好艾靚化妝品公司網(wǎng)頁(yè)的美工，文字的排版和圖片選擇、制作是非常重要的。一個(gè)化妝品網(wǎng)站，突顯化妝品的美感和能夠吸引人的文字，頁(yè)面的排版和圖片放置的位置也顯得尤為重要。我首先把我選好的圖片利用PS把它處理得更加漂亮，更加有美感，圖片的色彩搭配也是根據(jù)網(wǎng)站的定位來(lái)實(shí)施。在寫(xiě)文字的時(shí)候把文字寫(xiě)到一些圖片上，看上去有些圖片就不那么單一。除了文字和圖片的搭配，我只是把文字排版好，在排版的同時(shí)保證與之表述的內(nèi)容一致。我在前期的時(shí)候更改字的字體顏色、形狀和大小等，以此來(lái)吸引客戶，引起客戶的關(guān)注度。（2）網(wǎng)頁(yè)的主題定位和瀏覽群定位我做的是艾靚化妝品網(wǎng)站的美化，那么主題是與化妝品、皮膚有關(guān)，我定的主題是“美容美顏，靚麗而行”。對(duì)于為什么定這樣的主題，主要原因是當(dāng)今時(shí)代，人們對(duì)形象看的越來(lái)越重，形象也在這個(gè)社會(huì)存在著重大的意義。我這個(gè)主題就正好突顯了這一點(diǎn)，告訴人們，無(wú)論走在何方，請(qǐng)靚麗而行。對(duì)于瀏覽群的定位，除嬰兒、老年人之外，其他的都在我的定位內(nèi)，都屬于我的消費(fèi)群體，男女比例平等。4.2、項(xiàng)目規(guī)劃（1）導(dǎo)航欄目的超鏈接規(guī)劃及頁(yè)面布局規(guī)劃在導(dǎo)航欄的每一個(gè)欄目設(shè)置好超鏈接，鏈接到你所要指向的那個(gè)欄目，如圖10所示圖4-2-1頁(yè)面布局規(guī)劃，我則是先對(duì)照自己做好草圖然后用dreamwever利用表格對(duì)頁(yè)面進(jìn)行規(guī)劃，如圖4-2-2所示圖4-2-2總結(jié)通過(guò)這個(gè)論文的寫(xiě)作，讓我學(xué)到了很多知識(shí)，通過(guò)對(duì)工具的查閱和借用網(wǎng)絡(luò)的發(fā)達(dá)，在寫(xiě)論文的時(shí)候，將遇到的困難都解決了，不僅以前的只是得到了鞏固，也讓我學(xué)到了很多新的東西。而其中讓我學(xué)到的最多是布局的排版和文字的修飾及一些樣式規(guī)則。通過(guò)這個(gè)寫(xiě)作，我也更清楚的知道一張網(wǎng)頁(yè)是如何從只有一張別表格、一個(gè)層慢慢變成一張精美網(wǎng)頁(yè)的過(guò)程，其中最主要的還是一些細(xì)節(jié)，讓我知道做任何事都不能馬虎，都要認(rèn)真對(duì)待；無(wú)論是做什么，我們都要努力的去完成，做自己的東西，因?yàn)樽约菏仟?dú)一無(wú)二的，始終的相信自己。有道是“水手不怕風(fēng)雨，少年不懼未來(lái)”。致謝經(jīng)過(guò)長(zhǎng)時(shí)間的忙碌和學(xué)習(xí)，本次畢業(yè)論文設(shè)計(jì)已接近尾聲，作為一個(gè)大學(xué)生的畢業(yè)設(shè)計(jì)，由于平時(shí)動(dòng)手經(jīng)營(yíng)的匱乏，難免有許多考慮不周全的地方，如果沒(méi)有知道老師的督促知道，想要完成這個(gè)設(shè)計(jì)還是很困難的。本次研究的課題是在老師的親切關(guān)懷和悉心指導(dǎo)下完成的，老師始終給予我細(xì)心的知道和不懈的支持，同時(shí)也感謝各位老師對(duì)我的培養(yǎng)和教育，她們細(xì)心指導(dǎo)我大學(xué)期間的學(xué)習(xí)，關(guān)心我的生活。因此，我向每位老師深深的鞠一個(gè)躬。感謝我的學(xué)校，讓我在這里不僅提高了自我修養(yǎng)還增強(qiáng)了自身的綜合素質(zhì)，更教會(huì)了我如何做人，做一個(gè)出色的人。在論文即將完成之際，我的心情無(wú)法平靜，感謝老師給予我的幫助，讓我掌握了堅(jiān)實(shí)的專業(yè)基礎(chǔ)，為我以后的楊帆遠(yuǎn)航