A. 電子商務網站系統規劃應遵循的原則有哪些
1、首先要確定一個網站的主題，接下來才是著手准備材料。收集好材料應考慮如何組織好這些材料，如何讓瀏覽者以最方便、最快捷的方式來瀏覽。
與其他媒體不同，網站設計是一種平衡的藝術。一方面，希望網站頁面漂亮，另一方面必須考慮其下載要求。所以必須綜合考慮這兩方面，強調一面，必然會削弱另一方面。
2、網站創建的基本原則（市場調查，搜索資料）
只有為公司創造效益，電子商務才有生存意義。
創建網站和我們創業一樣，關鍵是一個好的定位，要使你的網站從成千上萬的網站中脫穎而出，最主要的秘訣是獨特的視角和准確的定位。
建設一個站點，需要從一開始就明確站點的目標，規劃站點的主要構成部分及各部分的功能和風格，接下來是具體各個部分的製作，最重要的是對完成的站點進行維護和排錯以及更新，因此建設一個站點比製作一個網頁需要更加專業的知識。
建站前首先要對市場進行調研，了解市場的購買力，購買人的購買習慣，購買人的性別、年齡、文化程度、職業等；還應了解哪些商品是暢銷的，哪些商品是滯銷的，哪些商品是緊缺的。一般來講，應分析同類商品市場的規模和市場最大需求量。還需要查詢經營同類商品的電子商務網站，了解它們的長處和短處。結合自己公司的專業特長和能力，分析有無能力去搶占市場份額。做電子商務的人要把握住電子商務的本質。
電子商務的本質不是電子技術，而是商務手段。所謂商務手段就是做生意。公司在做生意的過程中，首先要處理好與供應方的關系，就是要將貨物的采購過程做好，對於進貨的品種、數量、價格要有預見性，既不要造成庫存積壓，也不要造成貨品短缺。其次要做好物流與倉儲管理工作，以最小的成本換取最大的價值。比較重要的是與客戶建立良好的關系，以客戶為中心，盡可能滿足客戶的需求。
在網站設計與管理的基本過程中，每個環節都涉及了許多內容。在實施中，可以根據具體的需求增加與調整相關的內容。
3、網站的內容策劃
建立一個電子商務網站好比寫一本書，首先應擬好提綱，確定主題，規劃好結構。一個較大型的電子商務網站內容繁多，如果網站結構不清晰，內容雜亂，瀏覽者會看得糊里糊塗，而且網站的擴充和維護也會相當困難。
網站是由一個個網頁組成的，因此網頁組織非常關鍵，網頁組織的好壞直接關繫到網站的成功與否。我們為你提供全面的網站建設服務，遵循網站建設原則，建設符合你要求的網站。
B. Web設計的設計原則有哪些
好的設計能夠幫助企業提升數據，同時還可以提供用戶一個良好的使用體驗。GoodUI 總結了一個長達69條設計原則的清單（不斷增加中），列舉了他們認為非常重要的設計要點。
與以往的一些文章不一樣的是這里提到的69點其中有一部分 GoodUI 已經通過 AB Test 驗證過可行性。當然分析報告是需要付費的，單篇39美金。
不過今天討論的重點並不是付費報告，而是這69條設計原則。我按照自己的理解將它們翻譯成了中文並配上圖片，希望對大家有所幫助。
本篇文章內容及圖片均來自於GoodUI，如有翻譯不恰當的地方歡迎大家指正。
01 嘗試使用一列的布局替代多列布局
02 給用戶一些小的利益，別看上去那麼赤裸裸
03 合並相似的功能
04 嘗試展示來自用戶的贊揚，而不是自我表揚
05 重復核心行動點
06 統一視覺規范，提升可識別性
07 嘗試使用推薦的口吻，而不是讓用戶感覺面對一台冷冰冰的機器
08 給用戶吃「後悔葯」的機會
09 告訴用戶產品適用的人群，而不是人人都通用
10 將文案寫得更加的直接，而不是一堆廢話
11 增強主行動點的視覺沖擊力，提升它在頁面中的可對比性
12 讓用戶知道你從哪兒來更易於拉近與用戶的關系
13 將表單做的簡單點，確保用戶在抓狂之前能進入下一步
14 盡量將用戶需要選擇的信息展示出來而不是藏起來
15 頁面的排版需要考慮用戶是否會漏掉底部信息
16 如果頁面的底部有需要關注的行動點，別讓文中過多的外鏈帶走了用戶
17 確保用戶知道自己目前的狀態
18 將利益點融合在行動點中，增強用戶的點擊慾望
19 將行動點與當前信息結合起來
20 將簡要的表單合並到頁面中，減少調整頁面帶來的用戶流失
21 適當的增加延遲動效，讓用戶感知到頁面的變化
22 讓新用戶從嘗試產品入手，而不是一來就面對冷冰冰的注冊表單
23 減少使用線框，這會過多的吸引用戶注意力，而且會讓頁面看上去透不過氣
24 給用戶推銷你能給他帶來的利益，而不是功能
25 一定要注意0結果頁面的設計，這也是引導用戶的好地方
26 給用戶選擇退出的權利，特別是郵件訂閱
27 注意界面元素的一致性，降低用戶學習成本
28 給下拉框增加一些預設值，降低用戶填寫成本
29 延續用戶日常的使用習慣，而不是重新創造
30 嘗試告訴用做些事情降低自己的損失，而不是提升收益
31 提升頁面的視覺層次，增強可閱讀性
32 將同類的操作合並在一起，降低用戶的認知成本
33 表單及時校驗，而不是統一提交後在告訴用戶填錯了
34 嘗試將表單輸入變得更加寬容，讓用戶的填寫更加簡單
35 通過時間增強緊迫感
36 提供用戶可預見性的操作，降低用戶的心理成本
37 盡可能的幫助用戶選擇，而不是讓用戶想破腦袋
38 盡可能將操作區域放大，降低用戶操作成本
39 頁面載入速度很重要，盡可能讓用戶感受到你的網站速度很快
40 如果可以，增加鍵盤快捷鍵，提升操作效率
41 嘗試通過對比來讓用戶感知到性價比
42 嘗試對進度條進行「設計」來降低用戶等待的焦慮
43 根據用戶選擇逐步展示信息，降低無效信息對用戶的干擾
44 有時候較小的承諾比「誇海口」會更容易讓用戶信服
45 嘗試將提示信息弱化，減少對用戶操作的干擾
46 盡量通過系統的功能來簡化用戶的操作
47 用文本配合圖標來降低用戶的認知成本
48 用更自然的語言代替冷冰冰的機器
49 放出一些摘要信息來幫助用戶識別是否需要進一步了解
50 在關鍵的頁面增加用戶權益信息，增強用戶進一步操作的信心
51 將價格進行換算，讓用戶感覺這很便宜
52 記得在成功頁面感謝用戶
53 將數字轉化成易於用戶閱讀的形式，而不是冷冰冰的機器語言
54 告訴用戶選擇的權利和自由「誘惑力」
55 嘗試讓語言更具「誘惑力」
56 通過設計引導用戶的注意力
57 通過友好的對比來展示產品，為用戶做決定提供幫助
58 通過任務機制來提升用戶的滿足感
59 讓用戶了解接下來將要發生什麼事情
60 嘗試用更幽默一些的語言文案
61 任何操作之後都要給出反饋，讓用戶知道操作已經生效
62 注意動效的真實使用情況（Amazon 的類目菜單就是一個很好的例子）
63 注意排版的，不要讓信息過於擁擠
64 嘗試用講故事的方式來傳遞信息，增強用戶的代入感
65 盡量給用戶展示真實的信息，不要欺騙
66 隨著用戶的不斷熟悉簡化界面
67 試著用用戶的口吻展示信息
68 在表單中增加一些提示信息，減少錯誤的幾率
69 最後，用簡單的文案傳遞核心關注的信息，少一些廢話
這69條設計原則雖然針對 Web 設計，但有些部分在移動產品設計中同樣有效。
轉載自：http://gooi.org/
C. 網站設計要遵循哪些原則
網頁設計中要遵循哪些原則呢?怎樣才能設計出一個合格的網頁。我們知道，設計的個性化表現得非常明顯，每個設計師都有著自己的設計理念，而企業也有著自己的需求，因而這兩者經常會出現沖突。因此，網頁設計中要遵循一定的原則。下面是一些網站設計中應注意的原則。
步驟/方法
一、 明確建立網站的目標和用戶需求
Web站點的設計是展現企業形象、介紹產品和服務、體現企業發展戰略的重要途徑，因此我們必須明確設計站點的目的和用戶需求，從而做出切實可行的設計計劃。我們會根據消費者的需求、市場的狀況、企業自身的情況等進行綜合分析，以「消費者(customer)」為中心，而不是以「美術」為中心進行設計規劃。
在設計規劃時我們會考慮：
建設網站的目的是什麼?
為誰提供服務和產品?
企業能提供什麼樣的產品和服務?
網站的目的消費者和受眾的特點是什麼?
企業產品和服務適合什麼樣的表現方式(風格)?
二、網頁設計總體方案主題鮮明
在目標明確的基礎上，完成網站的構思創意即總體設計方案。對網站的整體風格和特色作出定位，規劃網站的組織結構。
Web站點應針對所服務對象(機構或人)的不同而具有不同的形式。有些站點只提供簡潔文本信息;有些則採用多媒體表現手法，提供華麗的圖像、閃爍的燈光、復雜的頁面布置，甚至可以下載聲音和錄像片段。好的Web站點把圖形表現手法和有效的組織與通信結合起來。
為了做到主題鮮明突出，要點明確，我們將按照客戶的要求，以簡單明確的語言和畫面體現站點的主題;調動一切手段充分表現網站點的個性和情趣，辦出網站的特點。
Web站點主頁應具備的基本成分包括： 頁頭：准確無誤地標識你的站點和企業標志; Email地址：用來接收用戶垂詢; 聯系信息：如普通郵件地址或電話; 版權信息：聲明版權所有者等。
充分利用已有信息，如客戶手冊.公共關系文檔.技術手冊和資料庫等。
三、網站的版式設計
網頁設計作為一種視覺語言，特別講究編排和布局，雖然主頁的設計不等同於平面設計，但它們有許多相近之處。
版式設計通過文字圖形的空間組合，表達出和諧與美。
多頁面站點頁面的編排設計要求把頁面之間的有機聯系反映出來，特別要處理好頁面之間和頁面內的秩序與內容的關系。為了達到最佳的視覺表現效果，我們將反復推敲整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。
四、色彩在網頁設計中的作用
色彩是藝術表現的要素之一。在網頁設計中，我們的設計師根據和諧、均衡和重點突出的原則，將不同的色彩進行組合.搭配來構成美麗的頁面。 根據色彩對人們心理的影響，合理地加以運用。如果您的企業有CIS(企業形象識別系統)，我們將按照其中的VI進行色彩運用。
五、網頁設計形式與內容相統一
為了將豐富的意義和多樣的形式組織成統一的頁面結構，形式語言必須符合頁面的內容，體現內容的豐富含義。
靈活運用對比與調和、對稱與平衡、節奏與韻律以及留白等手段，通過空間、文字、圖形之間的相互關系建立整體的均衡狀態，產生和諧的美感。如對稱原則在頁面設計中， 它的均衡有時會使頁面顯得呆板，但如果加入一些富有動感的文字、圖案，或採用誇張的手法來表現內容往往會達到比較好的效果。 點、線、面作為視覺語言中的基本元素，巧妙地互相穿插、互相襯托、互相補充構成最佳的頁面效果，充分表達完美的設計意境。
六、三維空間的構成和虛擬現實
網路上的三維空間是一個假想空間，這種空間關系需藉助動靜變化.圖像的比例關系等空間因素表現出來。 在頁面中，圖片、文字位置前後疊壓，或頁面位置變化所產生的視覺效果都各不相同。通過圖片、文字前後疊壓所構成的空間層次不太適合網頁設計，根據現有瀏覽器的特點，網頁設計適合比較規范、簡明的頁面，盡管這種疊壓排列能產生強節奏的空間層次，視覺效果強烈。 網頁上常見的是頁面上、下、左、右、中位置所產生的空間關系，以及疏密的位置關系所產生的空間層次，這兩種位置關系使產生的空間層次富有彈性，同時也讓人產生輕松或緊迫的心理感受。 現在，人們已不滿足於HTML語言編制的二維Web頁面，三維世界的誘惑開始吸引更多的人，虛擬現實要在Web網上展示其迷人的風采，於是VRML語言出現了。VRML是一種面向對象的語言，它類似Web超級鏈接所使用的HTML語言，也是一種基於文本的語言，並可以運行在多種平台之上，只不過能夠更多地為虛擬現實環境服務。
七、網頁設計中多媒體功能的利用
網路資源的優勢之一是多媒體功能。要吸引瀏覽者注意力，網頁的內容可以用三維動畫、FLASH等來表現。但要由於網路寬頻的限制，在使用多媒體的形式表現網頁的內容時不得不考慮客戶端的傳輸速度。
八、結構清晰並且便於使用
如果人們看不懂或很難看懂您的網站，那麼，他如何了解你的企業和服務呢?使用一些醒目的標題或文字來突出您的產品與服務。並且即使您擁有最棒的產品，如果客戶從您的網站上不清楚您在介紹什麼或不清楚如何受益的話，他們是不會喜歡您的網站的，這就是網頁設計的失敗。
九、導向清晰
網頁設計中導航使用超文本鏈接或圖片鏈接，使人們能夠在您的網站上自由前進或後退，而不會讓他們使用瀏覽器上的前進或後退。我們在所有的圖片上使用「ALT」標識符註明圖片名稱或解釋，以便那些不願意自動載入圖片的觀眾能夠了解圖片的含義。
十、快速的下載時間
很多的瀏覽者不會進入需要等待5分鍾下載時間才能進入的網站，在互聯網上30秒的等待時間與我們平常10分鍾等待時間的感覺相同。因此，我們會建議您在網頁設計中盡量避免使用過多的圖片及體積過大的圖片。我們通常會與客戶合作，將主要頁面的容量控制在50K以內，平均30K左右，確保普通瀏覽者頁面等待時間不超過10秒。
十一、非圖形的內容
我們在必要時適當使用動態「Gif」圖片，為減少動畫容量，應用巧妙設計的Java動畫可以用很小的容量使圖形或文字產生動態的效果。但是，由於在互聯網瀏覽的大多是一些尋找信息的人們，我們仍然建議您要確定您的網站將為他們提供的是有價值的內容，而不是過度的裝飾。
十二、方便的反饋及訂購程序
讓客戶明確您所能提供的產品或服務並讓他們非常方便地訂購是您獲得成功的重要因素。如果客戶在您的網站上產生了購買產品或服務的慾望，您是否能夠讓他們盡快實現嗎?是在線還是離線?
十三、網站測試和改進
測試實際上是模擬用戶詢問網站的過程，用以發現問題並改進網頁設計。我們通常與用戶共同安排網站測試
D. ASP.NET入門教程 2.5 站點設計的基本原則
在開始設計任何Web站點之前 回顧一下·優秀站點設計的原則是很有益的 應該記住三個基本概念
● 盡量將信息與其表示分隔開 例如 開發人員將設計頁面的標題 布局和格式（表示） 在頁面上 開發人員將放置配置好的控制項以獲取和顯示信息（例如球隊的球員列表） 通過將這些目標分隔開 開發人員可以分別對每個部分進行更新而不會影響到其他部分 例如 當球隊增加了一名新球員時 關於該球員的信息將保存在資料庫中 頁面將自動顯示新的球員列表而無需修改表示層
● 盡量保證站點具有一致的外觀 通過使用相同的色彩 圖標和屏幕布局 可以為用戶創建一種臨場感（sense of presence） 忠實的球迷一看到這種色彩就感覺像到了家一樣 回訪用戶可以利用己經掌握的經驗使用該站點
● 盡量簡化站點導航 首先 所有頁面上的單條將簡化從站點的一個部分跳轉到另一個部分的導航 用戶還將使用ASP NET 工具顯示當前正在查看的頁面位於站點中的什麼位置
lishixin/Article/program/net/201311/15568
E. 簡述web站點的設計原則包括哪些方面內容
盡量讓數據封裝、邏輯判斷、顯示都分開。
F. Web頁面設計原則
摘自電子商務系統分析與設計
Web頁面設計遵循三條原則：簡潔性、一致性和對比度。簡稱3C原則。
1）簡潔性
設計並不再現具體的物像和特徵，它要表達的是一定的意圖和要求，在適當的環境里為人們所理解和接收。
醒目的圖形，要求簡潔。
限制字體和所用顏色的數量。
頁面上所有的元素都應當有明確的含義和用途。
2）一致性
頁面的排版，各個頁面使用相同的頁邊距。文本、圖形之間保持相同的間距。
主要圖形、標題或符號旁邊留下相同的空白。
各個頁面使用相同的圖標。
色彩和風格的一致性，所有圖片都應該具有相同的風格。
文字的顏色要同圖形的顏色保持一致並注意色彩搭配的和諧。
一個站點通常只使用一兩種標准色。
3）對比度
使用對比度是強調突出某些內容的最有效的辦法之一。
使內容容易辨認和接受。
例如：內容提要使用藍色，正文採用黑色。
也可以使用大標題。
圖像對比，題頭的圖像明確地向瀏覽者傳達本頁的主題。
G. 網站標志是樹立網站整體風格的第一步，其設計一般有哪些原則
一、 明確建立網站的目標和用戶需求
展現企業形象、介紹產品和服務、體現企業發展戰略的，因此明確設計站點的目的和用戶需求，從而做出切實可行的設計計劃。根據消費者的需求、市場的狀況、企業自身的情況等進行綜合分析
二、網頁設計總體方案主題鮮明
在目標明確的基礎上，完成網站的構思創意即總體設計方案。對網站的整體風格和特色作出定位，規劃網站的組織結構。好的Web站點把圖形表現手法和有效的組織與通信結合起來。
做到主題鮮明突出，要點明確，按照客戶的要求，以簡單明確的語言和畫面體現站點的主題;調動一切手段充分表現網站點的個性和情趣，辦出網站的特點。
Web站點主頁應具備的基本成分包括： 頁頭：准確無誤地標識你的站點和企業標志; Email地址：用來接收用戶垂詢; 聯系信息：如普通郵件地址或電話; 版權信息：聲明版權所有者等。
充分利用已有信息，如客戶手冊.公共關系文檔.技術手冊和資料庫等。
三、網站的版式設計
視覺語言，講究編排和布局，版式設計通過文字圖形的空間組合，表達出和諧與美。
四、色彩在網頁設計中的作用
根據和諧、均衡和重點突出的原則，將不同的色彩進行組合.搭配來構成美麗的頁面。 根據色彩對人們心理的影響，合理地加以運用。
五、網頁設計形式與內容相統一
為了將豐富的意義和多樣的形式組織成統一的頁面結構，形式語言必須符合頁面的內容，體現內容的豐富含義。靈活運用對比與調和、對稱與平衡、節奏與韻律以及留白等手段，通過空間、文字、圖形之間的相互關系建立整體的均衡狀態，產生和諧的美感而靈貓 墊商則據問題對稱原則在頁面設計中， 它的均衡有時會使頁面顯得呆板，但如果加入一些富有動感的文字、圖案，或採用誇張的手法來表現內容往往會達到比較好的效果。 點、線、面作為視覺語言中的基本元素，巧妙地互相穿插、互相襯托、互相補充構成最佳的頁面效果，充分表達的設計意境。
六、網頁設計中多媒體功能的利用
吸引瀏覽者注意力，網頁的內容可用三維動畫、FLASH等來表現。但要由於網路寬頻的限制，在使用多媒體的形式表現網頁的內容時不得不考慮客戶端的傳輸速度。
七、結構清晰並且便於使用
使用一些醒目的標題或文字來突出您的產品與服務。並且即使您擁有好產品，如果客戶從您的網站上不清楚您在介紹什麼或不清楚如何受益的話，他們是不會喜歡您的網站的，這就是網頁設計的失敗。
八、導向清晰
網頁設計中導航使用超文本鏈接或圖片鏈接，能夠在網站上自由前進或後退，而不會使用瀏覽器上的前進或後退。圖片上使用「ALT」標識符註明圖片名稱或解釋，以便那些不願意自動載入圖片的觀眾能夠了解圖片的含義。
九、快速的下載時間
很多的瀏覽者不會進入需要等待5分鍾下載時間才能進入的網站，在互聯網上30秒的等待時間與我們平常10分鍾等待時間的感覺相同。因此，網頁設計中盡量避免使用過多的圖片及體積過大的圖片。
H. 網頁的設計原則
所謂網站（Website），就是指在網際網路（網際網路）上，根據一定的規則，使用HTML等工具製作的用於展示特定內容的相關網頁的集合。簡單地說，網站是一種通訊工具，就像布告欄一樣，人們可以通過網站來發布自己想要公開的資訊（信息），或者利用網站來提供相關的網路服務（網路服務）。人們可以通過網頁瀏覽器來訪問網站，獲取自己需要的資訊（信息）或者享受網路服務。
在你眼前，出現在顯示器上的這個「東西」，就是一個網頁。網頁實際是一個文件，它存放在世界某個角落的的某一台計算機中，而這台計算機必須是與互聯網相連的。網頁經由網址（URL）來識別與存取，當我們在瀏覽器輸入網址後，經過一段復雜而又快速的程序。網頁文件會被傳送到你的計算機，然後再通過瀏覽器解釋網頁的內容，再展示到你的眼前。 Web站點主頁應具備的基本成分包括：
頁頭：准確無誤地標識你的站點和企業標志；
Email地址：用來接收用戶垂詢；
聯系信息：如普通郵件地址或電話；
版權信息：聲明版權所有者等。
充分利用已有信息，如客戶手冊．公共關系文檔．技術手冊和資料庫等。 設計一個網站，應該考慮下列九條基本因素，這些因素對網站的成功與否有著重要影響。
1. 整體布局
網站主頁就好像是宣傳欄或者店面——對訪問者產生第一印象，都希望盡量給人留下好的印象，不是嗎？
一般來說，好的網站應該給人有這樣的感覺：
干凈整潔；
條理清楚；
專業水準；
引人入勝。
網頁應該力求抓住而不是淹沒瀏覽者的注意力，過多的閃爍、色彩、下拉菜單框、圖片等會讓訪問者無所適從——離開是最好的選擇。就像一些商店，播放震耳欲聾的發燒音樂，你要做的唯一決定就是離開那裡，越快越好。
2. 信息
無論商業站點還是個人主頁，你必須給人們提供有一定價值的內容才能留住訪問者。因為我們人類總是惟利是圖，第一個問題總是：「對我有什麼用處？」
所以你必須提供某些有價值的東西，當然並不是說必須提供某些免費的物品——免費書籍、免費入場券、免費度假等，這些「有價值的東西」可以是：
信息；
娛樂；
勸告；
對一些問題的幫助；
提供志趣相投者聯絡的機會；
鏈接到有用的網頁，等等。
如果你經營的是企業網站，需要提供關於產品或服務的信息：
容易理解；
容易查詢；
容易訂貨。
3. 速度
我們都知道，頁面下載速度是網站留住訪問者的關鍵因素。如果20—30秒還不能打開一個網頁，一般人就會沒有耐心。至少應該確保主頁速度盡可能快，最好不要用大的圖片。
應該時時提醒自己，網站首頁就像一個廣告牌。當開車經過一個廣告牌時，沒有時間閱讀上面的詳細說明，也不可能贊賞其復雜的圖案，廣告標志從眼前一閃而過，必須在一瞬間給人留下印象。
網上訪問者也是「一閃而過」，保證你的首頁簡單而快速。網上有許多關於如何增加速度的文章——檢查下載速度，放棄一切顯著減慢主頁速度的資料。
4. 圖形和版面設計
圖形和版面設計關繫到對主頁的第一印象，圖象應集中反映主頁所期望傳達的主要信息。
如果有系列商業站點，你不必讓過分顯眼的動畫出現在首頁——但如果你的網站是游戲站點，動畫將是必不可少的一部分內容。
圖片是影響網頁下載速度的重要原因，根據經驗。把每頁全部內容控制在30K左右可以保證比較理想的下載時間，圖象在6—8K之間為宜，每增加2K會延長1秒鍾的下載時間。
顏色也是影響網頁的重要因素，不同的顏色對人的感覺有不同的影響，例如：
紅色和橙色使人興奮並使得心跳加速；
黃色使人聯想到陽光，是一種快活的顏色；
考慮到你希望對瀏覽者產生什麼影響，請為網頁選擇合適的顏色。
閱讀西方格式文本時，眼睛從左上方開始。逐行瀏覽到達右下方，插入圖象時不要忘記這種特性。任何具有方向性的圖片應該放置在網頁中對眼睛最重要的地方，如果在左上角放置一幅小鳥的圖片，鳥嘴應該放在把瀏覽者目光引向頁面中部的地方，而不是把視線引走。
這種思路可以用於所有圖片：
面部應該「看」網頁的中部；
汽車的「停靠」面向網頁中部；
道路、領帶等等圖片的放置都應該在有助於吸引目光從左向右、從上向下移動。
一般總是把網站導航條放置在頁面左邊，也是出於這種考慮——不斷地出現在瀏覽者的視野之中。
5. 文字的可讀性
我們仍然用廣告牌的比喻來說明，文字要在廣告牌上突出，周圍應該留有足夠的空間。也許你曾到過一些網站，要麼擁擠不堪的文字覺得好像只有把腦袋鑽進去才能閱讀，要麼深色的背景給人的感覺好象處於非常狹窄的空間里，而且讓人的心情感覺很壓抑。某些背景色的令人閱讀困難；紫色、橙色和紅色讓人眼花繚亂。
文字的顏色也很重要，不同的瀏覽器有不同的顯示效果，有些在你的瀏覽器上很漂亮的顏色在其他瀏覽器上可能無法顯示。
參考報紙的編排方式，為方便或快速閱讀將你的內容分欄設計，甚至兩欄也要比一滿頁的視覺效果要好。
另一種能夠提高文字可讀性的因素是你所選擇的字體，通用的字體（Arial, Times New Roman, Garamond and Courier）最易閱讀，特殊字體用於標題效果較好，但是不適合正文（試想瀏覽整頁的 Gothic, Script, Westminster, or Cloister會是怎樣的感受）。因為閱讀費力，你的眼睛很快就會疲勞，不得不轉移到其他頁面。
明白我的意思了嗎？
6. 網頁標題的可讀性
必須盡量使你的網頁易於閱讀，除了分欄之外（將頁面縱向分割），也需要利用標題和副標題將文檔分段。
為所有標題和副標題設置同一字體，並將標題字體加大一號，所有標題和副標題都採用粗體，這樣便於識別標題（字體加大加粗）和副標題（粗體，與正文字體大小相同），使瀏覽者一眼就可以看到要點，以便找出並繼續閱讀有興趣的內容。標題的重要性可見一斑，要認真寫好每個標題！
也可以將整句採用粗體或用不同的顏色突出某些內容，不過不要用難以閱讀的顏色。
7. 導航
由於人們習慣於從左到右、從上到下閱讀，所以主要的導航條應放置在頁面左邊，對於較長頁面來說，在最底部設置一個簡單導航也很有必要（只要兩項就夠了：主頁|頁面頂部）。
確定一種你滿意的模式之後，最好將這種模式應用到同一網站的每個頁面，這樣，瀏覽者就知道如何尋找信息。
8. 保護個人信息聲明和客戶推薦信
對於商業網站來講，最重要的事情之一是確保潛在客戶的信心，你應該明確地告訴人們，如何對其興趣、愛好，尤其個人隱私保密，很有必要專門用一個頁面詳細陳述你的保護個人信息聲明，包括對訪問者的email地址保密、如何接受定單、如何匯總信息、匯總這些信息的目的、誰可以看到這些信息等基本內容。
訪問者也想知道你的產品或服務現有客戶的反映，所以如果能引用與你關系融洽的客戶對你的積極評價，對你的可信度將很有幫助。
不要害怕向顧客索取推薦信——人們都願意自己的意見有價值。
你可以把客戶的推薦信另設計為一個網頁，作為對客戶提供推薦信的回報，在這里鏈接到客戶的網站——這也是一種「雙贏」。
9. 詞語
一個網站如果只有漂亮的外觀而詞語錯誤連篇、語法混亂，同樣是失敗的，對於網站所有者和負責人將產生很壞的影響，人們會用許多貶義詞來評價你：粗心大意、懶惰、外行、沒水平等等。
你願意把自己辛苦掙來的錢花在一個連自己的網站都馬馬虎虎的人嗎？
你可以按照上述步驟改進你的網站製作技巧；
你可以請人對你的工作進行校對、編輯；
你也可以請人為你製作網頁；
總之，上述步驟在很多方面對你會有所幫助，不要因為對某些步驟的疏忽而影響你的網站的整體效果。 1. 明確內容
如果你想成為一個網站設計者，並正想建一個網站的話，首先應該考慮網站的內容，包括網站功能和你的用戶需要什麼。你的整個設計都應該圍繞這些方面來進行。
2. 抓住用戶
如果用戶不能夠迅速地進入你的網站，或操作不便捷，網站設計就是失敗的。不要讓用戶失望而轉向你的對手的網站。
3. 優化內容
內容是核心。大約在兩年以前，企業網站就像一本廣告冊子，更槽糕的是，網站使用了大量的圖片，似乎要幾個世紀才能下載完。比如某網站在設計的某些方面是成功的，但是內容太貪乏，並且要花很長時間才能找到所要的東西，因此不能算是一個成功的網站。
4.快速下載
沒有什麼比要花很長時間下載頁面更槽糕的了。作為一條經驗，一個標準的網頁應不大於60K，通過56K數據機載入花30秒的時間。有的設計者說網頁載入應在15秒內。
5. 網站升級
時刻注意網站的運行狀況。性能很好的主機隨著訪問人數的增加，可能會運行緩慢。但是，如果你不想失去訪問者的話，一定要仔細計劃好你的升級計劃。
6. 堅持基本原則
即使你不懂HTML語言，你只需購買一個有版權的所見即所得的網頁設計工具，如Adobe PageMill 或 Microsoft FrontPage Express 或 Amaya，當然則是Dreamweaver啦，就可以創建一個看起來很合理的網站。但是，在設計時，這些軟體包雖然不需要HTML，卻使網站速度下降。為了成功地設計網站，你必須理解HTML是如何工作的。大多數的網站設計者建議網路新手應從有關HTML的書中去尋找答案，用Notepad製作網頁。
7. 學習HTML
用HTML設計網站，可以控制設計的整個過程。但是，如果你僅僅是網站設計的新手，你應該尋找一個允許修改HTML的軟體包。HomeSite4是一個很好的Web設計工具。在設計過程中，HomeSite4能幫助你學習HTML。它還允許你切換到所見即所得的模式，以便你在把網站發送到Web之前，預覽你的網站。
8. 用筆畫一個網站的框架
聖人雲：筆比劍更強大。在用計算機之前，用筆畫一個網站的框架，顯示出所有網頁的相互關系。計劃好你的用戶如何以最少的時間瀏覽你的網站。
9. 「在計算機上永遠也找不到好的方案」。——專家忠告
10. 網站地圖
許多設計者把他們的網站地圖放在網站上，這種做法，卻是弊大於利。絕大部分的訪問者上網是尋找一些特別的信息，他們對於你的網站是如何工作的，並沒有興趣。如果你覺得你的網站需要地圖，那很可能是需要改進你的導航和工具條。
11. 「睜大你的眼睛，留意所有的事情。對最不相關的東西的觀察可以得到最好的靈感。觀察一個站點的結構和設計。理解站點結構的關鍵元素，確保你的設計是圍繞站點瀏覽進行的。」 —專家忠告
12. 點擊規則
聽說過3次點擊規則嗎？對於小型網站，在你的主頁上，沒有任何一條信息，需要點擊次數超過3次的。對於大型網站，使用導航和工具條來改善操作。
13. 特殊字體的應用
雖然你可以在你的HTML中使用特殊的字體，但是，你不可能預測你的訪問者在他們的計算機上將看到什麼。在你的計算機里看起來相當好的頁面，在另一個不同的平台上看起來可能非常糟糕。一些網站設計員喜歡使用來定義特性，這雖然允許你使用特殊的字體。但是仍需要一些變通的方法，以免你所選擇的字體在訪問者的計算機上不能顯示。級聯風格表CSS有助於解決這些問題，但是只有最新版的瀏覽器才支持CSS。
14. 「使用切合實際的簡便的命名規則。」 —專家忠告
15. 檢查錯別字
好的拼寫是人們一生中重要的技能。但是遺憾的是，許多設計者都缺少這種技能。確保你拼寫正確，並且格外注意平常容易誤寫的錯別字。
16. 避免長文本頁面
在一個站點上有許多隻有文本的頁面，是令人乏味的，且也浪費Web的潛力。如果你有大量的基於文本的文檔，應當以Adobe Acrobat格式的文件形式來放置，以便你的訪問者能離線閱讀。
17. 不要使用卷滾條
人們厭惡在網上使用卷滾條。某站是一個典型的設計很差的網站。它基於一個浮動的架構，為了閱讀所有的文本，瀏覽者不得不使用卷滾條。
18. 專家最喜愛的Web設計工具
（1）. Adobe Photoshop
（2）. Macromedia Flash
（3）.Adobe Illustrator
（4）. Adobe ImageRead
（5）. Macromedia Dreamweaver
（6）. Macromedia Fireworks
（7）. Allaire Homesites
（8）. Microsoft Notepad
（9）. Macromedia Director
（10）. Lightwave
（11）. Macromedia Freehand
其它：Adobe Acrobat Exchange，Allaire ColdFusion,BBEdit,HTML Validator等。
19. 網站介紹
你應當有一個很清晰的網站介紹，告訴訪問者你的網站能夠提供些什麼。以便訪問者能找到想要的東西，但是，許多設計者都沒有這樣做。有效的導航條和搜索工具使人們很容易找到有用的信息，這對訪問者很重要。告訴訪問者你所提供的正是他們想要的信息。
20. 「網站一旦發布，網站設計的優點和缺陷全都公布於世。沒有什麼方法使你能夠比從自己的錯誤、傾聽其他人的建議和用戶反饋意見中學到更多的東西。」 —專家忠告
21. 閃爍讓人頭痛
通過使用標識可以吸引訪問者對你的主頁特殊部分的注意，但這也讓你的訪問者頭痛。如果你想使訪問者再次光顧你的網站，就少用此方法。
22. 背景顏色
背景顏色也會產生一些問題，可能會使網頁難於閱讀。你應當堅持使用白色的背景和黑色的文本，另外還應當堅持使用通用字體。
23. 向前和向後按鈕
應當避免強迫用戶使用向前和向後按鈕。你的設計應當使用戶能夠很快地找到他們所要的東西。絕大多數好的站點在每一頁同樣的位置上都有相同的導航條，使瀏覽者能夠從每一頁上訪問網站的任何部分。
24. 專家忠告 ：「堅持你的信念。嚴格遵守各種規則。避免想當然。絕不停止學習。」
25. 點擊記數器
不要輕易考慮在你的網站上放置一個醒目的點擊記數器。你設計網站是為了給訪問者提供服務，而不是推銷你自己認為重要的東西。大多數瀏覽者認為計數器毫無意義，它們很容易被做假，瀏覽者也不想看廣告。如果你顯示你的網站是多麼受歡迎，你最好提供一個鏈接，顯示訪問日誌。
26. 不要用框架
與記數器一樣，框架在網頁上越來越流行。在大多數網站上，在屏幕的左邊有一個框架。但是設計者立刻就發現，在使用框架時產生了許多的問題。使用框架時如果沒有17英寸的顯示屏幾乎不可能顯示整個網站。框架也使得網站內個人主頁不能夠成為書簽。也許更重要的是，搜索引擎常常被框架混淆，從而不能列出你的網站。
27. 去掉圖像
在瀏覽器中即使去掉了圖像功能，也要保證訪問者能夠在你的網站上獲得滿意的效果。對於那些使用ISDN連接並且關掉了圖像功能的訪問者，還能獲得好的網頁載入性能。可以通過在網頁底部提供另外的鏈接和使用替代文字，而不是圖像來滿足訪問者的需要。
28. 重復使用圖像
一些網站由於使用大量不重復的圖像而錯過了使用更好的技巧的機會。在創建商標時，在網頁上多次使用同樣的圖像是一個好的方法，並且一旦它們被裝入，以後重新載入就會很快。
29. 避免使用過大的圖像
不要使用橫跨整個屏幕的圖像。避免訪問者向右滾動屏幕。佔75%的屏幕寬度是一個好的建議。
30. 專家忠告：「避免使用炫耀的技巧。」
31. 選擇使用Flash動畫
許多使用比較慢的計算機的訪問者發現動畫圖標很容易耗盡系統資源，使網站的操作變得很困難，因此，應該給用戶一個跳過使用Flash動畫的選擇。
32. 盡量少使用Flash插件
雖然許多Web設計者認為Flash功能很強大，並且Netscape5.0將支持Flash，在使用時不必再下載任何插件。但是，最好還是取消使用Flash做各介面的想法。
33. 讓用戶先預覽小圖像
如果不得不放置大的圖像在網站上，就最好使用Thumbnails軟體，把圖像的縮小版本的預覽效果顯示出來，這樣用戶就不必浪費金錢和時間去下載他們根本不想看的大圖像。
34. 動畫與內容應有機結合
確保動畫和內容有關聯。它們應和網頁渾然一體，而不是乾巴巴的。動畫並不只是Macromedia Director等製作的東西的簡單堆積。
35. 慎用聲音
聲音的運用也應得到警惕。內聯聲音是網頁設計者的另一個禁地。因為過多地使用聲音會使下載速度很慢，同時並沒有帶給瀏覽者多少好處。首次聽到滑鼠發出聲音可能會很有趣，但是多次以後肯定會很煩人。使用聲音前，應該仔細考慮聲音將會給你帶來什麼。
36. 少用Java 和AxtiveX
在網頁上應盡量少使用Java 和AxtiveX。因為並不是每一種瀏覽器都需要使用它，只有那些Netscape 和Explorer的早期版本的使用者才需要它。另外Mac在處理Java時也存在問題，過分地使用Java，會使Mac崩潰。
37. 設計成功的網站
藍色理想
七色鳥
ChinaUI
5D多媒體
38. 慎用插件
在Web設計中，如果依賴於一些特別的插件，會減少網站的吸引力。如果訪問者沒有所要求的插件，將不得不到其它站點去下載，這樣訪問者有可能就不會返回了。
39. 使用著名的插件
如果網站上有聲音或視頻，要保證使用者通過使用某個知名的插件，能夠聽到或看到。許多站點使用QuickTime、RealPlay和 Shockwave插件。因為，許多訪問者並不願意浪費很多時間和金錢去下載可能僅使用一次的插件。
40. 使用先進技術
跟上新的技術。Web技術的進步絕不會停止，所以應花一些時間來研究新產品和開發技術。
41. 自己創建圖像和聲音
使用你自己創建的或從某個商業網站上下載的圖像和聲音。在製作商業網站時，應該花足夠的資金來創建圖形，以增強公司的宣傳。
42. 專家忠告— 「無論是游戲、圖像、動畫還是電影，想想你喜歡的設計是怎樣的，這將激發你的創作靈感，使你創作出新的和更好的網站。」
43. 平台的兼容性
要為用戶著想，必須最少在一台PC 和一台Mac機上測試你的網站，看看兼容性如何。
44. 用軟體分析工具找錯
使用軟體分析工具檢查HTML。軟體分析工具Doctor HTML能夠幫助檢查HTML中的任何問題。如果你有許多網頁需要檢查，可選用軟體分析工具。
45. 避免錯誤鏈接
網站中可能與其它一些有用的站點作了鏈接。但是，如果在你的網頁上有鏈接，一定要經常檢查它們，保證鏈接有效。鏈接的網站可能很多，但不要鏈接到與你的內容無關的網站上。
46. 給觀眾成熟的東西
如果網站沒有完成，就不要發送到Web上。所有好的網站都是在幕後完成之後再發布的。
47. 在搜索引擎上登記網站
任何一個人發現你的網站的機會都很少，除非你把你的網站在主要的搜索引擎上進行登記。
48. 設計一個留言板
瀏覽者願意把時間花在好的網站上，所以最好有一個留言本，這能激勵訪問者再次回到你的網站，還有助於擴充網站內容。
49. 測試網站
在你的網站正式發布之前，必須進行有用的測試。在設計網站時要使用最新的軟體，但是不要忘了人們並不會使用最新的瀏覽器，所以要照顧到以前的瀏覽器。在上載網站時還要測試所有的鏈接和導航工具條。
50. 專家忠告：「盡你所能反復測試所設計的網站，直到你不能發現新的東西為止。」
51. 演示即將發布的網站
在網站正式運行之前，讓人演示它。演示中人們會告訴你所設計的網站是否容易使用。
52. 動畫點綴
網頁上的動畫最多隻用一個
53. 專家忠告—「傾斜的按鈕看起來不會太好，最好不要使用。」
54. 內容組織
在開始創建新的網頁前，仔細考慮網站內容的組織。決定好想讓訪問者瀏覽的內容，然後設計導航系統。
55. 「空白萬歲」
注意留空白。不要用圖像、文本和不必要的動畫GIFs來充斥網頁，即使有足夠的空間，在設計時也應該避免使用。
56. 利用空白去吸引注意力。
為了吸引眼球，Web設計者使用各種方法，比如：閃爍、旋轉等，但是利用空白會吸引更多的注意力。」—專家忠告
57. 圖像壓縮
為了保持小的圖像，可以使用類似GIF向導的程序，它能自動對圖像進行壓縮。先聲明圖像的大小,在圖像顯示之前最好能詳細說明圖像大小屬性，可以在IMG標簽中保存這個屬性。這可以使網頁顯得很流暢，因為瀏覽器可以在圖像被下載之前在屏幕上顯示整個網頁。
58. 設計一個失敗的網站,從中找出原因,提高自己的鑒別能力。
59. 用戶注冊
如果能知道誰瀏覽了網站以及是怎樣瀏覽網站的，那麼就能得到大量有用的信息。但是，要求訪問者在瀏覽網站之前進行注冊。這樣做是要冒風險的，因為這將趕走一批不願意注冊的人。獲得信息的另一種方法是進行有獎競猜或金錢獎勵，讓用戶能主動填一些信息反饋表。
60. 使網站具有交互功能
在網站上提供一些回答問題的工具，使得訪問者能從網站上獲得交互的信息。
61. 圖片更新
盡可能經常更換網站上的圖片，人們更願意點擊的是圖片而不是文本。
62. 在網站上提供游戲
游戲是很好的交互工具，它是使訪問者能再次光顧網站的好方法。
63. 挑選工具軟體
仔細選擇Web設計工具。保證使用自己最想要的、自我感覺最好的軟體。
64. 使用最新版本的軟體
盡量使用Web設計軟體的最新版本，還應當能被授權進行免費或便宜的升級。 1. 圖片與文字的協調性一個完美的網頁布局會給人一種和平舒暢的心情，它不僅僅是表現在文字的表達程度，更多的表現在圖片與文字的協調性。2. 視覺上的對比性通過不同的色彩、不同的圖形進行對比，在視覺上形成視覺的沖擊，同時在圖形也要形成對比，只有這樣才能讓人們過目不忘。3. 有松有馳網頁製作上也要講究有松有馳，不要整個網頁都是一種樣式，要適當進行留白，運用空格或是改變字體之間的間距，從而達到不一樣的變化效果。
I. Web前端開發中應該遵循的幾項編程原則
1、善用DIV來布局
當開發一個Web頁面時，要考慮第一件事就是區分頁面重點。將這些內容用DIV標簽包含起來，頁面的代碼會呈現出整潔、縮進良好的風格。
2、將HTML標簽和CSS樣式表分割開來
好的頁面應該將HTML標簽和CSS樣式表分割開來。這是每一個Web開發者在首次接觸Web開發時就應該知道的一條原則。然而，直到今天，仍然有很多開發者沒有嚴格遵循這一原則。不要在HTML標簽里內嵌樣式表代碼。開發者應該養成習慣，單獨建立文件，用以存放CSS樣式表。而這也將方便其他開發者在修改你的代碼時，能迅速完成工作。
3、優化CSS代碼
現如今，為網站添加多個CSS文件的做法已經很普遍。但是，當網站包含的CSS文件過多時，會降低網站的響應速度。解決辦法是：精簡代碼並對多個CSS文件進行優化，將其合並成一個文件。這個辦法能顯著提升網站的載入速度。此外，有很多工具可以用來優化CSS文件，例如CSS Optimizer、Clean CSS等。
4、優化JavaScript文件，並將其放到頁面底部
和CSS一樣，為頁面添加多個Javascript文件也是很普遍的做法。但這同樣會降低網站的響應速度。為此，開發者應該精簡、優化這些Javascript文件。
5、善用標題元素
到這些元素用來突出頁面的重點內容。這有助於用戶更加關注頁面的重點部分。對於博客，推薦使用標簽來突出博客標題。因為，博客標題幾乎是頁面中最重要的部分。
以上就是在Web前端開發中需要遵循的Web前端開發編程原則，希望這些開發語言對從事Web前端的小夥伴們有幫助。當下Web前端的應用方向還是很廣泛的，如果你能掌握Web前端開發技術，那麼在未來前端職業發展過程中，必定會有長久的發展。
J. 高質量的網站建設需要遵循什麼原則
明確建立網站的目標和用戶需求Web站點的設計是展現企業形象、介紹產品和服務、體現企業發展戰略的重要途徑，因此我們必須明確設計站點的目的和用戶需求，從而做出切實可行的設計計劃。我們會根據消費者的需求、市場的狀況、企業自身的情況等進行綜合分析，以「消費者(customer)」為中心，而不是以「美術」為中心進行設計規劃。在目標明確的基礎上，完成網站的構思創意即總體設計方案。對網站的整體風格和特色作出定位，規劃網站的組織結構。Web站點應針對所服務對象(機構或人)的不同而具有不同的形式。有些站點只提供簡潔文本信息;有些則採用多媒體表現手法，提供華麗的圖像、閃爍的燈光、復雜的頁面布置，甚至可以下載聲音和錄像片段。
好的Web站點把圖形表現手法和有效的組織與通信結合起來。為了做到主題鮮明突出，要點明確，我們將按照客戶的要求，以簡單明確的語言和畫面體現站點的主題;調動一切手段充分表現網站點的個性和情趣，辦出網站的特點。Web站點主頁應具備的基本成分包括：頁頭：准確無誤地標識你的站點和企業標志;Email地址：用來接收用戶垂詢;聯系信息：如普通郵件地址或電話;版權信息：聲明版權所有者等。充分利用已有信息，如客戶手冊公共關系文檔技術手冊和資料庫等。網頁設計作為一種視覺語言，特別講究編排和布局，雖然主頁的設計不等同於平面設計，但它們有許多相近之處。