寬屏如何設計網頁 參看大公司是如何做的

2022-10-03 12:36:12 字數 1716 閱讀 9107

白鴉等同學,作為設計師,都在研究,到底多寬的螢幕適合於閱讀。研究來研究去,他們認為,設計頁面的人,首先應該考慮到,很多同學眼珠子沒這麼寬,必須限定為650-800寬度。也就是說,太寬了,就費眼睛,閱讀速度也慢了,易用性就降低了(當然,這也是很多老外研究的結論,白鴉他們只是作為傳道者,給大家傳道而已)。還有,白鴉同學也說了,有1680或1920寬度的顯示器,在看網頁時,最好不要全屏,這樣簡直是自己折磨自己。

說起來都挺好聽的,自然也是很有科學道理。但,到底網頁要不要搞得限定寬度,讓人在寬屏時,閱讀只看到左側一半的寬度,扭著脖子看左側資訊,而忽略甚至費勁地再看右側的資訊?最近的safari瀏覽器最受人詬病的就是上面的 tab的close button的設計。隔得太寬,每次都要費勁用滑鼠點選那小叉叉,簡直是對人的折磨。

我也知道,更短的連續文字更適合於一目十行,但實際上,純文字閱讀並非網頁設計首先要考慮的問題。到底設計多寬螢幕,實際上是需要更多考慮的問題。現在的瀏覽器多數都支援無級縮放,在用大螢幕的時候,可以繼續考慮滿屏設計,只需要用瀏覽器的縮放,基本就能解決問題。放大兩倍後,650的畫素所佔位置大概是1300,離螢幕遠一些,看起來也沒多費勁。設計師的首要目標,一是可能要考慮前幾年適合不同瀏覽器自動調節css的做法,另乙個是要培養使用者使用無級縮放的習慣。

02年yahoo改版的時候,就在考慮800和未來的主流1024之間如何平衡的問題。考慮到瀏覽器字型程式設計客棧縮放的技術,滿屏也不是那麼令人可憎。相反,不要過多地考慮留空白,滿屏後,起碼可以讓閱讀者更加自如地控制字型大小,閱讀的舒適度,交回給使用者。

否則,以設計師為主導的設計方法,免不了又要進入新浪彈出視窗的悖論:新浪的習慣是彈出新視窗,結果新上網的使用者習xerkumobq慣了彈出新視窗。結果,不用彈出新視窗的,似乎就不符合標準。既然大家都喜歡彈出新視窗,_blank的應用就無處不在。瀏覽器的tab的功能也成為衡量乙個瀏覽器是否已用的標準。滑鼠中鍵點選也成為標準。相反瀏覽器的標準後退按鈕和後退操作,反而慢慢失去了作用。

回到問題上來,到底要設計多寬的網頁?我的認為是:全屏是最佳選擇。要努力的是瀏覽器的適應能力,要改變的是使用者的瀏覽習慣。

對於螢幕寬度的例子,以下幾個企業各自的選擇很有代表性

滿屏的習慣代表,字型的無級縮放,使其更易讀,oracle基本也是寬屏到底。

結合滿屏和固定寬度的做法的代表。首頁固定寬度,防止頁面結構錯亂,內部閱讀頁,滿屏。導航和相關鏈結,置於螢幕的左上和右上位置。類似的有程式設計客棧ebay的做法,直到最終頁面,前面都是用**來固定寬度,防止頁面錯亂,最後產品頁則全屏。google最早偏向於全屏處理文字的展示,但最近卻也靠近折中做法,頁面搜尋結果也限定寬度,其他地方全屏。但搜尋結果頁搜尋結果區域的固定寬度,是為了防止cache和類似網頁以及comment等幾個功能不要和要點選的搜尋結果拉得太開,不得已的設計。gmail和reader等,依然是全屏設計。

http://w程式設計客棧ww.ibm.com/ 固定寬度的典型代表,在1024已經成主流的1年時間裡,ibm固定是800畫素設計首頁。後來逐步改到適合1024螢幕的寬度。而且特別喜歡用**區分。

sun,apple,和ibm基本也類似,都跟nngroup的jakob nielsen脫不了干係。但nielesn的很多的理論,也用於microsoft等折中的企業身上。可以去useit.com和nngroup.com看他們到底怎麼做。沒有乙個固定的說法。

作為內容為主的閱讀型**,我最喜歡nytimes和msnbc的設計。但有一些設計理論可能會覺得這兩個**稍顯花哨。

本文標題: 寬屏如何設計網頁 參看大公司是如何做的

本文位址: /news/exp/24293.html

設計網頁文字內容

標題文字標記 共有6種,字型大小從大到小。標題文字的對齊方式 align 有3種 left,center,right。設定文字格式 設定文字字型 face 應用了該字型的文字 設定字型大小 size 1 7或 1 7或 1 7。設定文字顏色 color 粗體 斜體 下劃線 strong 或b em ...

SiteMesh,設計網頁架構

sitemesh通過decorator的設計模式,十分利索地達到了目的。其設計思想是,使用者傳送request至伺服器,伺服器根據此request生成動態資料,生成網頁,準備返回給客戶端。就在返回前,sitemesh進行攔截,對此網頁進行解析,將title body等部分拆解出來,套上模板後,再返回...

使用HTML設計網頁

html doctype html 詩集body center 那一天 倉央嘉措 龍澤索南 那一天.type 那一天,閉目在經殿香霧中,驀然聽見,你誦經中的真言 那一月,我搖動所有的經筒,不為超度,只為觸 的指尖 那一年,磕長頭匍匐在山路,不為覲見,只為貼著你的溫暖 那一世,轉山轉水轉佛塔啊,不為修...