激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

掌握這些技巧，你的界面更加出彩

發(fā)布時間：2024-03-05 11:22:38 瀏覽量：114次

編輯導(dǎo)讀：人是視覺動物，相比于文字，人們更容易被圖片吸引。而如何在界面設(shè)計中運用好圖片，給用戶更好的視覺體驗，本文作者有自己的想法，一起來看看吧。

在UI設(shè)計中，配圖的好壞將直接影響著界面的品質(zhì)及用戶的視覺體驗?？v觀如今高質(zhì)量的界面設(shè)計，具有設(shè)計感的配圖不僅是吸引用戶的重要元素，能比原本平淡無奇的文字界面更讓人產(chǎn)生點擊欲望，還能體現(xiàn)出設(shè)計師的品味、以及相關(guān)方面的專業(yè)性。

在這個快節(jié)奏的時代，相比文字，圖像的傳達(dá)效率會更快、更高、更有助于用戶輕松理解及記憶。配圖用的好，往往能起到?jīng)Q定畫面基調(diào)、流程引導(dǎo)、視覺平衡等關(guān)鍵作用，所以，在同等樣式的布局下，因圖片的使用及處理方式的不同，界面的品質(zhì)也會存在較大的差異。本篇文章將介紹一些在UI設(shè)計中配圖的基礎(chǔ)知識，幫助大家在圖片列表、背景處理、圖文混排、頭圖等相關(guān)界面設(shè)計無從下手時提供靈感，在選擇圖片、后續(xù)處理時如何做到有規(guī)律可循帶來一些思路。

一、了解UI設(shè)計中的圖片

1. 為什么要重視圖片

在文字出現(xiàn)之前，人們都是靠看到的圖像來理解信息內(nèi)容，即便后來文字能表達(dá)出很豐富的內(nèi)容，圖示也不可少，試想一下，當(dāng)別人拿著密密麻麻的數(shù)據(jù)給你看時，能看的頭皮發(fā)麻，你更希望有一張清晰的圖表，但并不能說明別人的數(shù)據(jù)不清晰。所以，圖像相比文字能更具說服力、更容易傳達(dá)信息，使讀者產(chǎn)生共鳴、震撼內(nèi)心，讓人看了一目了然，能直觀的與人產(chǎn)生互動。

當(dāng)說到UI設(shè)計中的圖片非常重要時，并不是說文字就一定比圖片弱，好的文字也能帶給我們無限的遐想，只能說在更大的概率上圖片和文字哪個更吸引人，所以我更傾向于觀賞圖片，然后感受到帶來的美好。但是，如果非要問我選擇哪一個時，我只能說“只有小孩子才做選擇題，我（設(shè)計師）全都要”，圖片可以表達(dá)出豐富的內(nèi)容，再用文字言簡意賅，是一個非常完美的組合。

2. 常用的圖片格式

圖片有多種格式，如JPG、GIF、PNG、TIFF、RAW、BMP、WEBP…等，在UI設(shè)計中，最常用的無非JPG、GIF、PNG三種。

JPG：目前為止使用最多的圖片格式，兼容各大操作系統(tǒng)瀏覽器及編輯軟件，非常方便被打開和處理，但不能顯示透明底，壓縮后會失去一部分原始信息。

PNG：如需編輯，PNG應(yīng)該算是所有圖片格式中的最佳選擇，支持無損壓縮及透明底，但針對需要高保真的復(fù)雜圖片，壓縮后的文件較大，且有少數(shù)的瀏覽器不支持。

GIF：動效圖片，支持透明底及無損壓縮，通常由視頻格式的內(nèi)容轉(zhuǎn)換而來，但對色彩有非常嚴(yán)格的要求，數(shù)量最多不超過256種，相比前面兩種，GIF格式的文件更大。

二、圖片的使用及處理方法

1. 圖片的使用比例

在移動端UI設(shè)計中，我歸納了最常用的幾個圖片比例，分別是1:1、3:2、4:3、16:9四種，這些比例都是源于最早的膠片攝影及現(xiàn)代相機的傳感器演變而來。當(dāng)我們不知如何選擇比例時，首先需清楚的了解界面圖片的應(yīng)用場景、來源用戶以及圖片比例背后的緣由，否則將很難把控，下面將針對這幾個比例作具體分析。

1）1:1 比例

因為相機結(jié)構(gòu)的原因，早期最傳統(tǒng)的120膠片畫幅就是正方形（6*6cm），即1：1的比例，此比例更容易的將構(gòu)圖規(guī)整，使其最大程度的突出照片主體。

在如今的電商APP中，商品圖片絕大多數(shù)都遵循了1：1的比例，不管橫向還是縱向都能將信息進(jìn)行完整化的展示，且方便多場景、頁面的適配。另外，用戶頭像也都使用了這一比例。

2）3:2比例

起初135膠卷的比例就是3：2，主要是因相機取景框的大小而決定。在移動端，這一比例使用也比較廣泛，例如新聞、旅游類型產(chǎn)品，在拍照之后無需裁剪等處理，直接上傳使用，非常方便。

分享

熱門課程推薦

熱門資訊

請綁定手機號

獲取驗證碼
x

同學(xué)您好！

您已成功報名0元試學(xué)活動，老師會在第一時間與您取得聯(lián)系，請保持電話暢通！
確定