02 冷色系ins風圖片海邊(萌妹十線稿十插畫十背景圖片-如何制作手抄報ins風簡約)

>



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

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

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

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

界面色=內容色

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

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

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

▽



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

▽



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

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

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

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

1.展現美的內容



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

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

2.色調和諧

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

下面這張圖來自Dribbble



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



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

3.完善細節

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

① 烘托氛圍

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

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

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

② 背景不重色



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

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

③ 慎用藍天白云



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

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

④ 主體適當



盡可能選擇或截取近景圖

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

案例分享

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

背景

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

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

包裝對象

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

包裝開始

1.確定包裝的主色

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



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



2.確定素材

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

為此我把目標鎖定在面無表情的 Model 上，并結合展示布局

▽

如果整體都是艷麗的顏色，不僅會造成視覺疲勞，且會降低素材的新意

所以需要找到藍紫色和白色兩套素材

原本打算以亞洲模特為主，無奈亞洲模特可用素材不多，不僅顏色相對單一，且多為雜志封面

▽

最終還是選用了國外模特

▽



3.中文 or 英文

啪啪奇原始的設計稿為中文

我是真真切切不想將其替換成英文（嫌麻煩）

可在中文界面下，部分頁面展示效果較差，大家可通過下面兩組對比自行感受下

▽

最后出于對展示效果的考慮，還是將界面中的漢字替換成了英文

–

中英文視差的相關分析，可詳見《iOS10 新設計的弊端，跟風需謹慎》最后一節

4.細節調整

至此，文字變成了英文，圖片素材采用國外模特，為了進一步完善包裝效果

將頁面中的圓角改為直角（直角更符合冷艷氣質），并調整蒙層的細節

▽

同時將界面和包裝中出現的社交圖標，如QQ、買粉絲、微博等國內應用

逐一換成Facebook、Twitter、Ins等國外應用

▽



5. 輸出成品

文字是展示的一部分，在包裝環節可結合產品特點及包裝整體效果選擇文字內容（中/英文、字體）

對某些字體特殊的產品，如 今日故宮

在包裝上，采用與APP相同的中文方正清刻本悅宋字體

包裝效果自然更佳

[ 后記]

以上三類產品，都可以通過上述辦法快速提升包裝效果

比如下面的界面

雖然布局簡單，卻能做出酷炫的包裝

▽

[ 結束語 ]

作品的展示包裝固然重要，但優秀的設計思維才是支撐設計師未來道路的基石

如果沉迷于包裝，忽略真實的產品設計，反倒會給自己帶來無盡的煩惱

『 顏值只能攬客，活好才是硬道理

設計師應當內外兼修』

文章來源：站酷

作者：海邊來的設計師

很赞哦!（3885）