成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

Material Design之圖像Imagery

移動開發 Android
在material design中,圖像(無論是繪畫還是攝影)都應該是組建而成而并非人為策劃的,看起來神奇并且不顯得過度制作。這種風格樂觀,愉悅,并且坦率。這種風格 比較強調場景的實質性(Materiality),質感,深度,讓人意想不到的色彩運用, 以及對環境背景的關注。這些原則都旨在創建目的性強,美麗又有深度的用戶界面。

[[123978]]

在material design中,圖像(無論是繪畫還是攝影)都應該是組建而成而并非人為策劃的,看起來神奇并且不顯得過度制作。這種風格樂觀,愉悅,并且坦率。這種風格 比較強調場景的實質性(Materiality),質感,深度,讓人意想不到的色彩運用, 以及對環境背景的關注。這些原則都旨在創建目的性強,美麗又有深度的用戶界面。

原則

當使用繪畫和攝影提升用戶體驗時,選擇能夠表達個人關聯、信息和令人喜悅的圖像。

個人關聯

使用能夠喚起回憶的影像來建立用戶與應用程序的情感聯系。

信息

傳達特定的信息。以輔助理解的方式來創建智能的感官體驗。

閃光點

用相關圖像以一種意想不到的方式來取悅用戶,讓用戶覺得不可思議。

場景賞析

加入邏輯,確保圖像是動感的,并且顯示出場景智能性和相關性。帶有預測性的視覺效果能夠彰顯出智能的水準,從而能大大改善用戶體驗。

[[123969]]

身臨其境

要勇于運用遮蓋的方法,或是對色彩和內容的疊加來構成對畫面主角的印象,抑或是構成一幅縮略圖。

[[123981]]

***實踐

使用多種媒體

插畫和攝影可以運用在同一個產品中。攝影自動暗含了一定程度的特定性,從而應該用來展示特定的物體和故事。繪畫則能有效的表現出概念和隱喻,而這一點是攝影所不具備的。

對于特定的實物,首先考慮用攝影來表現。

當所表達的內容并非具體實物(或者不能被具體實物所概括)時,繪畫則可以傳達出你的應用程序的信息,并且允許用戶一目了然的理解內容。

[[123971]]

如果你使用攝影來傳達一種概念,你需要創建一些具有思考性的,甚至是隱含寓意的作品。

[[123982]]

不要

不要局限于圖片庫。

遠離圖片庫(Stay away from stock)

利用圖像可以表達一種與眾不同的心聲,還可以展現出***的創意。

對于特定的實體或品牌內容,要用具體的圖像。對于較抽象的內容,使其具有解釋性。然而庫存攝影(Photographic stock)和剪貼畫(clipart)既不具體,又不具解釋性。

[[123983]]

[[123984]]

不要

有焦點

你的圖像應當有一個標志性的焦點。小到單一物體,大到整體布局,都可以成為焦點。確保能夠用一個讓人印象深刻的方法,傳遞給用戶一個清晰的概念。

[[123985]]

[[123972]]

不要

[[123986]]

[[123987]]

不要

[[123988]]

[[123989]]

不要

構建敘事(Build narratives)

創建一個讓人感覺身臨其境的故事和上下文(context)場景。

[[123973]]

[[123990]]

不要

[[123991]]

[[123992]]

不要

不要過度操作

保持圖像的原始完整性。不要過度使用高度濾鏡或高斯模糊,尤其是當試圖去隱藏劣化(degradation)的時候。

[[123993]]

[[123974]]

不要

[[123975]]

[[123976]]

不要

用戶界面集成(UI Integration)

分辨率

確保你的圖像大小適應其邊框并且支持跨平臺。該結構強調大幅圖像。理想情況下,素材應該不會出現像素化。要為特定的比率和設備測試合適的分辨率大小。

尺寸得當的圖像

不要

劣化的圖像

調整大小(Introduce Scale)

利用不同的大小的圖像來創造視覺上的重要性。

在一個畫冊的背景中,引入各種尺寸的縮略圖來傳達內容的層次結構。

鼓勵在同一個生態系統使用多個容器。

文字保護

添加文字保護紗(protection scrims)來使圖像上的文字顯示清晰易讀。

暗紗(dark scrims)理想的透明度應當在20%-40%之間,亮紗(light scrims)理想的透明度應當在40%-60%之間,都要視具體內容來定。

不要

不要過度用文字保護紗遮擋住圖像內容。

對于大一些的風景圖,應該在特定的區域內加入文字保護紗, 不要覆蓋住整個圖像。

不要

不要過度覆蓋大圖像。

顏色疊加不同于文字保護紗(text-protection scrims),可以用來作為設計元素。當創造互補的顏色疊加的時候,要從與其并列的內容中取樣,這樣才能夠產生出和諧一致的色板,從而展現出良好的內容意識。

不要

頭像和縮略圖

頭像和縮略圖代表實體或內容,可以是攝影或者概念性的插畫。 通常來講,他們是橫置目標(tap targets),可以讓人對事物和內容有一個初步印象。

頭像可以用來表示個人。對于個人頭像,要提供個性化的選項。由于用戶也可能不個性化設定自己的頭像,不妨將默認效果設置得令人愉悅一些。當與一個特定的標志(logo)一起使用時,頭像也可以用來表示品牌。

縮略圖暗示著更多的信息,讓用戶一窺其內容,并協助導航。縮略圖讓你能把圖像放在狹小的空間里。

頭像使應用更具個性化而且占用的空間小。

一個品牌頭像能夠讓人在一眼之內傳達信息,縮略圖也如此。

主角圖像(Hero Images)

主角圖像通常被固定在很明顯的位置,大小比普通大小略大,比如屏幕頂部的橫幅。主角圖像能夠吸引用戶,提供了內容相關的背景,或加強品牌。

特征圖像

特征圖像是風格醒目的主要視覺焦點,并且有著特異的設計布局。

合成的主角圖像(Integrated hero image)

合成的主角圖像通常在一個樣式中包含著混雜特異的部分。 這些部分并不能形成首要的視覺焦點。

圖集

圖集圖片(gallery images)通常風格醒目,且他們的布局基本相同,比如網格(grid)布局,或是單一的圖像。

照片網格

圖集圖片

原文:Imagery 翻譯:lhyqy5 校對:chenyusi

責任編輯:閆佳明 來源: design.1sters
相關推薦

2014-12-08 14:35:51

Material De真實動作

2014-12-08 13:40:10

Material De色彩

2014-12-08 14:15:48

Material De字體排版

2014-08-21 15:40:53

Material De真實動作

2014-08-21 15:29:29

Material De概述

2014-08-07 14:19:46

Material DeGoogle

2015-07-21 15:02:37

設計扁平

2017-02-14 13:35:15

AndroidMaterial De動畫

2015-08-07 10:24:17

AndroidMaterialDes

2014-10-27 14:18:06

Material De交互響應

2018-04-25 09:06:32

Chrome瀏覽器語言

2014-09-10 10:35:11

Material De設計原則

2014-08-19 16:10:05

Material DeUI設計趨勢

2014-08-11 11:19:19

Material De

2016-02-02 10:03:15

chromeMaterial De

2017-02-20 16:03:35

Android We谷歌硬件

2022-01-20 20:08:38

MaterialpalettesMaterial 3

2014-08-07 10:13:43

谷歌Material De設計規范

2014-07-02 10:26:52

Material DeGoogle

2016-08-10 13:00:07

ChromeMaterial DeMaterial
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 中文精品视频 | 97久久精品 | 色资源站 | 亚洲精品视频免费观看 | 欧美日韩一区二区视频在线观看 | 久久狼人天堂 | 毛片在线看片 | 中文字幕亚洲视频 | 一区二区三区四区五区在线视频 | 老司机67194精品线观看 | 成人欧美一区二区三区色青冈 | 亚洲精品一区二区在线 | 久久久久亚洲视频 | 久久人 | 成人欧美一区二区三区白人 | 成人a视频 | 一区二区三区国产精品 | 国产美女福利在线观看 | 国产精品视频网 | 五月婷六月丁香 | 日韩乱码在线 | 久久看精品 | 99久久婷婷 | 国产美女高潮 | 国产激情毛片 | 亚洲三级av | 欧美一级片在线看 | 国产精品国产成人国产三级 | 欧美在线观看一区二区 | 99精品在线 | 亚洲人在线观看视频 | 黑人巨大精品欧美一区二区免费 | 国产亚洲精品久久久优势 | 成人欧美一区二区三区在线播放 | 亚洲精品视频二区 | 一区二区中文 | 日韩中文字幕一区 | 亚洲精品久久久久avwww潮水 | 亚洲一区精品在线 | 欧美在线资源 | 久久国产综合 |