網頁美工設計

網站建設中網頁美工的作用有哪些？

編輯：時間：2017-02-23 17:30:59

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

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

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

　　一般來說，作為專業公司的網站建設流程都是這樣的：

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

　　2.再由美工用Dreamwerver 把已經設計好的平面圖，做成HTML靜態網頁文件。這里就要求美工用到CSS和DIV技術了。一個網頁優化得好不好，在這個方面其實是一個比較重要的地方了。這個地方做得好，程序員也可以省很多時間

　　3.由程序員添加程序、連接后臺、連接數據庫；美工再進行一些FLASH的制作和一些網頁文件的修改

　　當然以上三個步驟省略了和客戶溝通這一項，必要的時候美工或者程序員還必須和客戶進行面談。

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

　　所以你所要學的軟件一般是Fireworks或者Photoshop、Dreamwever、FLASH、HTML語言；如果你想進一步提高的話，最好懂得CSS技術，和DIV技術，FLASH的AS語言。呵呵

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

　　網頁美工的技術水平越高，一般來說花的時間就越久。

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

　　不過Photoshop 和 FLASH 在很多方面（比如快捷鍵等）都是一樣的，所以你學會了一個軟件以后，其他的你也會很快就記得。所以你全部軟件都學會的話，并不是一個簡單的時間相加。

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

>> 下一篇：網頁美工設計中提升網站氣質的方法

推薦資訊