03 冷色系ins風圖片文字(插畫類圖標-圖標類型和風格總結)

些較為特別的圖標設計。

APPStore游戲和新APP界面下的類別列表圖標

整體為具象化扁平風格的設計表達,圖標的顏色還原了最基本的現實感知。

iOS系統辦公類軟件的起始頁面圖標

整體風格比較偏商務簡約,具象的圖形表達+輕微的漸變質感。

QQ手機版中延展的功能圖標

整體風格偏向輕寫實+微弱漸變。每個圖標都具有豐富的細節表達,色調方面基于業務屬性結合品牌色進行了區分,整體既統一又具有差異化。

40個自媒體可商用素材網站【視頻+插畫+圖片+圖標】

CreativeCommons(知識共享)簡稱CC協議素材,創作者主動放棄著作的部分權利,還是會有所限制,例如要求標注來源、作者名等,請看到CC協議時看清須知。PD協議證明作品已捐獻給公共領域。

CC0協議意味著創作者主動放棄了著作的所有權利,可以無條件使用包括商用。(但是,不可上傳至其他素材網站、不可聲稱擁有版權,不可用于不法途徑,圖像中所涉及的內容仍有可能涉及商標權和公共及隱私權。

pexels【人物、風景、動物等攝影圖片】

/

沙沙野【高清視頻、圖片(中文網)】

/

unsplash【高清藝術攝影圖片(最多人使用)】

/

visualhunt【人物、風景、動物等攝影圖片】

/

pixabay【照片、插畫、矢量、視頻】

/

買粉絲jpg【色彩靚麗的風景、植物、動物】

/

skuawk【專業攝影師作品】

/

picjumbo【高清靜物、風景圖片】

/

kaboompics【建筑、靜物等小清新高清圖片】

/

gratisography【時尚流行攝影圖庫】

/

foodiesfeed【食物攝影高清圖庫】

買粉絲lyphotos【帶宗教色彩的高清圖片】

/

【唯美冷調風景】

/

streetwill【自然風光、街頭建筑】

/

【ins風圖片、靜物】

/

polayoutu【旅行高清圖片】

lifeofpix【風景、食物圖片】

/

lifeofvids【唯美的風景視頻】

/

fancycrave【靜物、建筑,復古風】

/

mmtstock【花卉植物較多】

/

【復古風格的圖片】

magdeleine【精致文藝的圖片】

designerspics【靜物風景圖片】

/

viintage【各種郵票圖片】

/

imcreator【人物、藝術、自然、矢量圖標】

textures【大量的樹木、石頭、金屬等材質紋理圖,可用于2D、3D貼圖】

/

dryi買粉絲ns【各種ICON圖標素材】

/

flat-i買粉絲n-design【日本可愛插畫風圖標】

/

ac-illust【剪貼畫】

/

i買粉絲nfont【各種ICON圖標素材(中文網)】

/

flati買粉絲n【很全的圖標】

/

i買粉絲nninja【忍者圖標】

買粉絲verr【各種各樣的高清視頻素材】

/

mixkit【實拍高清視頻素材】

videvo【高清、4K視頻】

/

videezy【各類場景、宣傳視頻】

/

undraw【人物場景插畫】

i買粉絲ns8【人物插畫】

drawkit【人物場景】

/

404-illustrations【網頁插畫】

作品包裝/展示中的用色

小編：包裝設計作品必須具有審美價值。設計的形式美，是美在設計中的表現形態，是線條、色彩等在一種合乎規律的聯系中所呈現出來的能引起美感的審美特征。作品有了形式美，才能完美體現設計主題，使你的包裝設計作品更賞心悅目，給予欣賞者美的感受。

快年底了，大家又要開始著手整理這一年的作品集

那么如何快速的提升作品集的展示效果，增強自己作為專業設計師的逼格？

相信是很多同學關心的事

一說到作品包裝，有些同學想到的是

套用Mockup

▽



拉透視

▽

還有一些同學在展示布局上特別用心

▽

排版固然重要，但色彩的運用同樣不能忽視

有時色彩甚至是作品脫穎而出的關鍵



試想一下，在Dribbble 有很多高人氣作品，雖然內容平平，但只要顏值到位，依然可以圈粉無數

▽

在這看臉的時代，沒有顏值的作品，縱使布局考究，也鮮受

設計師的作品必須精致，像女人一樣精致

衍生閱讀《沒義務透過邋遢的外表，發現你優秀的內在》

如何快速打造有顏值的作品包裝，讓你作品備受青睞

很多設計師都為此苦惱

今天就和大家聊聊，如何提高作品逼格

[ 前言 ]

首先你要明白一件事非常、非常、非常重要的事

作品包裝不是設計圖的簡單羅列，更不是讓你世界展現產品的線上截圖，作品包裝包好比女生用美顏相機自拍

▽

為的是展現作品最完美的一面，下面將為大家講述，如何提升作品的顏值

NO.1

包裝色調

目前主流的 APP 界面配色都是下面這樣

▽



APP 界面中品牌色已淪為點綴色，界面的顏色主要來自內容

且 APP 的品牌色通常不會隨著設計師的主觀意愿進行調整

既然設計師無法改變 UI 界面的顏色，那我們就從包裝的背景色著手，常見的配色手法有四種：

（ 長圖太占空間，下面均以小圖示意）

1.同色系配色

（最常見）

指主色和副色都在同一色相上，在配色上營造一致性

2.類似/鄰近配色

這種方法最為常見，可以讓頁面顏色更加豐富，且色相過度柔和，看起來非常和諧

3.中性配色

即背景以黑白灰為主，突出內容（UI 界面），使之不受背景色的干擾，這種配色不經非常經典，還很百搭

4.對比色配色

背景和內容色彩間的對比形成強烈的視覺沖擊，使內容變得更加突出

NO.2

界面色

上文提到，目前 UI 界面中的色彩主要來自內容



在新版 Apple Music 中，蘋果讓每張專輯自己說話：展現專輯本來之美

類似的理念，在 Instagram 改版中也早有體現，其設計主管 Ian Spalter表示

「我們相信色彩應該直接來自社交的照片和視頻才對」

對此，我們可以寬泛的理解為

界面色=內容色

如今，目前越來越多的 APP 朝著突出內容的方向發展

在內容變得越發突出的同時，內容的質量也變成一把雙刃劍

好的內容不僅可以提升產品氣質有的時候，可以撐起整個作品，如下

▽



而差的內容則卻能讓產品氣質瞬間歸零，以 Ins 為例

▽



線上產品內容質量受 UGC、運營編輯、后臺技術等多種限制，很難以最完美的效果呈現給大家

慶幸的是，設計師在包裝環節可以通過自己精妙的配圖，展現作品最完美的一面

但是，配圖并不是簡簡單單的去扒一些美圖那么簡單

不僅要根據整個包裝的配色反復斟酌，還要符合產品原有的氣質，選圖的思路如下

1.展現美的內容



如果你對內容質量的把控度不高，建議你可挑選專業攝影師的作品

人像用模特硬照或明星寫真（含網紅），這類的圖片都是經過專業修片，質量有保障

2.色調和諧

在確定包裝的整體色調后，內容的色調根據包裝的整體效果進行挑選

下面這張圖來自Dribbble



用下面兩張圖替換原作品中的圖片，結果會怎么樣？



雖然內容質量過關，但卻破壞了原包裝的整體色調，拉低了展示效果

3.完善細節

我總結了幾個選圖要點，希望可以幫助大家規避一些問題

① 烘托氛圍

出于某些原因，國內很多設計師時常會出一些英文設計稿

如果要做英文設計，在內容配圖上最好以外國人為主

而類似于“今日故宮”這樣帶有中國風的產品，在選圖的時候，如果插入老外圖片則顯得很跳戲

② 背景不重色



如果 UI 界面中背景為白色，那么圖像背景色要避免大面積出現白色

避免與 UI 背景色相同，造成圖片沒有邊緣感

③ 慎用藍天白云



藍天白云是中國民間最為常用的素材，作為一個有逼格的設計師你好意思在配圖中出現這個？

如果要用，除了避免大面積出現以外，還要調整圖片的整體色調

④ 主體適當



盡可能選擇或截取近景圖

圖像的主體可占到圖片尺寸的1/2左右

案例分享

下面將實例講解以往個人作品的包裝思路

背景

去年受某培訓機構邀請，做一個通過配色提升包裝效果的范例

范例主要想體現在簡單排版的情況下精通過“色”的修改提升包裝效果

包裝對象

愛奇藝啪啪奇6.1設計圖，如下

包裝開始

1.確定包裝的主色

初步設定：產品的主色為綠色，故在整體配色上，以冷色系為主，同時選用綠色的類似色進行搭配



不僅可以使包裝顏色更加豐富，形成柔和的漸變，還可以增加一絲神秘感，提升整體感覺



2.確定素材

原設計圖中所用素材人物，多以微笑為主和藍紫色的冷艷氣質不符

為此我把目標鎖定在面無表

很赞哦!（894）