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

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

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

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

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

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

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

　　1.先是由美工用Fireworks 或者 Photoshop 設(shè)計(jì)出平面外觀，

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

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

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

　　當(dāng)然也有很多公司在第二個(gè)步驟的時(shí)候，是由程序員完成，因?yàn)橛械臅r(shí)候程序員的設(shè)計(jì)思想和美工的設(shè)計(jì)思想不太一樣。

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

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

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

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

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

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

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

推薦資訊