什么是網頁藝術設計 ?
網頁藝術設計是是網頁設計者以所處時代所能獲取的技術和藝術經驗為基礎，依照設計目的和要求自覺地對網頁的構成元素進行藝術規劃的創造性思維活動。下面詳細介紹什么是網頁藝術設計，希望為大家帶來幫助。 ?
網頁藝術設計： ?
網頁藝術設計是是網頁設計者以所處時代所能獲取的技術和藝術經驗為基礎，依照設計目的和要求自覺地對網頁的構成元素進行藝術規劃的創造性思維活動。 ?
設計活動中包含著主觀和客觀兩方面的因素，在確立了網頁主題之后，首先要明確和熟悉設計的對象和構成的要素。網頁藝術設計涉及的具體內容很多，可以概括為視聽元素和版式設計兩個方面。 ?
設計內容： ?
視聽元素 ?
這里所說的視聽元素，主要包括：文本、背景、按鈕、圖標、圖像、表格、顏色、導航工具、背景音樂、動態影像等。無論是文字、圖形、動畫，還是音頻、視頻，網頁設計者所要考慮的是如何以感人的形式把它們放進頁面這個“大畫布”里。多媒體技術的運用大大豐富了網頁藝術設計的表現力。 ?
以上各視聽元素大多數瀏覽器本身都可以顯示或收聽，無需任何外部程序或模塊支持。比如，大部分瀏覽器都可以顯示GIF、JPEG圖形和GIF89a動畫。還有些多媒體文件(如MP3音樂)需要先下載到本地硬盤上，然后啟動相應的外部程序來播放。另外，在瀏覽器使用插件(Plug-in)可以播放更多格式的多媒體文件。微軟推出IE瀏覽器后，提供了基于OLE的ActiveX技術，用來在網頁中播放多媒體。ActiveX已經成為熱門技術。另一種播放多媒體的技術是JavaApplet。它是用Java語言編寫的應用于網頁之中的小應用程序，相比于插件和ActiveX，JavaApplet具有更大的靈活性和良好的跨平臺能力，因此具有很好的發展前景。總之，技術的不斷發展使多媒體元素在網頁藝術設計中的綜合運用越來越廣泛，使瀏覽者可以享受到更加完美的視聽效果。這些新技術的出現，也對網頁的藝術設計提出了更高的要求。 ?
版式設計 ?
網頁的版式設計同報刊雜志等平面媒體的版式設計有很多共同之處，它在網頁的藝術設計中占據著重要的地位。所謂網頁的版式設計，是在有限的屏幕空間上將視聽多媒體元素進行有機的排列組合，將理性思維個性化的表現出來，是一種具有個人風格和藝術特色的視聽傳達方式。它在傳達信息的同時，也產生感官上的美感和精神上的享受。 ?
但網頁的排版與書籍雜志的排版又有很多差異。印刷品都有固定的規格尺寸，網頁則不然，它的尺寸是由讀者來控制的。這使網頁設計者不能精確控制頁面上每個元素的尺寸和位置。而且，網頁的組織結構不像印刷品那樣為線性組合，這給網頁的版式設計帶來了一定的難度。 ?
什么是網頁設計 ?
網頁設計是一種視覺語言，特別講究編排和布局，雖然主頁的設計不等同于平面設計，但它們有許多相近之處。版式設計通過文字圖形的空間組合，表達出和諧與美。 ?
多頁面站點頁面的編排設計要求把頁面之間的有機聯系反映出來，特別要求處理好頁面之間和頁面內的秩序與內容的關系。為了達到*的視覺表現效果，反復推敲整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。 ?
網頁設計(web design，又稱為Web UI design，WUI design，WUI)，是根據企業希望向瀏覽者傳遞的信息(包括產品、服務、理念、文化)，進行網站功能策劃，然后進行的頁面設計美化工作。作為企業對外宣傳物料的其中一種，精美的網頁設計，對于提升企業的互聯網品牌形象至關重要。 ?
網頁設計一般分為三種大類:功能型網頁設計(服務網站&B/S軟件用戶端)、形象型網頁設計(品牌形象站)、信息型網頁設計(門戶站)。設計網頁的目的不同，應選擇不同的網頁策劃與設計方案。 ?
網頁設計主要以Adobe產品為主，常見的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代碼工具，其他是圖形圖像和FL動畫工具。還有最近幾年Adobe新出的EdgeReflow、EdgeCode、Muse。 ?
什么是自適應網頁設計 ?
一、什么是自適應網頁設計? ?
2011年，網頁設計師Aaron Gustafson在他的書《自適應網頁設計》里率先提出了自適應網頁設計的概念。 ?
?
Adaptive design (自適應設計)：為不同類別的設備建立不同的網頁，檢測到設備分辨率大小后調用相應的網頁。目前AWD網頁主要針對這幾種分辨率(320，480，760，960，1200，1600) ?
和響應式網頁不同，自適應設計是基于斷點使用靜態布局，一旦頁面被加載就無法再進行自動適應，自適應會自動檢測屏幕的大小來加載適當的工作布局。因此，當您在電腦上打開瀏覽器瀏覽網頁時，該網站會自動檢測并選擇該桌面屏幕的*布局。 ?
二、如何做自適應網頁設計? ?
基礎的網頁設計涵蓋了幾大重要環節： ?
前期的原型設計(工具：Axure，Mockplus)UX設計(工具：Justinmind)UI設計(工具：Sketch)后期的前后端，HTML,CSS, JS. ?
而做好自適應網頁設計則需要遵循以下幾個步驟： ?
Step 1. Meta 標簽 ?
為了適應屏幕，不少移動瀏覽器都會把HTML頁面置于較大視口寬度(一般會大于屏幕寬度)，你可以使用viewport meta標簽來設定。以下viewport meta標簽告訴瀏覽器視口寬度等于設備屏幕寬度，且不進行初始縮放： ?
Step 2. HTML結構 ?
在這個例子中，頁面布局包括 Header, Content, Sidebar和Footer. Header固定高度為180px, Content寬600px, Sidebar寬300px。 ?
Step 3. Media Queries ?
CSS3 media query是自適應網頁設計的關鍵，就像高級語言里的if條件語句，告訴瀏覽器根據不同的視口寬度(這里等于瀏覽器寬度)來渲染網頁。 ?
網頁設計和web前端的區別 ?
web前端通常稱為軟件設計或者美工，普遍工資確實要比網頁設計高，因為軟件的收費比網頁或者網站高多了，一個網站收費過萬就算比較高了，而軟件隨隨便便就是好幾萬的，一二十萬、幾十萬甚至上百萬的都也是正常，但是網站的制作周期比較短，小點的網站通常是一兩周之內就可以完成，而軟件的周期短則幾個月、半年，長則一年幾年都有可能，像我們公司就是給**做監控及統計軟件的，每個項目隨隨便便都是半年以上的制作周期，收費嘛自然也比較高，有個項目都做了3年了，不過這個項目是個長期項目，不斷的提交又不斷的增加新功能而已; ?
話說回來，網頁設計和web前端其實差別并不太大，對于設計師來說兩者也就是界面模式不同而已，對于熟練的設計師來說，兩者之間可以很好的轉換，頁面/界面布局的方式其實還是一樣的，使用的也還算div+css布局; ?
我本人做這行已經8年了，剛開始做了2年的網頁設計，后來轉了軟件設計一直做到現在，老實說做軟件設計確實是工資高了，工作也更輕松了，因為做網頁的公司普遍規模都不大，為了能有收益必須大量的接單，這也勢必造成工作量很大，但是設計公司又普遍是有項目提成的，所以工資有時候反而比做軟件的高，做軟件的普遍是拿固定工資的，所以說兩者的工資水平并不是絕對的，只能說做軟件更輕松一些 ?
