技術(shù)資訊
文章中插入圖片的用戶體驗(yàn)
2008-12-07 22:59:00
一直以來在寫博文的時(shí)候,都沒有去考慮圖片是應(yīng)該放在左邊還是放在右邊的問題,今天在確定博客風(fēng)格的時(shí)候,為了風(fēng)格的統(tǒng)一性,我要在新博客的一開始就確定如何放置圖片。
本博客使用都是WordPress的平臺(tái),在插入圖片的時(shí)候,系統(tǒng)會(huì)提示圖片放置的格式,我想最常用的就是四種了:居中,靠左,靠右,默認(rèn)。 居中的意思就是圖片在文章中間,兩邊環(huán)繞文字;靠左是圖片在文章左邊;靠右就是圖片在文字的右邊;而默認(rèn),就是不環(huán)繞,圖片單獨(dú)站一段落空間。那到底該選用那種風(fēng)格呢?也許你會(huì)想隨意吧,看當(dāng)時(shí)心情,放哪邊覺得舒服就放哪邊,其實(shí)不然。在網(wǎng)站風(fēng)格確立的時(shí)候,你就要確定好,你如何放置圖片,是選擇alignright,還是alignleft,抑或是aligncenter。
圖片位置的放置和整個(gè)網(wǎng)站(博客)的風(fēng)格有關(guān),和其整體布局有關(guān),這里不討論這個(gè)因素,單單從用戶體驗(yàn)的角度來談一下到底該如何放置圖片。而放置圖片就要考慮圖片的尺寸問題,如果是寬度和文章寬度一樣的圖片,那就不需要討論了,因?yàn)槟阆氕h(huán)繞也環(huán)繞不了,我想說的就是豆腐塊大小的圖片,該如何放置,尤其是在首頁中顯示摘要的時(shí)候,該如何處理。以下針對(duì)本站的一篇文章來具體分析,放置在左邊和右邊的視覺效果,放在中間的個(gè)人認(rèn)為比較丑,所以不在舉例,也不再考慮范圍內(nèi)。
按照現(xiàn)代中國人的習(xí)慣,讀一段文字我們是從左到右邊,從上到下。根據(jù)這個(gè)原理,當(dāng)你把圖片放置在左邊的時(shí)候,你就在告訴你的讀者,你突出的重點(diǎn)是圖片,你想讓你的讀者第一眼看到的圖片,甚至是多看圖片幾眼,圖片本身就比文字吸引眼球,讀者在打開你的網(wǎng)頁的時(shí)候,最先看到的是你的圖片,是你的圖片激起他閱讀你文字的興趣,但是當(dāng)他開始閱讀的時(shí)候,他要關(guān)注的就不在是圖片了,而是看你寫了什么。而gbate認(rèn)為,如果你放置圖片在左邊,你的讀者的眼睛在換行的時(shí)候,總要先看到圖片,而這個(gè)圖片此時(shí)已經(jīng)不是他要關(guān)注的重點(diǎn)了,這種情況下勢(shì)必會(huì)影響閱讀,只是這種影響是不容易覺察的,是讓人不好說出來的。而當(dāng)你把圖片放置在文字右邊的時(shí)候,當(dāng)讀者看到行尾的時(shí)候,他就知道要換行了。根據(jù)人的習(xí)慣,在讀文章的時(shí)候,人更在乎的是找到開始,而不是關(guān)注結(jié)束。
就拿我來說,我度文字的時(shí)候,我想知道我該從哪里開始,從哪個(gè)文字開始,因?yàn)槲覍?duì)我要讀的文字一無所知,我迫切知道我要從哪里開始讀下去,但當(dāng)我讀到行尾的時(shí)候,我已經(jīng)似乎明白了什么,我想我是知道也是有權(quán)利決定我要在哪里結(jié)束的。從這點(diǎn)上來看,我是希望把圖片放在右邊的,因?yàn)楫?dāng)我不知道哪里開始的時(shí)候,我就從最左邊開始,等我讀到右邊的時(shí)候,我想我會(huì)很清楚我是否該結(jié)束此段的閱讀。
有一種情況下我會(huì)把圖片放在左邊,就是廣告。如果我希望讀者多關(guān)注一下我的廣告的話,我會(huì)選擇把圖片放置在左邊,但是我是個(gè)人博客,不需要廣告,所以對(duì)我來講,我還喜歡把圖片放置在右邊,這更符合用戶的閱讀習(xí)慣。
原文:http://songguo.net/blog/post/28
近期更新
- [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)勢(shì)?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2020-12-16 16:55:32] 建設(shè)一個(gè)常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2016-10-13 11:06:28] 青島網(wǎng)站制作支持舊IE瀏覽器的技巧
- [2009-01-13 17:15:00] 密碼保護(hù)的用戶體驗(yàn)細(xì)節(jié)之提示問題
- [2009-03-03 08:48:00] 勉強(qiáng)堵上的“體驗(yàn)之洞”
- [2008-08-19 11:27:00] 用戶體驗(yàn):用戶是一個(gè)絕頂聰明的傻子!
- [2013-07-14 21:52:03] 網(wǎng)頁設(shè)計(jì)中的圖片運(yùn)用與重要性
- [2009-03-29 22:28:00] 從百度貼吧改版失敗看用戶體驗(yàn)重要性
- [2008-10-23 15:33:00] 取消“用戶體驗(yàn)設(shè)計(jì)部”
- [2008-11-29 22:38:00] 用戶體驗(yàn)的指導(dǎo)思想:把用戶當(dāng)傻瓜
- [2008-11-12 11:55:00] 電子商務(wù)提升用戶體驗(yàn)的嘗試
- [2008-03-20 11:08:00] 你是真正的用戶體驗(yàn)設(shè)計(jì)者嗎? Ⅰ
- [2008-12-16 22:52:00] 用戶體驗(yàn)設(shè)計(jì)指南的引入
- [2008-03-20 11:09:00] 你是真正的用戶體驗(yàn)設(shè)計(jì)者嗎? Ⅱ
解決方案
輪胎行業(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)鍵字
青島做網(wǎng)站多少錢 H5 H5定制設(shè)計(jì) 企業(yè)網(wǎng)站 青島IT資訊 膠南網(wǎng)站建設(shè)公司 企業(yè)建站 青島網(wǎng)站制作 圖形網(wǎng)格 網(wǎng)站交互設(shè)計(jì) 網(wǎng)站改版 如何做網(wǎng)站優(yōu)化 微官網(wǎng) 青島網(wǎng)站SEO 英文網(wǎng)站建設(shè) 青島網(wǎng)站建設(shè)公司哪家好 手機(jī)端的網(wǎng)站 HTML5 青島輪胎網(wǎng)站設(shè)計(jì) 青島輪胎網(wǎng)站設(shè)計(jì)公司 網(wǎng)站品牌 平面設(shè)計(jì) 網(wǎng)站策劃 舒適的界面 網(wǎng)站開發(fā) 青島網(wǎng)站設(shè)計(jì)哪家好 微信營銷的優(yōu)勢(shì) 網(wǎng)站的速度 建站常識(shí) 青島網(wǎng)頁制作