国产chinesehd精品酒店,邱淑贞aa极毛片,国产在线色视频,玖玖爱zh综合伊人久久

網(wǎng)站首頁
手機(jī)版

移動(dòng)端app縮略圖設(shè)計(jì)超實(shí)用攻略

更新時(shí)間:2022-04-17 13:09:13作者:佚名

移動(dòng)端app縮略圖設(shè)計(jì)超實(shí)用攻略

  在列表中使用縮略圖,這樣一個(gè)簡單的需求,看似平淡無奇的設(shè)計(jì),也有如此多的細(xì)節(jié)和原理可以挖掘。原文中推敲的過程非常值得學(xué)習(xí)和借鑒的。

  我們常常從客戶或者來參加我們培訓(xùn)的人那兒聽到這樣一個(gè)問題,“在移動(dòng)端的列表設(shè)計(jì)中,是加圖片縮略圖好呢,還是不加好呢?那如果加的話,是放在文字的左邊好呢,還是右邊好啊?”不用我說,這可不是個(gè)一刀切就回答得了的問題,但是如何在不同情況下找到最好的解決辦法可是有據(jù)可循的。


  圖片是否有用?


  你可別因?yàn)榱斜眄?xiàng)有圖可配,就覺得理所應(yīng)當(dāng)要展示出圖片。


  首先想一想圖片是否對指引用戶選擇列表中的條目有幫助。更好的檢驗(yàn)方法是問問自己如果只通過圖片你是否能夠找到自己想要的東西。如果答案是否的話(也許是因?yàn)閳D片過小以至于看不清細(xì)節(jié)或是因?yàn)檫@些只是再普通不過的通用圖片),那么請果斷放棄吧。


  Teavana移動(dòng)端網(wǎng)頁茶葉縮略圖并沒有什么卵用:用戶無法通過這種級別的視覺信息去選擇他們想要的茶葉,因?yàn)樵谶@樣的視圖下,它們本質(zhì)上沒有任何區(qū)別。


  相反,如果僅憑借文字,用戶很難做出合適的選擇(至少在不來回跳轉(zhuǎn)頁面的情況下),那么設(shè)計(jì)中就應(yīng)該考慮使用縮略圖。這種情況多發(fā)生在商品或是服務(wù)購買中,用戶往往都被喜好情緒主導(dǎo),比方說兩條裙子,它們之間的差別估計(jì)也只能靠圖片來說明了——哪怕是再不起眼的圖片。當(dāng)然,如果列表的內(nèi)容本身就是可視化的(比如視頻或是照片),那么縮略圖用于幫助用戶瀏覽頁面和導(dǎo)航是再合適不過了,確保使用足夠大的縮略圖,或是保證相關(guān)必要文字展示的基礎(chǔ)上使用宮格排版。


  那位置呢:左還是右?


  一旦決定要在列表中使用圖片縮略圖,那么問題來了,放在哪呢?縮略圖應(yīng)該放在說明文字的左邊還是右邊,應(yīng)當(dāng)取決于圖片與文字信息的權(quán)重比較。究竟圖片是用戶瀏覽列表的最重要信息?還是只是輔助的信息?


  如果圖片使用戶瀏覽列表的首要因素,那么將它放在左邊(適用于從左至右閱讀習(xí)慣的語言,如果是從右至左閱讀習(xí)慣的語言,就反過來),這樣能幫助用戶在瀏覽列表是快速的過濾查找。反之亦然,如果圖片相對于文字次要一些,那么就將圖片放在文字的右邊。


  圖片相對于文字的優(yōu)先程度同樣也應(yīng)當(dāng)用于決定縮略圖設(shè)計(jì)的尺寸。圖片越不重要,尺寸就應(yīng)當(dāng)越小。然而,需要注意的是,如果縮略圖過小的話,識別性就會(huì)大大降低,甚至失去在列表中存在的作用(在減小圖片尺寸的處理中,可以同時(shí)使用剪切和縮放,這樣可以緩解由于過度縮放造成的識別性問題)。從另一方面來說,過大的縮略圖一定程度上也會(huì)不合時(shí)宜的吸引用戶過多的注意力,或是引入相關(guān)說明文字的設(shè)計(jì)問題(例如,為了顯示出完整的說明文字,字體大小有可能會(huì)受到影響變得難以辨認(rèn),或者保證閱讀效果的前提下,說明文字可能無法全部顯示出來——這些都是對體驗(yàn)的傷害)。還有,大圖片需要更多的加載時(shí)間——這也是不容忽視的問題。


  另一個(gè)能幫你決定將縮略圖放在哪兒的因素是,對于列表中的所有項(xiàng)目,是否都有合適的圖片。如果沒有的話,可以把縮略圖放在右邊,用于輔助文字信息。這樣能確保文字都是左對齊的,而用戶的視線流就可以沿著左側(cè)往下,幫助用戶更快的找到感興趣的內(nèi)容。


  結(jié)論


  如何決定相關(guān)圖片的重要程度,可以引入一些例如問卷或訪談這樣的調(diào)查用戶態(tài)度型的研究,洞察用戶的傾向。一旦圖片的優(yōu)先級確定了以后,縮略圖的設(shè)計(jì)方案就很容易決定了。


  最后要一如既往地安利紙模的設(shè)計(jì)方法,請確保使用紙面原型去嘗試不同的布局,以防在找到正確的道路前浪費(fèi)過多的時(shí)間和開銷。


本文標(biāo)簽: 縮略圖  百科  標(biāo)簽  攻略  

為您推薦

WPS Office手機(jī)版如何手寫簽名

WPS Office手機(jī)版如何手寫簽名?手機(jī)版WPS Office怎么手寫簽名?很多用戶想知道手機(jī)版的WPS Office怎么手寫簽名,WPS Office手機(jī)

2022-11-30 00:19

WPS Office手機(jī)版最近文檔如何刪除

WPS Office手機(jī)版最近文檔如何刪除?在手機(jī)版的WPS Office內(nèi),每次打開的文件都會(huì)在最近文檔中顯示,那如何刪除最近文檔內(nèi),WPS Office手機(jī)

2022-11-30 00:17

WPS Office手機(jī)版怎么找回丟失的文檔

WPS Office手機(jī)版怎么找回丟失的文檔?當(dāng)我們不小心將WPS office手機(jī)版的文檔刪除之后,該怎么找回來呢,丟失的文檔怎么找回,WPS Office手

2022-11-30 00:17

手機(jī)版WPS(手機(jī)版wps怎么首行縮進(jìn)2字符)

手機(jī)版WPS Office怎么使用?WPS Office是一款辦公軟件,我們可以使用WPS Office創(chuàng)建文檔、表格、演示等等,那WPS Office怎么使用

2022-11-30 00:15

手機(jī)版WPS(手機(jī)版wps怎么首行縮進(jìn)2字符)

手機(jī)版WPS Office怎么做表格?表格可以用來做數(shù)據(jù)統(tǒng)計(jì)等等,非常的好用方便,那怎么使用手機(jī)版WPS Office制作表格呢,手機(jī)版WPS Office怎么

2022-11-30 00:15

手機(jī)版WPS 手機(jī)版wps怎么首行縮進(jìn)2字符

手機(jī)版WPS Office使用教程是什么?很多用戶對于WPS Office手機(jī)版還不知道如何使用,怎么使用手機(jī)版WPS Office,手機(jī)版WPS Office

2022-11-30 00:15