在產(chǎn)品設(shè)計中圖片擺放主要有以下幾種:
一、圖片居左對齊
圖片居左對齊主要是利用圖片獲取用戶焦點轴合,例如社交虐秦、團購平酿、外賣、電商等應(yīng)用悦陋。購物類應(yīng)用在圖片上再用一層小圖片顯示折扣等優(yōu)惠信息蜈彼,誘導用戶的關(guān)注。還有一些新聞類俺驶、資訊類的應(yīng)用也會將圖片居左對齊幸逆,例如網(wǎng)易新聞客戶端。不太建議新聞暮现、資訊類應(yīng)用將圖片居左對齊还绘,這類應(yīng)用主要由圖片(也有視頻,視頻也是通過圖片的方式呈現(xiàn))和文字組成栖袋。這樣的擺放方式需要圖片和文字的匹配度相當高拍顷,如果圖片和文字匹配不上,時間久了用戶會略過圖片直接看文字塘幅,這樣圖片就沒什么存在的意義了昔案,為達到圖片和文字的高匹配度,無疑增加了運營的成本电媳。
二踏揣、圖片靠右對齊
新聞類、資訊類應(yīng)用也有將圖片居右對齊方式擺放匆背,例如今日頭條呼伸。這樣用戶首先看到的是文字,其次是圖片钝尸,這樣圖片和文字的匹配度相對來說就沒那么高的要求了括享,當然,圖片作為文字的輔助信息珍促,也應(yīng)該盡量提高圖片和文字的匹配度铃辖,應(yīng)當充分利用圖片的作用。
三猪叙、圖片放在上方
圖片社交娇斩、視頻仁卷、電商類應(yīng)用通常會將圖片放在文字的上方,這些應(yīng)用主要是利用圖片展示內(nèi)容犬第,文字只是起到輔助作用锦积。例如這三類應(yīng)用分別用圖片展示自拍、劇情歉嗓、模特穿著等信息丰介,然后再用文字進行描述。
四鉴分、圖片放在下方
微博哮幢、朋友圈、空間志珍、旅游等應(yīng)用通常會將圖片放在文字的下方橙垢,達到文字和圖片完美結(jié)合效果。文字長短隨意伦糯,圖片則按行排列柜某,也很符合用戶的瀏覽習慣。
五敛纲、圖片作為背景
圖片作為背景的應(yīng)用沒有很明顯的分類莺琳,大多數(shù)應(yīng)用都會用到圖片作為背景,例如應(yīng)用的啟動頁面载慈,應(yīng)用內(nèi)容頂部的banner通常利用圖片作為背景以廣告的方式呈現(xiàn)出來惭等,還有就是懸浮于底部的廣告條。
六办铡、同時利用上述幾種方式
應(yīng)用的完整頁面體現(xiàn)出了以上圖片中的某幾種擺放方式辞做,還有天氣、游記類的應(yīng)用寡具,需要用圖片作為背景秤茅,再加上文字、小圖片等配合使用童叠。