網(wǎng)頁(yè)美工設計

網(wǎng)站建設中網(wǎng)頁(yè)美工的作用有哪些？

編輯：時(shí)間：2017-02-23 17:30:59

　　網(wǎng)頁(yè)美工的作用主要是給網(wǎng)站排版，配色之類(lèi)的。影響到網(wǎng)站的整體視覺(jué)效果，前端設計體現在用戶(hù)體驗上，好的前端設計，可以讓用戶(hù)具有良好的體驗。美工就好比美容師，更像結婚的新娘。因此只有美工效果好，才會(huì )給人留下印象深刻。因此美工需要具有扎實(shí)的色彩基礎和良好的布局概念。能夠充分的體現不同網(wǎng)站的差異性和突出特色。可吸引別人的眼球、商業(yè)的還可促進(jìn)別人的購買(mǎi)欲望。所謂的網(wǎng)站美工其實(shí)很混淆，可以分出很多類(lèi)的工作，其實(shí)從本質(zhì)上講，網(wǎng)站美工只需要會(huì )PS就夠了，網(wǎng)站美工也叫做網(wǎng)頁(yè)制作師。好的設計師全部是自己做出來(lái)的。而不是東湊西湊的。一般用photosh或者fireworks 。做好了效果圖后再通過(guò)切圖加入HTML 一般現在主流都是輸出DIV+CSS布局了。慢慢調整一些細節就完成一個(gè)網(wǎng)頁(yè)。最主要的部分是美工的設計。

　　好的美工都是自己做的。在設計一個(gè)網(wǎng)頁(yè)之前，你要先搞清楚這個(gè)網(wǎng)頁(yè)要表現的是什么，然后構架整個(gè)框架。網(wǎng)頁(yè)效果圖是用PS或者FIRWORKS做的，顏色的搭配處理很重要。比如你說(shuō)的導航欄，如果你看到適合你要求的導航效果，當然可以直接拿來(lái)用，至于大小問(wèn)題，完全可以用PS來(lái)達到你想要的效果。PS的強大功能不是只有拉伸形變的作用。

　　做網(wǎng)站首先就要出效果圖這是對的，但是做一個(gè)網(wǎng)站你自己要想清楚這網(wǎng)站主要針對的人群是哪些？分析他們的瀏覽習慣是怎樣的？然后根據這些設計出效果圖，還有像導航條這樣的，你可以自己設計也或以幫別人的，但是一定要適合自己。大小是可以通過(guò)PS等設計軟件修改的。還有設計出來(lái)的效果圖在色彩方面一定要有視覺(jué)的沖擊力。讓人一打開(kāi)網(wǎng)站就有一個(gè)好的印像。1.網(wǎng)頁(yè)美工是要慢慢培養的，可以多看些別人設計的藝術(shù)感強的東西，比如宣傳海報什么的。平時(shí)多看，多想，看別人的顏色搭配，板面布局。學(xué)會(huì )看了以后就要會(huì )做，那么就要學(xué)會(huì )一些基本設計軟件，網(wǎng)頁(yè)美工肯定要會(huì )Firework或者是 Photoshop 接著(zhù)就是會(huì )用FLASH 總之就是多看，多想，多做。

　　一般來(lái)說(shuō)，作為專(zhuān)業(yè)公司的網(wǎng)站建設流程都是這樣的：

　　1.先是由美工用Fireworks 或者 Photoshop 設計出平面外觀(guān)，

　　2.再由美工用Dreamwerver 把已經(jīng)設計好的平面圖，做成HTML靜態(tài)網(wǎng)頁(yè)文件。這里就要求美工用到CSS和DIV技術(shù)了。一個(gè)網(wǎng)頁(yè)優(yōu)化得好不好，在這個(gè)方面其實(shí)是一個(gè)比較重要的地方了。這個(gè)地方做得好，程序員也可以省很多時(shí)間

　　3.由程序員添加程序、連接后臺、連接數據庫；美工再進(jìn)行一些FLASH的制作和一些網(wǎng)頁(yè)文件的修改

　　當然以上三個(gè)步驟省略了和客戶(hù)溝通這一項，必要的時(shí)候美工或者程序員還必須和客戶(hù)進(jìn)行面談。

　　當然也有很多公司在第二個(gè)步驟的時(shí)候，是由程序員完成，因為有的時(shí)候程序員的設計思想和美工的設計思想不太一樣。

　　所以你所要學(xué)的軟件一般是Fireworks或者Photoshop、Dreamwever、FLASH、HTML語(yǔ)言；如果你想進(jìn)一步提高的話(huà)，最好懂得CSS技術(shù)，和DIV技術(shù)，FLASH的AS語(yǔ)言。呵呵

　　這里如果你懂得CSS和DIV的話(huà)對你的美工是一個(gè)絕對的飛躍；如果FLASH你懂得AS的話(huà)，那也絕對是一個(gè)很大的提高的。

　　網(wǎng)頁(yè)美工的技術(shù)水平越高，一般來(lái)說(shuō)花的時(shí)間就越久。

　　一般來(lái)說(shuō)Fireworks或者Photoshop認真學(xué)3個(gè)星期，你就很熟悉了（當然你還必須經(jīng)常用，否則還是很容易忘記掉）；Dreamwever也大概用一個(gè)月，就可以比較容易控制了。FLASH基本的東西在一個(gè)月也可以完全學(xué)會(huì )。但是那些語(yǔ)言和一些技巧，就要看有沒(méi)有人教你了，自己在家里閉門(mén)造車(chē)是很難有太大突破的。

　　不過(guò)Photoshop 和 FLASH 在很多方面（比如快捷鍵等）都是一樣的，所以你學(xué)會(huì )了一個(gè)軟件以后，其他的你也會(huì )很快就記得。所以你全部軟件都學(xué)會(huì )的話(huà)，并不是一個(gè)簡(jiǎn)單的時(shí)間相加。

<< 上一篇：fireworks怎么樣批量壓縮圖片尺寸

>> 下一篇：網(wǎng)頁(yè)美工設計中提升網(wǎng)站氣質(zhì)的方法

推薦資訊