?
UI中的設(shè)計樣式-圖片流
什么是流：多個物品按照特定規(guī)律依次排列每庆，這種呈現(xiàn)方式稱為流瑟押。
我們在生活中常見的書柜廓八、櫥窗的排練形式就是一層一層分列下來京景，物品整齊且重復(fù)展示窿冯。那么應(yīng)用到設(shè)計中，我們也參考這樣的設(shè)計樣式确徙，將元素依次整齊排列醒串，并且重復(fù)顯示。
圖片流介紹：
圖片流的展現(xiàn)方式主要以圖片為主鄙皇，滿足用戶快速對圖片進(jìn)行篩選和瀏覽的需求芜赌。引導(dǎo)用戶滑動頁面，增加滾屏率伴逸，引流分支较鼓。出現(xiàn)場景主要在一級頁面。
圖片流設(shè)計細(xì)節(jié)：
突出重點(diǎn)功能
在綜合頁面采用圖片流設(shè)計時，把重點(diǎn)功能突出顯示博烂，如：搜索功能香椎。
由于主要以圖片內(nèi)容為主，那么頁面的功能就比較單一禽篱，此時對于用戶要尋找的內(nèi)容我們需要明顯的突出出來畜伐。可以采取背景填色使搜索框突出躺率，或者給搜索框加上彌散陰影玛界，突出功能。在整體排版上極簡去線大留白悼吱，頁面干凈簡潔慎框。
多元化排版
在排版上避免整個設(shè)計都采用同一種設(shè)計方式，造成視覺效果審美疲勞后添”靠荩可以采用多圖模塊組合，防止單調(diào)遇西，大模塊包含小模塊馅精，交互上搭配X軸（橫向）展現(xiàn)方式，豐富頁面視覺效果粱檀。不過這里需要注意的是洲敢，X軸交互時一般我們在一級頁面使用，而且要低頻次使用茄蚯。二級頁面盡量不要使用压彭，因為這與返回按鈕（左上角）交互重合，很多產(chǎn)品交互往右滑動時也會有返回效果渗常，容易造成誤操作壮不，不宜使用。
多模塊排版展示：
卡片內(nèi)容區(qū)域凳谦，高度變與不變
當(dāng)圖片區(qū)域高度固定時，排版整齊衡未，方便對比尸执，適合用于電商、直播平臺缓醋，這樣更利于用戶方快速篩選內(nèi)容如失；當(dāng)圖片區(qū)域高度不固定時（交錯排版），展示完整送粱，靈活布局褪贵，適用于展示圖片為主的平臺，例如花瓣，壁紙脆丁，這樣的平臺圖片有橫有豎世舰，有長有短，方便圖片的多尺寸展示槽卫。例如淘寶（右）和花瓣（左）：
智能場景分配圖片
當(dāng)用戶經(jīng)常性使用平臺查看圖片以后跟压，后臺數(shù)據(jù)可以根據(jù)用戶喜歡和常看內(nèi)容進(jìn)行喜好匹配圖片歼培，千人千面的設(shè)計方式震蒋，有利于留住用戶，符合用戶預(yù)期心理躲庄。
例如網(wǎng)易云音樂的“每日推薦”和QQ音樂的“喜歡”查剖，以及淘寶的首頁推送寶貝，很好的解釋了這一點(diǎn)噪窘。雖然那里并不是說圖片的推送笋庄，但是我們同樣可以采用一樣的符合用戶心理模型的方式推薦圖片內(nèi)容。
弱化文本信息效览，減少圖標(biāo)无切、標(biāo)簽元素的干擾
我們說圖片流主要展示的就是圖片為主的設(shè)計樣式，那么圖片內(nèi)容肯定是重點(diǎn)丐枉，圖片的辨認(rèn)效率肯定遠(yuǎn)遠(yuǎn)大于文字的辨認(rèn)哆键。如果模塊之間圖標(biāo)和標(biāo)簽內(nèi)容過于顯眼，肯定會干擾到用戶瘦锹，分散視覺注意力籍嘹。
常見的圖片流設(shè)計樣式都弱化了圖標(biāo)和標(biāo)簽一類元素的展示，而只是簡單的寫明用戶名稱和圖片簡介一類的文字信息弯院，并且弱化文字辱士。下面是堆糖的界面，無論是推薦大人的動態(tài)主頁還是分類圖片展示听绳，文字信息都沒有過多的展示颂碘，而是給圖片留有大量空間去展示：
總結(jié)：
圖片流是主要以圖片展示為主，滿足用戶快速對圖片進(jìn)行篩選和瀏覽的需求椅挣。我們在設(shè)計產(chǎn)品時要分析好產(chǎn)品定位头岔，適用于哪一種方式來設(shè)計，快速找準(zhǔn)符合用戶預(yù)期心理模型的設(shè)計鼠证，才能為產(chǎn)品提高良好的用戶體驗峡竣，留住用戶。
圖片流的設(shè)計方式今天就簡單介紹到這里吧量九，有需要補(bǔ)充或者更正的歡迎留言探討适掰。
如果您對我的文章感興趣颂碧，歡迎關(guān)注微信公眾號“U點(diǎn)計”，每周更新2-4篇設(shè)計干貨文章类浪。
