如果要在網頁中使用圖片，那越大越好。人們更傾向于查看那些能夠清楚地看到細節和獲取信息的圖像。下面介紹設計淘寶網頁的要素，希望可以為您帶來幫助。

1.將廣告放置與最佳內容一旁也可以提升注意力。

如果想要提升廣告的可視性和點擊率，可以將其設置于最能引起人興趣的內容一旁，整合進網頁的設計里。這樣，用戶既可以找到所需的內容，你也能提升廣告的效益。

2.在各種測試中，人們閱讀文字廣告最為專心。

正如上面提到的，一般的互聯網用戶不會花費太多時間用于查看那些一眼就能看出是廣告的內容。這就是文字廣告表現出眾的原因。他們并沒有分散注意力，而是與網頁的其它部分內容融為一體，這讓他們減少了對讀者的視覺刺激，也使這一廣告形式獲得成功的閱讀率。

3.越大的圖像吸引越多的注意力。

如果要在網頁中使用圖片，那越大越好。人們更傾向于查看那些能夠清楚地看到細節和獲取信息的圖像。要保證你所用的圖片與文章內容相關，否則它更容易被忽視。大多數讀者都擁有高速的連接速度，所以請放心在你的網站上使用那些較大體積的圖片。

4.干凈、清晰的特寫圖片能吸引更多的視覺注意。

可能那些抽象的藝術圖片會讓你的網站看起來很有味道，但是他們并不會吸引多少讀者的注意力。如果你需要使用到這些圖片，請確保所用圖片的清晰以及其表達內容的簡單可讀性。必須注意的是，那些與真實的“人”相關的圖片比所謂的模特圖片更為“優秀”。

5.標題能吸引眼球。

瀏覽網頁時，讀者能發現的第一內容是標題。確保網頁的所有相關鏈接暢通和有效，以讓讀者順利的通過網站進一步搜索。

我們自己在設計詳情頁頁面的時候，一定要注意頁面設計的基礎三原則：

基本原則一：信息圖像化，文字是循序漸進的處理，同時能被記住的只有20，而圖片同步被大腦處理能記住的是100，所以詳情頁面的描述應盡可能地圖像化。

基本原則二：高效表達，表達要清晰有條理，簡單直接。不要影響到頁面打開速度。頁面載入時間過長，會影響銷量。

基本原則三：要掌握客戶最關心的點你所認為客戶最關心的地方，往往并不是客戶最關心的;不同的產品客戶所需求、所關注的地方不同，不同的產品顧客關注的地方也是各不相同。

了解了設計的基礎原則之后，我們一起來看看：一個頁面如何從抓住眼球到最終成交的邏輯，讓頁面深入人心，讓頁面可以幫助你說服你的消費者。

吸引顧客 留住顧客

客戶的需求：產品獨特的賣點(與別人的產品不同的地方，產品優勢)、活動價格優惠、不同的服務(購買產品能得到什么享受、服務)、痛點(解決問題煩惱)等。

比如說，服裝類的產品顧客可能關注的是衣服的款式，模特穿著的樣子，衣服的尺寸以及衣服的尺碼，模特的身材體重以及他穿著的衣服的大小碼對比。這樣才能得出來自己穿起來是什么樣子。

而功能性產品比如說保健品之類的，顧客關注的就是本件產品到底有什么功能。你的產品肯定要一個突出點，比方說緩解疲勞。需要打出來一點吸引人的地方，你的產品與別人的為何不同，優勢在于哪里。這里主要可以分為：近期熱點事件、網絡流行、新概念、主題氛圍、生活主張、實際利益、好奇心、品牌的嫁接、新品上市、產品創意、強視覺、名人效益、限時限量等。

⒈導航清晰，標題具有可讀性

在設計頁面時，要做一個層次分明的導航條，盡量使用戶知道自己所處的位置，同時，鏈接層次不要太多，盡量使用戶能夠用較短的時間找到所需的資料。一個網站的內容主題要突出、明了，尤其是大段文字的使用，必須要易于用戶閱讀，在文字的安排上除了可以采用橫向分欄之外，也可將頁面縱向分割，或利用標題和副標題將文檔分段。為所有標題和副標題設置同一字體，并將標題字體加大一號，所有標題和副標題都采用粗體，這樣便于識別標題和副標題，使用戶一眼就可以看到要點，以便找出并繼續閱讀有興趣的內容4]。另外，也可以將整句采用不同的顏色或用粗體突出主要內容，字體的選擇上要和主題風格相統一，字體和背景的顏色要能區別開，以便于識別。

⒉風格統一，色彩和諧，重點突出

網站中各個頁面要保持統一風格，不要在不同的網頁中使用不同的主題風格，風格統一有助于加深用戶對網站的印象。要實現風格的統一，不一定要把每個欄目做得一模一樣。例如，用戶可以嘗試讓導航條樣式統一，各個欄目采用不同的色彩搭配，在保持風格統一的同時再為網站增加一些變化。在網頁設計中，根據和諧、均衡和重點突出的原則，將不同的色彩進行組合、搭配來構成美觀的頁面。從設計的技法上來說，重點突出某個色彩因素，可以打破整體色調的單調和沉悶，再將一部分的色彩施以強烈醒目的色彩，能使畫面產生凝聚力和一張一弛的表現力，從而刺激視覺引起興趣，產生生動的色彩形象感。在具體設計中，要注意重點色的作用，需要應用巧妙而不能過度，到處重點就無所謂強調重點了，其結果只能導致整體的混亂。

⒊界面清爽，設計避免“一般化”

頁面設計整潔、清爽有著不可忽視的作用，它是進行藝術表現的重要手段。設計者要吸引用戶長時間停留在你的網站，千萬不能讓用戶第一眼就感覺壓抑。大量的文字內容要使用和諧的背景色，前景文字和背景之間要對比鮮明。如果背景含有圖像，對比度要弱些，可把背景圖片透明度適當降低，這樣用戶瀏覽時眼睛才不至于疲勞。設計中要把強調、突出、給人強烈印象的構成要素的周圍留下空白，就能擴大和提高視覺效果，同時利于視線流動，破處沉悶感，著意處理的空白，能留下藝術想象的天地，增強畫面的靈性與氣韻。

(一)視覺順序

視覺流程的形成是由人類的視覺特性所決定的。心理學的研究表明，在一個平面上，上半部讓人輕松和自在，下半部則讓人穩定和壓抑。同樣，平面的左半部讓人輕松和自在，右半部讓人穩定和壓抑。所以平面的視覺影響力上方強于下方，左側強于右側。這樣平面的上部和中上部被稱為“最佳視域”，也就是最優選的地方。

在網頁的編輯設計中，視覺導向是一個要點，網頁的設計是一種創造，首先要立足信息的傳達，但又要符合人們較為普遍的思維習慣，做到視覺流程自然、合理、暢快。成功的視覺流程安排，能使網頁上的各種信息要素在一定空間內合理分布，能使頁面上各信息要素的位置、間隙、大小保持一定的節奏感和美感。

(二)界面布局原則

平衡原則。注意屏幕上下左右平衡。不要堆擠數據，過分擁擠的顯示也會產生視覺疲和接收錯誤。

預期原則。屏幕上所有對象，如窗口、按鈕、菜單等處理應一致化，使對象的動作可預期。

經濟原則。即在提供足夠的信息量的同時還要注意簡明，清昕。特別是媒體，要運用好媒體選擇原則。

順序原則。對象顯示的順序應依需要排列。通常應最先出現對話，然后通過對話將系統分段實現。

規則化。畫面應對稱，顯示命令、對話及提示行在一個應用系統的設計中盡量統一規范。