目前市場上網頁樣式百百種，怎麼看都大同小異，很多人想花小錢又能做到像國外水準的網頁，上網找網頁公司，大部份都跟你講幾仟元就可以幫你客製一個網頁，做到你滿意為止，但實際上還是套版，只是改一下背景顏色或圖片，真要有品質的網頁是要設計師花時間設計的，你想想看一個設計師一個月薪水要多少，還要其他的管銷，除非這個設計師一天內可以生產多個頁面，否則如何營利，開公司都是要賺錢的，不會有人做賠錢生意，所以如果預算不高，當然你得到的就是那個level的設計。現在國外有質感的網頁都採用滿版設計，例如：http://www.visionaryvanguard.org/ 視覺上有延申的效果，而台灣早期的網頁是採固定網頁設計，例如：http://www.wash-house.com.tw/，因為傳統的映像管早期量產有技術上的限制,以及軍事需求(四四方方的螢幕才能適合用在需要正圓型來定位的雷達系統), 才會被定義出4:3的規格的。
紅點幫客戶設計的方向都是以國外的水準及技術設計，以國際標準W3C配合圖片縮放功能，因為現在市場上的螢幕尺寸及比例較多，不向早期只有4:3的規格，因此配合螢幕尺寸，網頁內的圖片會依據LCD的尺寸做縮放，所以在16:9跟4:3螢幕上看到的圖片尺寸是不一樣的，紅點遇到很多客戶會問到為什麼，這些客戶都是使用早期4 : 3正正方方的螢幕，反而不能適應這種縮放所承現出來的畫面，但是網頁是放在公開的平台上讓所有人可以輕易瀏覽，而目前市場主流的LCD是以16 : 9 為大多數，而且現在LCD是越做越大，若我們還停留在早期那種固定式的做法，那麼大部份人在螢幕上看到的畫面就會變小（但實際上圖片是一樣的大小）提供一個例子給各位看，就能明白
http://demo2.homee.com.tw/bikegearwebsitetemplate2/ 這個首頁的照片是以標準W3C配合圖片縮放功能
http://demo2.homee.com.tw/bikegearwebsitetemplate3/ 這個首頁的照片是用固定式技術設計
這２個網頁你放在19吋以上寬螢幕上看，就會很明顯了解它的差別（前提是要確定你設定調試的螢幕解析度是正確的）以下是我整理網友提供的專業技術說明。
電腦螢幕是目前上班族、網路族群或是遊戲玩家每天必須面對的東西，從早期又大又胖的 CRT 螢幕到目前纖細寬窄的 LCD 或 LED 。雖然這是我們每天都會使用到的，但一般使用者卻往往都不知道正確的設定使用方法。相同解析度下，螢幕尺寸越大畫質就越差，畫面會顯的模糊暈開或感覺不夠清晰。打個比方：如果我們把一張畫數為 1024x768 的相片投影到 50 吋 4 : 3 的螢幕牆上時，畫面就會整個暈開糊掉，看不清楚。而如果改放到 15 吋 4 : 3 的螢幕上來顯示時就會很清晰。上述例子就是解析度正確與否所產生的明顯差異概念。
如果想要電腦螢幕畫質優美，要有兩個關鍵；一是顯示卡，二是螢幕解析度。而如果你是遊戲玩家或是網頁設計師，那麼除了上述條件外你還必須擁一顆強有力的 CPU 搭配高容量的記憶體以及高效能的硬碟，最重要的條件是：「口袋要夠深。」，主要原因是目前的電腦作業系統已經進化到能自動判讀硬體設備的能力，而硬體的安裝設定幾乎都在安裝作業系統時一併完成。
而如果使用者要自行設定合適的螢幕解析度時該如何處理？要正確的設定調試的螢幕解析度，就必須先知道顯示器的尺寸，螢幕大小指的是螢幕對角線的長度，單位為英吋。以筆電來作說明，實際測量筆者筆電螢幕尺寸為 39 公分，除以每英吋為 2.54 公分，得到 15.4 吋。再測量螢幕長度與寬度各為：33.2 與 20.7 公分，兩者約分得 16 : 10 。因此筆者筆電螢幕尺寸 15.4 吋 (16 : 10 )。如上述顯示器尺寸中的 16 : 10 指的是螢幕的長寬比例，而這就是解析度的關鍵值。您的顯示卡螢幕解析度設定值必須與這個比例值相吻合，這樣螢幕才能正常顯示，也才不會產生變扁、變寬或是黑邊的現象。
目前常見的電腦螢幕比例大約有三種：4 : 3、16 : 10 和 16 : 9 , 至於 5 : 4 一般使用者較少見就不說了。
[ 4 : 3 ] : 目前已經很少見，但努力的找還是買的到，常規解析度40 x 480、800 x 600、1024 x 768 及 1280 x 1024。
[ 16 : 10 ] : 之前廠商宣稱的黃金比例，但目前已黯然退出市場主流。常規解析度（寬螢幕） 800 x 480、960 x 600、1280 x 800、1680 x 1050、1920 x 1200。
[ 16 : 9 ] : 偷偷的成為目前市場主流。（符合成本與人體工學之陰謀論），常規解析度（寬螢幕） 1280 x 720、1366 x 768、1600 x 900 或 1920 x 1080。
上述所說的是常規解析度，別以為看到 16 : 9 有 1920 x 1080 的解析度就手癢想來調高自己螢幕解析度 ! 這還要看的您的螢幕及顯示卡是否支援，如果不支援的話，那就往下一階，設定成 1600 x 900 ，再不行就在再往下一階設定成 1366 x 768 ，以此類推。反之，依照螢幕比例用力的將解析度調到顯示卡及螢幕支援的最高解析度為止。這樣您就可以擁有清楚細緻的螢幕畫面囉。而筆電顯示器只支援到最高 1280 x 800 之解析度，所以自然就無法就無法體驗更高解析度的畫質了。
目前台灣市場上看到的網頁樣式，大致有以下幾種：
一、骨骼型
骨骼型是一種規範的理性的分割方法。常見的骨骼有豎向通欄、雙欄、三欄、四欄和橫向通欄、雙欄、三欄和四欄等。一般以豎向分欄為多。在圖片和文字的編排上則嚴格按照骨骼比例進行編排配置，給人以嚴謹、和諧、理性的美。骨骼經過相互混合後的版式，既理性、條理，又活潑而具彈性。
二、滿版型
版面以圖像充滿整版，主要以圖像為訴求，視覺傳達直觀而強烈。文字的配置壓置在上下、左右或中部的圖像上。滿版型給人以大方、舒展的感覺，是商品廣告常用的形式。
三、上下分割型
把整個版面分為上下兩個部分，在上半部或下半部配置圖片，另一部分則配置文案。配置有圖片的部分感性而有活力，而文案部分則理性而靜止。上下部配置的圖片可以是一幅或多幅。
四、左右分割型
把整個版面分割為左右兩個部分，分別在左或右配置文案。當左右兩部分形成強弱對比時，則造成視覺心理的不平衡。這僅僅是視覺習慣上的問題，也自然不如上下分割的視覺流程自然。不過，倘若將分割線虛化處理，或用文字進行左右重複或穿插，左右圖文則變得自然和諧。
五、中軸型
將圖形做水平或垂直方向的排列，文案以上下或左右配置。水平排列的版面給人穩定、安靜、和平與含蓄之感。垂直排列的版面給人強烈的動感。
六、曲線型
圖片或文字在版面結構上作曲線的編排構成，產生節奏和韻律。
七、傾斜型
版面主體形象或多幅圖版做傾斜編排，造成版面強烈的動感和不穩定因素，引人注目。
八、對稱型
對稱的版式給人穩定、莊重理性的感覺。對稱有絕對對稱和相對對稱。一般多採用相對對稱。以避免過於嚴謹。對稱一般以左右對稱居多。
九、中心型
重心有三種楷念。1、直接以獨立而輪廓分明的形象佔據版面中心。2、向心：視覺元素向版面中心聚攏的運動。3、離心：猶如將石子投入水中，產生一圈圈向外擴散的弧線運動。重心型版式產生視覺焦點，使強烈而突出。
十、三角形
在圓形、四方形、三角形等基本形態中，正三角形（金字塔形）是最具安全穩定因素的形態，而圓形和倒三角形則給人以動感和不穩定感。
十一、並置形
將相同或不同的圖片作大小相同而位置不同的重複排列。並置構成的版面有比較、說解的意味，給予原本複雜喧囂的版面以次序、安靜、調和與節奏感。
十二、自由型
自由行結構是無規律的、隨意的編排構成，有活潑、輕快之感。
十三、四角型
指在版面四角以及連接四角的對角線結構上編排的圖形。這種結構的版面，給人以嚴謹，規範的感覺。
網頁設計 、SEO優化、關鍵字廣告、網路行銷、企業架站
