WordPress 外貿獨立站網站建設的頁面設計給瀏覽者的第一印象,通常決定著網站的可看性,那如何才能製作出一個優秀的網頁呢? 這其中需要注意到很多問題,此外,必須在某方面有獨特的創意足夠吸引多使用者。因此在 WordPress 外貿獨立站網站建設頁面設計中就不得不注意一些問題。而這些問題恰恰是至關重要的,因為其中一項未能引起足夠的重視,將直接影響整體效果,下面將講述 WordPress 外貿獨立站網站建設頁面設計該注意的問題。
1. 版面風格統一:
WordPress 外貿獨立站網站建設頁面設計為了讓瀏覽者加深對該企業、品牌的印象,且能夠簡單迅速瀏覽其他網頁,設計考量上應注意版面風格設計上的統一。
2. 放置適量的圖片,配合文字說明:
WordPress 外貿獨立站網站建設圖片雖有美觀、直接傳達訊息、營造網頁氛圍的效果,通常原始圖檔在取得時,都不會剛好等於網頁需求,圖檔太大時,傳輸及開啟網頁會過慢;圖檔太小時,會 模糊不易辨別,因此 WooCommerce 獨立站網頁設計時,都要再經過處理或裁剪,不可直接以縮放方式置入,並且每張圖最好能加上文字說明,強化瀏覽者的訊息接收。由於網頁在開啟時是逐一物件讀取,因此一個網頁上的圖片總數不宜過多,累加起來的檔案大小也有可能造成網頁開啟緩慢。
3. 畫面解析度:
目前 PC 所使用的螢幕大都採用 VGA 顯示卡,其螢幕解析度為 1024×768,所以使用 1024×768 的畫面設計大致能讓最多人在視覺觀看上正確無誤,也不需要拉動卷軸。
4. 版面的切割與文字的應用:
WordPress 外貿獨立站網站建設頁面設計版面的切割,關係到瀏覽者的使用模式與習慣,若能仔細從瀏覽者的動作模式、視覺動線思考來設計版面,可讓瀏覽者更輕易上手;在字型方面,若能善用變換字型大小、字距、行距、字型、顏色等技巧,可讓網頁內文更易閱讀,增加排版的靈活性。
5. 瀏覽器種類及版本的考量:
瀏覽器是將網頁程式碼解讀後,再呈現到瀏覽者的眼前。 IE6 對於 CSS 其實並不友善,常見 WooCommerce 獨立站網頁設計完成後,在 IE7 及 IE8 很正常,但到 IE6 上排版卻跑掉了,也曾見到 IE6 、 IE7 正常,但在 IE8 卻有問題,因此不同的瀏覽器版本也要考量。
6.CSS 製版的優點:
CSS 製版較傳統的巢狀表格而言,除了有修改容易的優點外,另外也因程式碼較簡短,能幫助搜尋引擎快速的找到網頁裡的所有資料,不會被困在巢狀表格的層層架構內,因此有搜尋引擎最佳化的需求時,應該使用 CSS 製版。
7. 小心使用 Flash:
適當的 Flash,會讓網頁看起來生動、酷炫,對於 WooCommerce 獨立站網頁設計很有幫助。但如果是全頁從按鈕到內文都是 Flash 的 WooCommerce 獨立站網頁設計,反而會讓搜尋引擎在搜尋網頁時,找不到您網頁內重要的資訊,自然就不易排至前面。因此建議 Flash 還是常來做點綴效果就好。