技術(shù)資訊
讓閱讀更流暢
2009-04-07 08:24:00
有價(jià)值的爭論會(huì)帶來思考，網(wǎng)站頁面的寬度究竟如何設(shè)定？一個(gè)咖啡館博客如何設(shè)計(jì)引起的爭論。
用戶的屏幕
現(xiàn)在的屏幕趨勢很可能會(huì)出現(xiàn)兩極分化，一種是追求大屏幕，跟當(dāng)初電視機(jī)一樣，現(xiàn)在去中關(guān)村，24寸都成為主賣產(chǎn)品了。另一種趨勢是小和便攜，尺寸會(huì)越來越小，目前的上網(wǎng)本，大多還是保持了1024的寬度。以后，誰知道呢？
顯然，設(shè)計(jì)需要應(yīng)需而變。
閱讀寬度的尺寸和單位
1 用百分比顯然不利于各種分辨率的屏幕，這個(gè)理由千鳥說得很明白。
2 最適合的寬度是650px？google是那么認(rèn)為，從reader可以看出來，width和line-height其實(shí)都是為英文的最佳閱讀設(shè)計(jì)的，具體中文最佳閱讀寬度是多少？這個(gè)當(dāng)初我在做在線閱讀器就研究過，關(guān)于寬度，我也沒有很好的結(jié)論，但是應(yīng)該比650窄一些才對，這個(gè)根據(jù)字?jǐn)?shù)可以推斷：英文一行的單詞比較中文字少，寬一點(diǎn)會(huì)流暢。所以我給自己blog設(shè)置成600px。
頁面留白的問題
這個(gè)應(yīng)該是大家炮轟ucd大社區(qū)頁面設(shè)計(jì)的問題。確實(shí)有很多朋友跟我反饋了幾個(gè)問題：
1 沒有發(fā)現(xiàn)右側(cè)的最新話題
2 單個(gè)話題頁面沒有發(fā)現(xiàn)“我來參與”的操作。
白鴉在這個(gè)問題爭論的后期，語氣顯然軟了下來，認(rèn)為首頁是為了和整站寬度一致的考慮。
大社區(qū)其實(shí)主要是讓人來閱讀的，除首頁之外的設(shè)計(jì)，中間的留白我認(rèn)為是合理的，也是最優(yōu)的。這個(gè)寬度足以讓你忽略右側(cè)的信息專心閱讀左側(cè)內(nèi)容。
如果左欄信息的重要程度是9，右欄是1，那么留白是好事。如果沒有那么懸殊，就得另外考慮了。
最近在改自己的wp皮膚，主要改進(jìn)一下原來冗余的css以及布局結(jié)構(gòu)上的不合理。
原文：http://uitony.com/?p=85
近期更新
- [2023-07-26 14:17:28] 為品牌賦能，海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁面設(shè)計(jì)開發(fā)——移動(dòng)端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項(xiàng)目
- [2021-03-05 10:34:45] 移動(dòng)互聯(lián)時(shí)代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢？為什么要開發(fā)微信小程序？
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2020-12-16 16:55:32] 建設(shè)一個(gè)常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少？
延伸閱讀
- [2009-04-07 08:23:00] 寬屏不是用來閱讀的
- [2009-04-07 09:42:00] 到底要設(shè)計(jì)多寬的網(wǎng)頁？
- [2013-12-26 21:50:21] 寬屏網(wǎng)頁設(shè)計(jì)趨勢與分析
- [2009-04-07 08:22:00] 寬屏幕下的Web設(shè)計(jì)
- [2009-04-08 08:51:00] 寬屏顯示下的網(wǎng)站網(wǎng)頁寬度
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
蘋果系統(tǒng) 交互設(shè)計(jì) 手機(jī)網(wǎng)站 IT資訊 SEO優(yōu)化 青島網(wǎng)站建設(shè)基礎(chǔ)知識(shí) 搜索引擎 青島IT資訊 青島網(wǎng)站案例 中小型企業(yè)網(wǎng)站建設(shè) 青島開發(fā)區(qū)建站公司 網(wǎng)站制作 網(wǎng)站開發(fā) 網(wǎng)站的速度 空白和簡潔的設(shè)計(jì) 色彩心理學(xué) 集團(tuán)官網(wǎng) 搜索引擎蜘蛛 青島高端網(wǎng)站建設(shè)公司哪家好 GOOGLE 網(wǎng)站品牌 青島抖音小程序開發(fā) 網(wǎng)站設(shè)計(jì)資訊 插畫 外貿(mào)網(wǎng)站建設(shè) 網(wǎng)站動(dòng)畫 青島高端網(wǎng)站建設(shè) robots 微官網(wǎng)帶來的好處 外貿(mào)網(wǎng)站設(shè)計(jì)
