要訣專門研究網設計

網設計 是概念化, 計劃, 電子媒介美滿的交付的塑造, 和施行的過程通過網際網路以技術的形式(譬如標記語言) 適當為解釋和顯示由瀏覽器或其它基於網際網路的圖形用戶界面(GUIs) 。

網設計意向是創造網站(電子文件的一件收藏品居住在一個或更多網路伺服器) 那個禮物內容(包括交互式特點或接口) 對終端用戶以網頁的形式一次被請求。如此元素像文本、形式, 和數位映像的圖像(GIFs 、JPEGs, PNGs) 可能被安置在頁使用HTML 、XHTML, 或XML 標記。顯示更加複雜的媒介(向量圖形、動畫、錄影, 聲音) 要求插入譬如閃光、QuickTime, Java 執行時間的環境, 等。插入並且被埋置入網頁由使用HTML 或XHTML 標記。

網設計要訣。
選擇網設計語言為您的網際網路項目:
如果您計劃在網上設計和出版您自己的網站, 您的第一步應該將決定什麼樣的網際網路存在您構想並且然後選擇您想要使用的網設計語言。

網站設計:
網站是一資訊收集關於一個特殊題目或主題的。設計網站被定義作為反之組成一個網站網頁的安排和創作。網頁包括網站被開發的資訊。網站也許與書比較, 書各頁是網頁。

有許多方面(設計關心) 在這個過程中, 並且由於網際網路的迅速發展, 新方面也許湧現。為非商業網站, 目標也許變化根據渴望的曝光和反應。為典型的商業網站, 設計的基本的方面是:

內容: 物質, 和資訊關於站點應該是相關的與站點, 應該瞄準公眾的區域, 網站有關與。
實用性: 站點應該是用戶友好的, 以接口和航海簡單和可靠。
出現: 圖表和文本應該包括在過程中流動的唯一樣式, 對展示一貫性。樣式應該是專家, 吸引人和相關。
可見性: 站點必須並且容易發現通過多數, 如果不是所有, 主要查尋引擎和廣告媒介。

網站典型地包括文本和圖像。網站的第一頁知道作為主頁或索引。一些網站用途什麼共同地稱飛濺頁。飛濺頁也許包括一種受歡迎的消息、語言或區域選擇, 或聲明。各個網頁在網站之內是有它自己的URL 的HTML 文件。在各個網頁被創造之後, 他們一起典型地連接使用航海菜單組成由超鏈接。更加快速的瀏覽速度導致了更短的注意力並且更多要求的網上訪客和這導致對飛濺頁的較少用途, 特別商業網站有關。

一旦網站被完成, 它必須被出版或被上裝為了是viewable 對公眾在網際網路。這也許做使用FTP 客戶。一旦出版, 網大師也許使用各種各樣的技術增加交通, 或命中, 網站接受。這也許包括遞交網站給一個搜索引擎譬如Google 或雅虎, 交換與其它網站連接, 創造藉與相似的網站, 等。

多重學科的要求。
網站設計橫渡資訊系統、資訊技術和通信設計多個學科。網站點是組分有時被分類像前期和後端的資訊系統。可測的內容(即頁面設計、用戶界面、圖表, 文本, 音像) 知道作為前期。後端包括處理產品從前期的組織和效率原始代碼、無形的scripted 作用, 和伺服器邊組分。根據網發展項目的大小, 它也許由multi-skilled 個體執行(有時告訴網大師), 或項目負責人也許監督合作設計在小組成員之間以專業技能。

容易接近的網設計。
主要文章: 網可及性。
是容易接近的, 網頁和站點必須依照某些可及性原則。這些可能被編組入以下主要區域:

1)use 提供一個意味深長的結構對文件的語義標註(即網頁) 。
語義標註並且提到相應地語義地組織網頁結構和出版網服務描述以便他們可能由其它網服務認可在不同的網頁。標準為語義網由IEEE 規定。
2)use 依照一個出版DTD 或圖解的一個合法的標記語言
3)provide 文本等值為任何非文本組分(即圖像, 多媒體) 。
4)use 有道理的超鏈接當讀在上下文外面(即避免"點擊這裡。")
5)don't 用途框架。
6)use CSS 而不是HTML 表為佈局。
7)author 頁以便當原始代碼讀的一行行由用戶代理(譬如屏幕讀者) 它保留可理解。(使用桌為設計經常導致不是。) 的資訊
但是, W3C 允許桌為佈局或者牌子感覺的例外線性化或一個供選擇版本(或許線性化) 使可利用。

網站可及性並且改變照原樣由Content 允許變動做對網頁沒有獲得編程語言知識需要的管理系統衝擊。

網站計劃。
在創造和上裝網站之前, 這是重要需要時間確切地計劃什麼必要在網站。周到地就觀眾或目標市場而論, 並且定義目的和決定什麼內容將被開發是極端重要。

目的。
它是根本定義網站的目的因為第一步的當中一個在計劃過程中。目的聲明應該顯示焦點根據什麼網站將完成並且什麼用戶將得到從它。一個清楚地被定義的目的將幫助計劃過程的剩餘如同觀眾被辨認並且站點的內容被開發。突然設置和長期目標為網站將幫助做目的明白和計劃為將來何時擴展、修改, 和改善將發生。並且, 目標設置實踐和可測量的宗旨應該被辨認跟蹤站點的進展和確定成功。

觀眾。
定義觀眾是關鍵步在網站計劃過程中。觀眾是被預計參觀您的網站4a. "市場被瞄準的人。這人民觀看網站為一個具體原因並且它重要確切地知道什麼他們尋找他們參觀站點。站點的一個清楚地被定義的目的或目標並且對什麼的理解訪客要做或感覺他們走向您的站點將幫助辨認目標觀眾。在考慮誰是很可能對需要或使用內容, 特徵名單共同對用戶譬如:

觀眾特徵。
資訊特選。
電腦規格。
網經驗。
考慮到觀眾的特徵將允許將提供渴望的內容對目標觀眾的一個有效的網站被創造。

內容。
美滿的評估和組織要求, 網站的目的清楚地被定義。收集必要的內容名單然後組織它根據觀眾的需要是關鍵步在網站計劃。在會集內容過程中被提供, 不支持被定義的目的或不實現目標觀眾宗旨的所有項目應該被去除。這是一個好想法測試內容並且目的在焦點群和與觀眾比較奉獻物需要。下步將組織基本的資訊結構由分類內容並且組織它根據用戶需要。各個類別應該被命名以將成為一個鏈接在網站的一個簡明和描寫標題。計劃對站點的內容保證, 要或需要目標觀眾並且站點的目的將被履行。

計劃文獻。
文獻被使用視覺上計劃站點當考慮到是最適當的為網站的目的、觀眾和內容, 設計站點結構、內容和互作用。文獻也許被認為一個原型為網站4a. "允許網站佈局被回顧, 造成建議的變動, 改善並且/或者改進的模型。這個回顧過程增加網站的成功可能。

首先, 內容被分類並且資訊結構被公式化。資訊結構被使用開發文件或視覺圖稱站點地圖。這創造視覺怎樣網頁將被互聯, 幫助在決定什麼內容將被安置在什麼頁。有用圖解法表示網站結構三種主要方式:

線性網站圖將允許用戶搬走一個被預先決定的序列;
等級結構(樹設計網站用圖解法表示) 為用戶提供超過一個道路對作為對他們的目的地;
分支設計網站圖考慮到許多互聯在網頁之間譬如超鏈接在句子之內。
除計劃結構之外, 各自的頁佈局和接口也許計劃使用storyboard 。在storyboarding 過程中, 紀錄被創造各頁的描述、目的和標題在站點, 並且他們一起連接根據最有效和邏輯圖類型。根據頁的數量必需為網站, 文獻方法也許包括使用紙和圖畫線聯絡他們, 或創造storyboard 使用電腦軟體。

一些或所有各自的頁也許被設計在更加了不起的細節作為網站wireframe, 嘲笑什麼的式樣或全面佈局頁實際上將看起來像。這經常做在一個圖表節目, 或佈局設計節目。wireframe 沒有運作的功能, 只計劃。

通常問題升起在領域:
怎樣它看對。怎麼這有效。
一些網開發商有形象藝術背景, 也許給予更多注意對怎樣頁看比就其它問題而論譬如怎樣訪客發現頁通過搜索引擎。一些也許依靠更做廣告比搜尋引擎吸引訪客對站點。在問題的對方, 搜索引擎優化顧問(SEOs) 牽涉到多麼恰當網站工作技術和原文: 多少交通它引起通過查尋引擎, 並且多少銷售它做, 承擔神色對銷售不要貢獻。結果, 設計師和SEOs 經常結果在設計師想要更多' 俏麗的' 圖表的爭執, 並且SEO 想要許多' 醜惡的' 富有主題詞的文本、子彈名單, 和文本鏈接。你能爭辯說, 這是假的二分化由於網設計也許集成二個學科為一種合作和協同作用的解答的可能性。由於一些圖表符合通信目的除美學之外, 多麼恰當站點工作也許取決於圖表設計師的視覺通信想法並且SEO 考慮。

其它問題當使用許多圖表在頁是, 下載時間可能很大地被加長, 經常激怒用戶。這成為了無足輕重問題當網際網路演變了以高速網際網路和對向量圖形的用途。這是工程學挑戰增加帶寬除一個藝術性的挑戰之外使圖表和圖形文件大小減到最小。這是一個持續的挑戰因為增加的帶寬邀請增加的相當數量內容。

和在合作設計, 有衝突在網站設計之間不同的目標和方法。這些是一些持續部分。

缺乏合作在設計。
在網的早期, 沒有同樣多合作在網設計和更大的廣告戰、顧客交易、社會網路、內部網和企業間網路之間儘管有現在。網頁是主要靜態網上小冊子被分開從更大的項目。

許多網頁仍然被分開從更大的項目。特別設計考慮是必要的至於使用在這些更大的項目之內。這些設計考慮經常被忽略, 特別是在有缺乏領導處, 缺乏理解對為什麼和技術知識怎樣集成, 或缺乏關心為更大的項目為了促進合作。這經常導致不健康的競爭或妥協在部門, 和較不比對網頁的優選的用途之間。

液體對固定的佈局。
在網設計師不掌握幾個因素, 包括瀏覽器視窗的大小, 瀏覽器被使用, 輸入裝置被使用(老鼠、觸摸屏、聲音命令、文本、手機數字墊, 等。) 並且可利用的字體的大小和特徵。

一些設計師選擇控制元素的出現在屏幕由使用具體寬度指定。這控制也許達到通過對一個HTML 基於桌的設計或一個更加語義的基於div 的設計的用途通過對CSS 的用途。每當設計的文本、圖像, 和佈局不改變當瀏覽器改變, 這指一個固定的寬度設計。固定的寬度設計的擁護者更喜歡對站點的佈局和對象的精確度安置的精確控制在頁。其它設計師選擇一個液體設計。一個液體設計是一個, 像Wikipedia, 設計行動向流程內容入整體屏幕, 或屏幕的部份, 不管瀏覽器視窗的大小。液體設計的擁護者更喜歡更加偉大的兼容性和使用屏幕空間可利用。液體設計可能達到通過對CSS 的用途, 由避免一共稱呼頁, 或由使用HTML 桌(或更加語義的divs) 設置對頁的百分比。液體和固定的設計開發商必須做出決定關於怎樣設計應該貶低在到處屏幕決議。有時重實效的選擇做出流動設計在一個極小和一個最大寬度之間。這允許設計師避免編制程式為瀏覽器選擇做長的尾巴, 當仍然使用所有可利用的屏幕空間。根據內容的目的, 網設計師也許決定使用或逐個被修理的或液體佈局。

相似與液體佈局是任意適合對窗口特點以Adobe 一剎那內容。這是優選地稱頁內容沒有改變安排或文本包裹的一種固定的佈局當瀏覽器被重量尺寸。

閃光。
Adobe 閃動(以前Macromedia 閃光) 是業主、健壯圖表動畫或應用開發節目使用創造和提供動態內容, 媒介(譬如聲音和錄影), 和相互作用應用在網通過瀏覽器。

閃光不是標準由一個販賣者中立標準組織導致像大多核心協議和格式在網際網路。閃光比開放HTML 格式限制性的, 雖然, 要求業主插入式看, 和它不集成以多數瀏覽器UI 特點像"後面" 按鈕。

根據研究, [2 ] 98% 美國網友安排一剎那球員installed.[3 ] 數字變化根據偵查計劃和研究demographics.[4 ]

許多圖表藝術家使用閃光因為它給他們對每設計的部份的確切的控制, 並且任何可能是生氣蓬勃並且"一般jazzed" 。一些應用設計師享受閃光因為它讓他們創造不必須被刷新或去一個新網頁行動每次發生的應用。閃光可能使用嵌入字體代替標準字體被安裝在多數電腦。有整個地拋棄HTML 為閃光的許多站點。其它站點也許使用一剎那內容與更小的傳染媒介文件大小和更加快速的裝貨動畫的選擇一樣保守地被結合與HTML 像gifs 或jpegs 會被使用, 但。閃光也許並且被使用保護內容免受未批准複製或搜尋。供選擇地, 小, 動態一剎那對象也許被使用用先進的印刷術替換標準HTML 元素(譬如倒栽跳水或菜單鏈接) 不可能通過規則HTML 或CSS (參見可升級的Inman 一剎那替換) 。

閃動一剎那網站傾向於窮地被設計的貶抑者要求, 並且經常使用纏擾不清和非標準用戶接口。近來, 查尋引擎無法標註一剎那對象, 防止了站點有他們的內容容易地被發現。這是因為許多搜索引擎履帶牽引裝置依靠文本標註網站。它是可能指定供選擇內容被顯示為不支持閃光的瀏覽器。使用供選擇內容幫助並且搜尋引擎瞭解頁, 和可能導致好可見性為頁。但是, 大多數一剎那網站不是傷殘容易接近(為屏幕讀者, 例如) 或部分508 服從。一個另外的問題是, 共同地使用供選擇內容為查尋引擎對他們人的訪客的站點通常判斷是spamming 查尋引擎和自動地被取締。

閃光的scripting 語言的最近化身(稱"ActionScript", 是ECMA 語言相似與Java 語言) 合併期待已久的實用性特點, 譬如尊敬瀏覽器的字體大小和允許瞎的用戶使用屏幕讀者。Actionscript 2.0 是一種針對對象的語言, 允許對CSS 的用途, XML, 和基於類的網應用設計。

兼容性和制約。
由於現代瀏覽器市場份額(根據您的目標市場), 您的網站的兼容性與觀察者是限於。例如, 被設計為多數websurfers 的網站對對合法的XHTML 將被限制1.0 的用途嚴密或更老, 級聯類型表平實1, 和1024x768 顯示決議。這是因為Internet Explorer 不充分地是W3C 標準服從以模塊化XHTML 1.1 和多數CSS 在1 之外。更加供選擇的瀏覽器(即Firefox 和歌劇) 用戶目標市場考慮到更多W3C 服從和因而選擇的一個更加了不起的範圍為網設計師。

對網頁設計的其它制約是對不同的圖像文件格式的用途。多數用戶能支持GIF 、JPEG, 和PNG (以制約) 。Internet Explorer 再是主要制約這裡, 不充分支持PNG 的先進的透明度特點, 造成GIF 格式仍然是廣泛被應用的圖形文件格式為透明圖像。

許多網站不協調性未被注意由設計師和未報告由用戶。唯一的方式肯定網站將從事一個特殊平臺將測試它在那個平臺。

任一個方式, 網設計湧現了作為一個迷人在I.T 工作之中與很好被定義的高的SALARY.SO 繼續和湧現作為一個創造性的網DESIGNER-THE I.T. WORLD IS 等您...