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

如何創(chuàng)建精致的UI界面-圖像篇

發(fā)布時間：2024-04-10 11:56:05 瀏覽量：237次

今天通過圖像篇，帶大家了解在UI 界面設計中，我們該如何注意圖像的一些問題。

五篇系列目前已經(jīng)到圖像篇幅了，今天帶來的圖像篇，它是一個強大的工具，可以幫助您溝通和區(qū)分您的產(chǎn)品。文字和圖像相比起來，人們更愿意去接受圖像帶來的信息傳遞，因為圖像閱讀起來會比文字更加輕松有趣，有意圖像有助于吸引用戶目光。因此能合理運用圖像在UI設計中，他能很好的幫助我們產(chǎn)品取得體驗上的提升，綜合我個人一些經(jīng)驗觀點，今天我就和大家分享下Google在圖像方面是如何運用的。

圖像使用原則

Google其實很早之前的設計語言里面就已經(jīng)提到這塊并將其簡單定義為三大關鍵點：

  1. 相關性的
  2. 信息性的
  3. 令人愉快的

使用插圖和攝影提高產(chǎn)品使用體驗時候，需要選擇與功能強相關的圖像。下面我們看下例子：

從左至右分別，與個人相關性的，功能信息表達，令人愉快的。

比如圖1，該界面就是電話詳情頁面，用一張真實自然的圖片，就能貼合目前場景所需要表達含義，同時界面也不那么枯燥。

第二張圖像傳達特定的信息（圖像與目的地含義一致，都是表達美國相關的），使理解變得容易。

圖3設計師在設計該界面時候，運用與文案十分貼合的插圖，這樣目的是更能理解該功能所表達含義了，而不是去慢慢閱讀文字來理解，因為人類眼睛更喜歡圖像的元素勝過于文字。

使用多種圖像

插畫和攝影圖像都可以存在于同一產(chǎn)品中。攝影圖像一般用于可以表達特定含義，且很清晰傳達功能含義，插圖用于表達無法通過攝影表達其他含義時候存在。

避免使用照片庫

圖像上一定要選擇真實易懂的，傳達故事性的，避免過于隨意，如果一直使用照片庫中的圖片，而不使用特定攝影照片，那樣設計的界面會大大降低產(chǎn)品的體驗。

使用圖像或者插圖需要聚焦

為什么？清晰且聚焦的圖片能更直觀的表達功能，用戶也能輕易明白起含義，同時也不至于讓界面變得枯燥乏味，這就是我們在設計中，為何有些界面一定要去視覺化處理，而不是單獨一個文字排版。

清晰的焦點一目了然地傳達了這一概念，且畫面干凈簡約。右側(cè)圖像缺乏焦點使圖像毫無意義。

建立深刻故事性

創(chuàng)建一個和內(nèi)容相關且能讓你身臨其境的故事，這樣可以讓你的產(chǎn)品更加人性化。通過視覺敘事來定義情緒。

圖1 ：講述故事的圖像無限有趣且內(nèi)容豐富。 圖2：缺乏故事的圖像失去了傳達情緒，品牌和背景的機會。

確保圖像的清晰度

設計界面中，一定要注意圖像的清晰度，避免次像素和迷糊的照片，應該在針對不同平臺定義不同適配尺寸，這樣能保證多端使用該功能時候，圖片是清晰可見。

注意使用圖像的大小位置

特定的區(qū)域和功能，我們可以適當是該區(qū)域圖片放大或者留白處理，這樣的目的是保證重要的地方能優(yōu)先被用戶感知到。

文字保護

要使文字在圖像上清晰易讀，請以特定的形式應用文本保護。比如常用的我們可以用黑色透明度疊加或者使用黑色漸變透明應用于特定的區(qū)域。

分享

熱門課程推薦

熱門資訊

請綁定手機號

獲取驗證碼
x

同學您好！

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