網站的詳細設計技巧

1、網站設計有什麼技巧或者說注意點？

1、使用者優先的觀念

無論什麼時候，不管是著手准備設計HomePage之前。正在設計之中，或者已經設計完畢，有一個最高行動准則一定要牢記在心，那就是∶使用者優先。因為沒有使用者去光顧， 任何自認再好的HomePage都是沒有意義的。

2、考慮大多數人的連線狀況

您或許使用辦公室的ISDN，也可能使用學校的高速專線，但您都必須知道，目前大多數人所使用的還是14.4K或28.8KModem透過電話線路的緩慢連線方式 ，而且塞車塞得很嚴重。所以您在設計HomePage時就必需以這種普遍狀況為設計參考量，不要放置一堆會加重塞車情形或讓人等得發火的東西。最後，完成之後, 您最好自己透過遠端Modem撥接上網的方式來親自測試一下。

3、考慮使用者的瀏覽器

其次，必需考慮使用者的瀏覽器軟體，如果您想要讓所有的人都可以毫無障礙地觀看您的HomePage，那麼最好使用所有瀏覽器都可以閱讀的格式，不要使用只有部份瀏覽器可以支持的HTML格式或程序技巧。如果想要展現自己的高超技術又不想放棄一些潛在觀眾，可以考慮在主頁中設置幾種不同的觀賞模式選項（例如純文字模式、Frame模式、Java模式等等），供瀏覽者自行選擇。

4、內容第一

「內容永遠第一」，這句話適合書本，更適合網路上的HomePage，而且幾乎每個參與提供意見的人都舉雙手贊成這句話。沒有內容的書本已經夠令人討厭， 但至少您還可以很快判斷出來，而HomePage呢？您可能得耗費一整個晚上的時間與金錢，才會發現原來網站里根本沒有您要找的東西，這種痛苦真不是三言兩語可以形容。內容可以是任何東西，包括文字、圖片、影像、聲音等等，但請記住一點：一定要跟這個網站所要提供給人的訊息有關系。再提醒一次∶內容永遠第一！

一個好的網站在進行實際的HomePage建置之前，首先應該考慮什麼條件呢?它們包括有：牢記使用者優先的觀念、考慮大多數人的連線狀況、考慮使用者的瀏覽器，以及內容第一等等。再來看看在著手HomePage的實際建置過程中，所應該掌握的幾個重點原則。

5、著手規劃、確定特色、鎖定目標

不管做什麼事，一定要進行規劃，建置網站更是如 此。規劃時必須確定自己網站的性質、 提供內容、目標觀眾，然後根據本身的軟硬體條件來設置范圍。網路的特色是及時、新鮮、豐富、熱鬧，這是吸引大家上網的條件，如果本身條件強大，可以根據上述原則使自己網站成為一個全方位的信息提供者，如果不足，就成為單方面的提供者；此外，還可以在特殊議題或主題上加以突出，進一步鎖定目標觀眾。

6、第一頁很重要

第一頁是最重要的東西，因為它是別人認識這個網站的第一印象。如果是新開幕的站台，最好在第一頁就對這個網站的性質與所提供內容做個扼要說明與導引，讓別人判斷要不要繼續進入裡面。最好第一頁就有很清楚的類別選項，而且盡量符合人性化，讓參觀者可以很快找到需要的主題。在設計上，最好秉持干凈而清爽的原則。第一、若無需要，盡量不要放置大型圖形文件或加上不當的程序，因為它會增加下載時間，導致觀賞者失去耐心；第二、畫面不要散置得太過雜亂無序，因為觀賞者會找不到東西。記住：失敗的第一頁會讓許多人掉頭遠去，不可不慎。

7、分類

內容的分類很重要，可以按主題分類、按性質分類、按機關組織分類，或按人類思考直覺式地分類等等，一般而言，按人類的直覺式思考會比較親切。但無論哪一種分類方法，都要讓使用者可以很容易找到目標。而且分類方法最好盡量保持一致，若要混用多種分類方法也要掌握不讓使用者搞混的原則。此外，在每個分類選項的旁邊或下一行，最好也加上這個選項內容的簡要說明。

8、互動性

WWW的另一個特色就是互動。好的網站 HomePage必須與使用者有良好的互動性，包括在整個設計呈現、使用介面導引上等等，都應該掌握互動的原則，讓使用者感覺他的每一步都確實得到適當的回應，這部份需要一些設計上的技巧與軟硬體支持。事實上，好的網站HomePage設計必須加上個人技巧、經驗累積以及軟硬體技術的配合運用等。

9、圖形應用技巧

圖形是WWW網站的特色之一，它帶有醒目、吸引人以及傳達訊息的功能，好的圖形應用可以讓HomePage增色不少 ，但不當的圖形應用則會帶來反效果，而其中又以大量使用無意義及大型的圖形成為HomePage的敗筆。筆者建議，如果可以，應盡量縮小或省略圖形。目前國內的網路傳輸資源極為有限，因此使用圖形時一定要考慮傳輸時間的問題。根據經驗與統計，使用者可以忍受的最長等待時間大約是90秒鍾，如果您的HomePage無法在這段時間內傳輸並顯示完畢，那麼使用者就會毫不留情掉頭離去。因此必須依據HTML 文件、圖形文件的大小，考慮傳輸速率、延遲時間、網路交通狀況，以及服務端與使用者端的軟硬體條件，估算HomePage 的傳輸與顯示時間。在圖形使用上，盡量採用一般瀏覽器均可支持的壓縮圖形格式，例如JPEG與GIF等，而其中JPEG的壓縮效果較好，適合中大型的圖形，可以節省傳輸時間。如果真要放置大型圖形文件，最好將圖形文件與HomePage分開，在HomePage中先顯示一個具有連結功能的縮小圖檔或是一行說明文字，然後加上該圖形文件大小的說明（例如100KB），如此不僅加快HomePage的傳輸，而且可以讓使用者判斷是否繼續進入觀看。

10、圖形加上說明

此外，還有一點要特別提醒，許多網站建置者常常忽略了這件事。為了節省傳輸時間，許多人習慣採用「關閉圖形「 的模式再觀看您的HomePage（甚至有人使用純文字的瀏覽器 ）。因此當您在放置圖形時，一定要記得為每個圖形加上不顯示時的說明文字（也就是在HTML文件中的圖形文件後面加上alt文字說明），如此使用者才能知道這個圖形代表什麼意義，判斷要不要觀看。特別是如果這個圖形具有可連結的選項功能時，千萬記得一定 要加上說明文字，並給予同樣的可連結功能。

11、背景底色

不少人喜歡在HomePage中加上背景圖案，認為如此可以增加美觀，但卻不知這樣會耗費傳輸時間，而且容易影響閱讀視覺，反而給予使用者不好的印象。筆者建議，若沒有絕對必要，最好避免使用背景圖案，保持干凈清爽的本文。但如果真的喜歡使用背景，那麼最好使用單一色系，而且要跟前景的文字可以明顯區別，最忌諱使用花俏多色的背景，因為這樣不僅大量耗費傳輸與顯示時間，而且會嚴重混亂使用者的閱讀。

12、HTML格式的注意事項

有關HTML的撰寫方面，應注意以下的一些注意事項；不少人在撰寫HTML文件時，會簡略一些命令格式，但為了日後維護方便，撰寫HTML時最好架構完整，而且初學者也可以藉此對HTML語法有正確認識。另外，如果本身網站想讓別人可以透過搜尋站來找到， 那麼千萬不要忘了在〈Title〉指令中加上可供搜尋的關鍵字串。為了增加與使用者的互動，HomePage中最好也加上可供使用者表達意見的E－mail信箱，在HTML中一定要注意它的格式命令寫法，許多人在這個地方常常寫錯。另外，在PC系統下，文件的大小寫不分，但在UNIX系統下，則大小寫有區分，需要注意。

13、避免濫用技術

技術是令人著迷的東西，許多人也喜歡使用技術。專家普遍指出，好的技術運用會讓HomePage栩栩如生，令人嘆為觀止；但不當的技術則適得其反，反而成為HomePage的大敗筆。首先，使用技術時一定要考慮傳輸時間，不要成為他人觀看的沉重負擔；其次，技術一定要與本身網站的性質及內容相配合，不要耍了一大堆不相乾的技術。有一個最常見的技術應用，就是利用JavaScript撰寫一個走馬燈的功能，讓文字可以動態地顯示在窗口的最下一欄，這種方式看起來似乎很酷，但卻容易遮住該位置原本用來顯示地址及傳輸狀態的功能，反而造成使用者的不便。何況既然只是顯示一兩個文字，何不直接放在HTML本文中呢？Java小程序也是目前網路上的常見技術，它是一個好用的利器，擅長於動態物象的呈現，雖然只要瀏覽器支持就可以動，但同樣，也需要考慮傳輸時間，以及一般人的電腦系統負荷等問題。最後，技術最好不要用得太過多樣而復雜，有些人似乎不展現功力就不快樂，所以也不管合不合適，就把所有可用技術全部用在裡面，這時大家就會看到一個慘不忍睹的HomePage。

14、即時、更新、維護

不要忘記，大家都想看新鮮的東西，沒人對過時信息有興趣， 所以資料一定要注意即時性。有些網站半年沒更新，感覺就像一池死水。如果想要經營一個帶有即時性質的網站， 除了注意內容外，資料還要記得每日更新。筆者建議，不妨每隔一陣子就對頁面設計做一次小翻新，時時保持新鮮感。最後，須考量的就是事後維護管理的問題，寫HomePage很簡單，但維護管理就比較繁人，它的工作往往偏重屬重復而死板。個人性質的網站在維護管理上比較簡單，但公司網站如此不僅加快HomePage的傳輸，而且可以讓使用者判斷是否繼續進入觀看。

2、網頁設計製作詳細流程

分析如下：

1、首先下載安裝Dreamweaver，打開後，新建一個網頁，一般選擇「HTML」建立網頁。選擇「經典」界面，有助於我們更便捷使用這個軟體。

2、下面選擇這三個界面，代碼、拆分、設計，一般默認設計界面，對於新手這個功能具有可視化，能更好的製作網頁。

3、下面我們來製作網站站點，在電腦上建一個文件作為根目錄。我們所建網站的所有文件和網頁都保存在這個文件中。站點的作用就是使你的網站網頁之間框架清晰。同時給站點起個名字。

4、然後再在站點根目錄下建立一個專門儲存網站圖片的文件，並設置默認。這樣你添加到這個網站的所有圖片都自動保存到這個文件，不會丟失。注意文件命名要用英文。下面我用我建立的（籃球資訊網）來介紹，點擊右下方籃球資訊網——下拉點擊管理站點——點擊高級設置——設置默認圖像文件夾為剛建立的images。保存。

5、下面我們來製作這個網站首頁，先學習添加圖片。插入——圖像——選擇素材添加。點擊圖片，下面屬性可以編輯修改圖片大小，添加超鏈接等等。下面我修改圖片大小做示範。

6、下面學習添加文本。編輯「籃球資訊網」，下面屬性可以設置文本字體、添加超鏈接等等，點擊頁面屬性，可以詳細編輯文本屬性。

7、網頁基本就是文字和圖片的組合，添加視頻還需要學習者好好搜索Dreamweaver 的使用視頻加以學習。最後製作完一個網頁要記得保存。左上角文件——保存。

8、最後我們學習添加超鏈接。我用建立的第二個網頁來做示範。選中籃球資訊網文本，點擊頁面下方屬性——鏈接——點文件小按鈕——選中第一個網頁，這樣籃球資訊網文本變成藍色。這是網站內部鏈接，相反就有外部鏈接。添加如圖，一定要寫http://......就可以了。

9、最後我們瀏覽網頁。左上角文件——在瀏覽器中瀏覽網頁，點擊網頁中兩個鏈接都能到達指定網頁。

(2)網站的詳細設計技巧擴展資料：

網頁設計

設計網站要注意兩個要點：整體風格和色彩搭配。

風格

網站的整體風格及其創意設計是最難以學習的。難就難在沒有一個固定的模式可以參照和模仿。給你一個主題，任何兩人都不可能設計出完全一樣的網站。

風格（Style）是抽象的。是指站點的整體形象給瀏覽者的綜合感受。這個「整體形象」包括站點的CI（標志、色彩、字體、標語）、版面布局、瀏覽方式、交互性、文字、語氣、內容價值、存在意義、站點榮譽等等諸多因素。

色彩搭配

無論是平面設計，還是網頁設計，色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候，我們看到的不是優美的版式或者是美麗的圖片，而是網頁的色彩。

網頁配色小技巧：

1．用一種色彩：這里是指先選定一種色彩，然後調整透明度或者飽和度，這樣的頁面看起來色彩統一，有層次感；

2．用兩種色彩：先選定一種色彩，然後選擇它的對比色；

3．用一個色系：簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。

在網頁配色中，還要切記一些誤區：

1．不要將所有顏色都用到，盡量控制在三至五種色彩以內；

2．背景和前文的對比盡量要大（絕對不要用花紋繁復的圖案作背景），以便突出主要文字內容。

3、設計網站中有哪些關鍵技巧

1.優化使用的圖片，會獲得更好的頁面載入速度 ：使用正確的網頁格式圖，能讓網站訪問速度提升一半。

2.保持干凈和簡單：一個好的網頁設計不光只是看起來好看而已，還要是用戶友好型的。

3.頁面的導航欄是最重要的設計 ：一個網站最重要的部分就是整個網站的導航。沒有它，無論在哪個頁面中，用戶都會發生卡在這個頁面離不開的狀況。

4.明智和有條理地使用字體 ：雖然有成千上萬的字體，但你真的能用的只是一小部分（至少要等到主要的瀏覽器完全支持CSS3）。

5.理解色彩無障礙性：說完字體後，我們還需要指出使用正確顏色的重要性。

6.要了解如何編寫代碼 ：隨著各種所見即所得的網頁編輯器充斥市場，網頁設計已經成為簡單的1-2-3步驟就能設計好一個網站。

 7.謹記搜索引擎優化是非常重要的：在設計網站時，一個好的網頁設計師應該永遠牢記基本的SEO概念。

 8.要明白人都是沒有耐性的：普通人用幾秒鍾就決定是否要閱讀更多網頁內容或到另一個網站。

  9.清楚的了解瀏覽器的兼容性：當一個網頁設計師必須要知道的一件事，就是你的工作環境（瀏覽器）是挑剔和難以預料的。

 10.使設計有靈活性和可維護性 ：一個好的網頁設計師可以確保以後可以很容易更新或修改網站。

以上就是我們經常會遇到的一些關鍵技巧，幫助到你望採納！

4、單頁網站設計有哪些技巧

前台設計步驟：
首先了解客戶需求，掌握客戶做網站的目的，及客戶的業務方向，根據客戶的的業務方面，確定界面的色調與布局等。
其次，根據這些需求，參考同類型的網站，從同類型的網站找到一定的規律，之後用ps先設計大致的出首頁界面。設計完成以後給根據你的設計，跟客戶再做一次溝通，按他的意見進行修改，達到滿意
第三、客戶滿意你的首頁設計以後，開始切片，寫前台界面div+css結構即可。子頁風格也要跟客戶做簡單溝通，如果客戶沒有特別要求，要跟首頁相隨合。
第四，在需要加入特效的位置加入特效，在瀏覽器測試兼容性。
第五、做好這些工作之後，就可以把這些交給程序員做後台程序了。

5、網站設計與開發參考資料有哪些技巧

obj.parentElement(dhtml) obj.parentNode(dom) 
交換表的行
TableID.moveRow(2,1) 
替換CSS
document.all.csss.href = "a.css";

並排顯示
display:inline 
隱藏焦點
hidefocus=true 
根據寬度換行
style="word-break:break-all"

自動刷新
<meta HTTP-EQUIV="refresh" C>

簡單郵件
<a href="mailto:[email protected]?subject=ccc&body=xxxyyy">

快速轉到位置
obj.scrollIntoView(true)

錨
<a name="first">
<a href="#first">anchors</a>

網頁傳遞參數
location.search()

6、讓網頁更吸引人的幾個網頁設計技巧

技巧談不上，只能說細節重要。
第一、版式。用戶打開網站，首先看到的是什麼？當然是排版，你要有一個吸引人的排版才能讓用戶有興趣往下看。
第二、顏色搭配。論重要性，它不比版式低，根據網站的內容性質，我們要適當使用與內容搭配的顏色，用戶以哪一種心情進入網站，設計師心裡要有數。
第三、必要的功能。用戶瀏覽到一半，想要資詢你，發現沒有聯系方式，那豈不是失去了這個一個客戶？當然不止聯系方式，還有返回頂部也很重要，特別是頁面很長的時候，總不能讓用戶一直撥動滾輪，滾輪壞了你給買啊？
第四、能進一步了解產品或者服務等的內容信息。拿淘寶為例，用戶看到某個商品，覺得喜歡，想要了解產品，這時候必須有產品詳情展示給用戶。
這只是一部分，當然還有很多。總之想要有一個高大上的網站，必須考慮到用戶體驗。

7、網站頁腳設計的技巧有哪些

1、不要過於復雜

頁腳和頁頭的設計有所區別，它並不需要跟頁頭的導航欄或者BANNER圖設計那樣過多的注重交互性以及個性化，反而是簡潔有力的頁腳更加有利於用戶體驗。通常採用極少的色彩元素並和網站整體風格一致，盡量避免圖片背景形式，如需讓內容顯得豐富些，就選擇圖標和文字結合的形式來展現，且內容也不宜過多，應簡潔。

2、必要的信息不能少

在瀏覽網站時，可以發現，大多數網站的頁腳包含了企業簡單業務介紹，聯系信息，版權保護以及其它關聯網站等等，當用戶在網站上沒有發現明顯的聯系方式，他們基本上都會把網頁拉到頁腳尋找信息，能讓他們快速找到目標內容可以減少網站跳出率。

3、合理安排鏈接

頁腳內容對排布和分類要求較高，畢竟所佔據的網站板塊區域較小，因此要遵循以簡潔明了的形式展示最直接和全面的內容，無論是網站基本內容的目錄，還是聯系方式，有或者是友情鏈接，最好進行組織分類，通常情況下，這些內容都是以概括的形式展示，更多詳細內容以鏈接跳轉的形式，對此要合理安排好鏈接，保證好用戶體驗，以防出現死鏈或者空鏈。

4、避免頭重腳輕

有些網站在建設的過程中並沒有明確的頁腳概念，往往把頁頭做得很耀眼，但是整站往下拉，卻沒有頁腳的蹤影，又或者是將頁腳看作最次要的一部分，所使用的字體小，內容粗略，且沒有將文字與背景對比度考慮在內等等，無形中就造成了用戶不愉快的閱讀體驗，按照用戶的瀏覽習慣，從網站頁頭瀏覽下來，體驗效果都還不錯，但一到頁腳就一頭霧水，這種頭重腳輕的現象就造成了用戶不好的印象。

5、去掉冗餘的裝飾

有些網站建設認為頁腳的信息內容過於簡單則需要強調重點，但是往往這些「強調」會成為頁腳設計中的累贅，譬如給鏈接加上下劃線，字體採用特殊效果等等，事實上更多的是造成網站頁面的雜亂，因此這些冗餘的裝飾最好統統去掉，干凈整潔反而是一種美。

6、充分利用空間的同時注意留白

網站頁腳的設計是在有限的空間內展示最精闢的內容，對於這部分的空間要充分利用起來，對要使用的圖標，文字，圖片等內容進行排版設計，但在安排這些元素的同時要懂得留白，避免出現密密麻麻的內容扎堆情況，否則影響網站美觀的同時也產生了用戶閱讀困擾。

頁腳作為網站建設中重要的一部分，也是建站中不容忽視的一大內容板塊，它能為網站傳達很多的信息內容，掌握對它的設計技巧還能幫助網站提升用戶體驗度，因此別忘了它存在的作用和價值。

8、大神們現在做網站設計和網頁設計有沒有什麼技巧

1、無論在什麼設備上，盡量提供類似的體驗
用戶可能會從不同的設備上訪問你的網站，可能在桌面端上，筆記本電腦、平板電腦和手機上，甚至有可能在智能手錶上打開你的網站。而作為用戶體驗設計的工作目標之一，就是盡量確保無論在哪個設備上打開，都能給用戶以類似、相對一致的體驗。
如果用戶需要在手機上查看你的網站，那麼他應該能夠像在家裡的電腦上查看的時候那樣，找打所有他希望能找到的內容。
2、清晰而易用的導航設計
導航是網頁可用性的基石。如果用戶無法通過導航找到自己想要的內容，那麼無論網站設計多好，都是不達標的。所以，你的網站導航應該符合下面的特徵：
簡單（每個網站都應該具備簡單明了的結構）
清晰（導航的選項對於用戶而言應該是不言自明的）
一致（導航在各個頁面上應該都是一致的）
這樣的導航能夠讓用戶盡可能少的點擊用來抵達他們要去的頁面。
3、讓已訪問的鏈接顯示為別的色彩
每個網站當中各種鏈接都不少。為了和文本區分開來，鏈接通常色彩不一樣，如果用戶點擊之後再返回，鏈接色彩不作區分的話，用戶可能會無意中重復訪問相同的頁面。所以，讓已訪問過的鏈接顯示為其他的色彩，讓用戶更好地決定下一步點擊哪裡。
4、讓用戶更容易掃視頁面
當用戶剛剛開始打開網頁的時候，可能會傾向於快速掃視整個頁面，而非通讀所有內容。當用戶想要快速判斷出他們想要的內容在哪裡的時候，就需要快速掃視、定位。作為設計師，讓頁面的層次結構足夠清晰，才能讓用戶更清晰地快速獲取信息。如何將內容按照重要性、有層次地呈現出來，還是挺考驗網頁設計師的權衡能力的。
將屏幕標題、登錄表單、導航類目和其他的關鍵內容設置為視覺焦點，便於用戶發現。
5、仔細檢查所有鏈接
當鏈接所指向的頁面不存在的時候，用戶所打開的頁面就會自然地變為404了，而這種情況是一定會讓用戶產生沮喪的情緒的。為了避免用戶在瀏覽過程中因此對你的網站產生失望的情緒，請務必確保沒個鏈接都指向正確的頁面。
6、確保元素的視覺和功能表裡如一
許多元素的外觀特徵會呈現出它功能性的一面，這也就是我們常說的顯而易見、不言自明的設計。鏈接通常會呈現成特定的色彩，帶有下劃線，如果你的內容文本中有這么一段文字擁有這樣的特徵，用戶通常會認為它是一個鏈接。如果點擊的時候發現它無法跳轉，會讓人有「被欺騙」的感覺。用戶需要知道哪些內容是可點擊的，而哪些只是強調，設計要表裡如一。
7、不要讓你的用戶長時間等待載入
不論是面對APP還是網頁，用戶的耐心都非常之有限。有研究表明，7秒的等待幾乎是用戶的等待極限，而10秒的載入時間，只會讓絕大多數的用戶關閉頁面，再精美的載入動畫都安撫不了用戶的煩躁。所以，不要讓你的用戶等待載入，尤其是這個載入時間很長的時候。相關的應對策略很多，比如你可以採用佔位符先顯示布局，逐步載入內容，至少讓用戶知道，這個過程正在推進。
8、不要讓促銷廣告蓋住內容
現實生活中廣告已經讓人難以忍受了，如果你的網頁中廣告居然擋住了主要內容，這幾乎是逼著你的用戶生氣關閉頁面，這樣換來的廣告營收從某種意義上也是飲鴆止渴。
另外一方面，長時間的互聯網瀏覽經驗會培養出用戶的另外一種廣告應對策略：當他們看到廣告的時候會主動忽略它。這對於廣告的轉化率同樣是毀滅性的打擊，不是么？
9、避免滾動劫持
滾動劫持通常指的是開發者或者設計師為了實現新的布局、動畫或者排版，而修改了滾動的固定點甚至滾動條和體驗本身，帶來的非常規的滾動體驗。滾動劫持是最惱人的狀況之一，所以，通常而言，除非極個別的原因，盡量不要過度調整和修改用戶滾動瀏覽的體驗設計。
Mac Pro 的頁面就加入了一些令人抓狂的滾動特效，這是為了適配它的視差布局。
視頻和音頻自動播放對於用戶而言是一種失控的體驗，對於用戶也是一種刺激。這樣的設計應該謹慎使用，除非用戶對此已經有所預期。
Facebook 的視頻被設置為自動播放，但是不會出聲。只有當用戶在瀏覽視頻並且與之互動的時候，才會觸發聲音控制，外放出聲。
11、不要為了漂亮而犧牲可用性
網站和APP的界面設計的外觀不應該影響它本身的可用性。避免繁瑣的設計，為了美觀而犧牲內容的可讀性和對比性都是不能讓人接受的體驗。
12、不要使用晃眼的文本和廣告
令人晃眼的文本和廣告本身體驗不佳，它們會讓人分心，而且還會觸發體質敏感的癲癇患者發病。

9、淺析網頁設計中的五則常用設計技巧有哪些

封面設計：小即是多

當你在設計時手頭上有三張照片，你會如何處理?你會將這三張照片都用上，對吧?其實沒必要!一張照片就已經能夠使設計信息有效傳達。

記住，在設計中，小即是多。學校的塔樓已經可以傳達很多信息。簡單的居中設計，就是直接讓這張照片「說話」，然後加上文字就行了。注意在上圖中，文字的背景區域並沒有橫跨整個版面，因為我們要讓圖片由上至下都可以流動。而上圖右，學校的主色(紫色)及褐色與樹的綠色形成吸引人的視覺效果，留意這三種顏色在色輪中的位置關系，綠色及褐色是紫色的補色的鄰近色，聽起來很復雜?紫色的補色是色輪中相隔 180 度的草綠色，而草綠色的兩邊鄰近色就是綠色及褐色(留意色輪中的線條)。我們將這種顏色關系稱之為「補色分割」( Split complementary )。

排版：文字應該與圖片緊密配合

我們經常會接觸到一些與電器、高科技產品，而設計一個描述式的版面其實充滿樂趣。

版面：差別產生層次

哈欽斯大街廣場酒店( Hutchins Street Square Hotel )是舉行會議、宴會、接待及其它活動的理想場所，但如果你只是看它的這張價格宣傳單張，沒有人會覺得這家酒店有什麼優點。它的版面缺乏生氣，字里上的文字同一種字體，同一種尺寸，同一種的樣式，同一種顏色，但都迷失在白色的海洋中——雖然頁里上寫滿信息，但毫無生命力。

這種低調的設計很容易讓人忽略，但你要記住，對於酒店來說，很多顧客第一個看到的東西就是它(也可能是最後!)。還是讓我們花點時間來設計，使人瞥上一眼就能知道它要說什麼。

版面：由外到內

要使設計的內部與外部有著相同的風格需要一定的技巧。怎麼做?簡單，將封面的字體、顏色、圖片風格及主要的版式都搬到裡面去。注意各種元素的比例，如綠色的使用比例及圖片的大小。

簽名 LOGO ：

還有什麼圖案比你自己的簽名顯得更獨一無二？它完全屬於你自己。所以當你有一項業務或項目是需要你最終來確認的一個典型的例子就是公證人——那你為什麼不直接用你的名字作為一個 LOGO?

相信大家已經對網頁設計技巧有了進一步的理解了。但是，要記住，用戶才是一個網站生存下去的根本，各位網頁設計者們千萬不能只專注於網頁設計的新穎度，卻忽視了網頁的基本作用。用戶是根本，就和顧客是上帝是一個道理。