Web pages with readable text will generate more sales than fancy pages that are hard to read. Follow these design tips. Not only will your web pages be easier to read, but you'll keep potential buyers at your site and position yourself to increase sales.


Keep Pages Short -- Especially Your Home Page


- Put important content at the top of your pages so it's visible on the screen. Users may not scroll through lengthy pages. - In general, limit the length of a web page to two screens. - Split up long pages into several pages.


布局 (Layout)

- Use left aligned text rather than justified text. - Write short paragraphs (4-5 lines). - Indent paragraphs in sales letters. - Limit the width of your web pages to fit your visitors' monitors. Your visitors don't want to scroll left to right to see your content. - Keep the look, layout, navigation, typefaces, and colors consistent on all pages.


分割內容 (Break up Copy)

- Avoid long pages of text. - Break up text with white space, color, columns, lines, bars, and graphics. - Break up copy into easy-to-read sections - Use subheadings and bulleted lists to highlight benefits.


顏色 (Color and Contrast)

- Use color sparingly. Too much color can be distracting. - Select a background color that contrasts with the text color. - Avoid blue backgrounds when using blue links (the standard link color). - Avoid dark backgrounds. Dark text on a light background is easy to read. - Avoid text on multi-colored background images. Most background images will decrease the readability of your text. - Use web-friendly colors. Colors that look bright on your monitor may appear dark on someone else's and make your message unreadable.


排版 (Typography)

- Avoid small type, reverse type (white text on dark background), and italics. - Avoid using UPPER CASE in your body copy. - Limit the number of fonts in a web site to a maximum of three. - Use a type size that is geared to your target audience. For instance, use larger type for older readers. - Emphasize important words, headlines, and sentences by using color, bold, and different text sizes. But do so sparingly. Too much bold or color reduces the impact. - Avoid underlining. Readers might think your underlined words or sentences are links. - Use standard fonts such as Arial, Times New Roman, and Verdana. If you're using fonts your viewers don't have on their computers, their browsers will show substitute fonts and your web pages can look totally different on visitors' computers than how you intended them to look. - Avoid special characters like curly quotes, curly apostrophes, n- dashes, and
m-dashes. These characters may convert into bogus characters in web sites.

避免使用小字型、色彩逆轉字型(深色背景、白色文本)、斜體字;本文中,避免使用大寫字母;網站中字型數量限制在3種以內;字型大小能夠適應目標受眾的需要,比如說,為老年使用者設計較大的字型大小;利用顏色、粗體字、不同的文本尺寸、突出關鍵詞、重要標題、重要語句,但如果顏色或者粗體內容太多,效果就會大大降低;避免使用底線,使用者會誤以為下滑線內容可以進行連結;運用標準字型,例如:Arial、 Times New Roman、Verdana,如果利用使用者電腦中沒有設定的字型,使用者瀏覽器會使用其它字型進行替換,這樣使用者電腦中顯示的網站外觀會與此前設計的外觀大相徑庭;避免使用引號、省略符號、n- dashes(與字母“n”同寬的破折號,例如6-10 years)、m-dashes(與“m”同寬的破折號,例如computer——but),這些特徵會使網站內容看似帶有虛假性。

映像與圖片 (Images and Graphics)

- Use images and graphics that support your sales message. - Keep animation, blinking text, and scrolling text to a minimum. They distract the reader from focusing on your text.


檢驗網頁 (Check Your Pages)

Web pages may look different on your visitors' computers, depending on their computer, monitor, browser, and fonts. What may look great on one browser may look unprofessional on another. View your web pages with different browsers, computers, platforms (PC and Mac), screen resolutions, and settings. Statistics indicate that visitors use a wide variety of browsers and platforms.

電腦、顯示器、瀏覽器以及字型,都會影響網站外觀,這個瀏覽器中精美的網站外觀可能在另外一個瀏覽器中會顯得業餘。在不同瀏覽器、電腦、平台(PC 與Mac)、螢幕解析度、電腦設定下,檢測網頁呈現效果。統計顯示:訪問者利用的瀏覽器與平台多種多樣。

If you're not experienced with web design, hire a professional web designer to design your web pages and convey a professional look.


Keep visitors, prospects, and buyers at your site with easy-to-read, interesting content. An easy-to-read, professional web site can maximize your sales. Apply these techniques now.



E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >



如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。