24小時查詢服務熱線
香港網頁集團
  • 公司概覽 
    • 概覽 
    • 客戶群組 
    • 職位空缺 
  • 網頁設計 
    • 網頁設計 
    • 人才外判計劃 
  • 網絡行銷 
    • SEO搜尋引擎優化 
    • SEM搜尋引擎行銷 
    • 社交網絡推廣策略及推廣 
    • EDM 電郵宣傳策略及設計 
  • 政府資助 
    • BUD專項基金(BUD Fund) 
    • EMF中小企業市場推廣基金 
    • TVP科技券計劃 
  • 作品展示 
  • 最新資訊 
    • 網頁設計 
    • 網上推廣 
    • APP開發 
  • 聯絡我們 
  • sitemap 
Home » 怎麼樣確定網站設計的版面大小?
  • 近期文章

    • 如何挑選和購買好的網域?開啓網站維護征程的關鍵一步
    • 網站維護的主要工作有哪些?讓網站持續吸引流量
    • 8種超簡單的平面設計技巧!讓品牌海報從「能看」升級為「吸睛」
    • 商城設計秘籍:解密產品列表頁設計的五大黃金技巧
    • 【網絡推廣核心邏輯】三大實戰策略突破Meta廣告的「創意疲勞」瓶頸
  • 網上推廣

    • 網站維護的主要工作有哪些?讓網站持續吸引流量
    • 【網絡推廣核心邏輯】三大實戰策略突破Meta廣告的「創意疲勞」瓶頸
    • 提速網站FCP分數:全面攻略助你搶佔香港SEO先機
    • 精準流量變現的關鍵:香港企業如何利用SEO提升會員轉化率?
    • SEO公司緊急警報:網站流量突然暴增?小心黑帽SEO植入
  • 網頁設計

    • 如何挑選和購買好的網域?開啓網站維護征程的關鍵一步
    • 8種超簡單的平面設計技巧!讓品牌海報從「能看」升級為「吸睛」
    • 商城設計秘籍:解密產品列表頁設計的五大黃金技巧
    • 網頁設計中最基礎的配色技巧 讓網頁在色彩海洋中脱穎而出
    • 平面設計秘訣:5招讓視覺畫面脱穎而出
  • APP開發

    • APP設計技巧:如何利用重疊設計來增加APP的魅力
    • UX設計技巧:如何做好APP的BAR設計?提升整體APP的用戶體驗
    • APP設計策略:如何將信息對比應用APP設計中,以提高用戶體驗?
    • UI設計指南:底部彈出框需要重視哪些設計原則
    • Headspace APP設計案例分析:APP設計實踐中需運用哪些UX設計定律

怎麼樣確定網站設計的版面大小?

分類: 最新資訊 日期: 2015-10-09

在瀏覽範例網站的時候,客戶往往專注於版面設計及特效設計的要求,而忽略了版面大小的實際認知。

設計網站的時候總會碰到網頁寬度的問題,客戶們認為現在的筆記型電腦和桌上型電腦的螢幕都越做越大,螢幕解析度也越來越高,所以總希望網頁寬度可以做寬一點,這樣可以塞下更多的更多的注意事項、最新消息、熱門文章等等等等等的內容,最後自己的網站就不小心變成Yahoo首頁了……

但請留意,最佳尺寸標準是以大部分用戶的瀏覽器尺寸為主,如1024X768台式電腦﹑1280X800或1440X900或1680X1050手提電腦。但這並非代表網站能以這個範圍內自動調整,這是由於以全螢幕(FULL SCREEN)為發展的網站編碼CODING需要進階網頁設計服務,因此我們會先為客戶選擇一個適合大部分電腦觀看的固定最佳尺寸作開始。

曾有客戶以自己常用的電腦螢幕作為觀看指標,如2560X1600以上的大螢幕,因此會質疑網站尺寸過少等問題。我們可因應客戶需要調整為客戶的最佳尺寸,但同時我們會提醒客戶在其他一般使用者觀看的時候則會出現過大的問題,並會附上其餘不同的螢幕CAPTURE圖片作參考。

1.主流的頁面寬度是1000px

早些年電腦最普及的解析度是1024*768,之後被1280*1024所取代(也是目前最多人使用的解析度),目前也有許多人使用1440寬度或1920寬度的解析度,因為螢幕的解析度尺寸越來越多了,也會讓客戶產生要以大尺寸來滿足讀者的錯覺,其實目前的主流網頁寬度還是以1000px為主,並不會隨著螢幕市場的主流越來越大而有太大的變更。

2.不建議寬度太大的原因

(1)網站的內容不是只有內文

一般人在確認網站寬度時只會計算內文的部分,偏偏現在很多網頁旁邊或有臉書的社群按鈕或其他的分享按鈕等等隨著視窗滑動的按鈕,這些都是在網站寬度以外的範圍。

(2)讀者不喜歡太寬的閱讀動線

頁面如果太寬,也代表每一行文章的段落長度會非常的長,對讀者來說這是一個非常痛苦的眼睛凌遲,這一點是許多使用者後知後覺的痛。

(3)太大的圖片會讓版面壅擠

有些使用者要求寬版面的目的就是為了放夠大張的照片,除非你的照片真的美麗到讓人窒息,不然太大張的照片會讓讀者有一種妨礙觀瞻的感覺,而且太大張的照片也會讓人有一種壓迫感。

(4)內容不夠豐富的時候

如果你的內容不夠豐富,因為寬度的關係也會讓本來有20行文字轉變成只有10-15行,在視覺上會讓人有一種網站沒什麼內容的錯覺。

(5)內文排版容易不協調

現在的網站內容除了塞文章和圖片,也會塞入很多相關的功能,例如留言、社群按鈕、相關文章、熱門文章、廣告等等,並不是每一個功能都可以跟內文的寬度一樣寬,太寬的內容排版有時候會造成彼此之間的設計不協調。

除非你是活動類型網站或視覺為主的網站,不然不建議做太過於寬版的網頁設計,也不要認為客戶都是大螢幕不太會在意寬版的問題,畢竟網頁設計不是只給客戶自己孤芳自賞用的,而是要讓絕大多數的讀者可以輕鬆閱讀。

Share This Post!

Subscribe to our RSS feed. Tweet this! StumbleUpon Reddit Digg This! Bookmark on Delicious Share on Facebook
訂閱電子報 公司最新資訊 Inspirr咨詢熱線
公司最新資訊
Inspirr咨詢熱線
公司最新資訊
Inspirr咨詢熱線
    • 網頁設計
    • 平面設計
    • 網上推廣
    • 程式開發
    Inspirr網頁設計香港
    公司資訊
    概覽
    職位空缺
    服務範圍
    網站設計流程
    SEO網站優化
    手機程式開發
    平面設計
    作品案例
    網頁設計案例
    手機程式案例
    多媒體設計案例
    平面商業設計案例
    聯繫我們
    • inspirr Facebook
    • inspirr vimeo
    • inspirr blog
    • 雅虎認證官網
    • 新浪微博認證

    Inspirr網頁設計公司專業設計網站

    網頁設計、網上商店、編寫程序、網上顧問、網上廣告、網上行銷等。我們擁有優秀專業的團隊,獨特的網頁設計功能,Web Design等技術,秉持網上商店品質、創新、服務的經營理念,集合設計、科技及網上推廣的元素。

    inspirr地址

    香港上環德輔道中248號東協商業大廈6樓601室

    Inspirr聯繫電話

    (852) 3749 9734

    Inspirr郵箱

    Copyright @ 2023 Inspirr Creation. All rights reserved.

    友情鏈接: 香港網頁設計 公司網站管理