設計中如何突出視覺主體?

2 評論 9980 瀏覽 11 收藏 9 分鐘

編輯導語:一個好作品的視覺主體一般可以圍繞:內容文案、產品主體、裝飾元素這三個方面下手,并抓住其中一點進行放大。本篇文章作者為我們分享了一些好用簡單的設計手法,幫助我們在設計工作中更好地將產品核心進行突出設計,適合從事設計工作的小伙伴閱讀,一起來看。

我們在平時的設計工作中,會經常遇到一種問題,就是設計稿內的主體和文案太多,這個也想凸顯,那個也很重要。當全部做完后,才發現畫面已經變得雜亂無章、毫無秩序了。其實這種現象很多設計師都會遇到,這樣的設計作品,多數情況下會使你的設計作品內容擁擠、信息傳達不準確、缺少主次關系、甚至有時候比較辣眼。

一個好作品的視覺主體一般可以圍繞:內容文案、產品主體、裝飾元素這三個方面下手,抓住其中一點無限放大,就可以做到簡單的足夠明顯了。今天,我就給大家講解一些好用簡單的設計手法,幫助大家在日后的設計工作中更好的將產品核心進行突出設計。

一、合理的使用面積色塊

首先我們可以從最簡單的開始,用面積型的色塊進行解決視覺突出問題。一般情況下,我們在進行文案排版和產品主體布局時,也就那么幾種方式,不是左右排版就是居中排版,如果你單純的在這兩者之間徘徊,就會出現死循環的狀態。

所以,我們可以打開思路,借助第三者來幫助文案和產品進行進一步視覺凸顯提升,比如在產品和文案背景下添加一個對比度高的色塊,這樣就可以在大面積的有色區域內,聚焦我們想要突出的內容點了,比如以下案例:

設計中如何突出視覺主體?

上面這個APP界面中,最中間這個界面設計就符合了當前的色塊技法,通過純白色的色塊來集合重要內容,當用戶進入當前界面,在進行操作時,純白色色塊的內容就很快的進入了用戶視覺,并聚焦核心內容了。

二、善用對比手法

對比是設計中非常重要的技法,也是相對來講比較好掌握的,比如大小對比、明暗對比、層次對比、粗細對比、顏色對比、材質對比、虛實對比。通過這些一系列的對比手法和形式,我們就能很好的凸顯想要凸顯的內容和主體了。比如以下這個案例:

設計中如何突出視覺主體?

這個案例可以說在對比上是非常明顯了,大家第一眼就應該會被這個金黃的卡片和元素吸引,通過黑暗的背景色作為整體,重要內容和元素通過明亮的黃色凸顯,就可以形成很好的對比了。

設計中如何突出視覺主體?

還有這個設計,設計師不光在顏色上進行了對比設計,同時在字體的大小,粗細、顏色上都是用了對比手法,并且在層級上也使用了輕微的對比手法,比如說下面的所有卡片,本來是在一條水平線的,設計師將中間的會色塊上提了一些,這樣的節奏感也會提升用戶的視覺感官。

三、適當添加一些肌理效果

肌理效果相對前面兩種來講,是比較輕微的對比手法,如果你希望對比效果不是 特別幅度大,同時帶需要帶有一些對比效果,那么適當的在你的界面中添加一些肌理是比較好的選擇,因為的作用就是提升整體視覺感受,并不特別體現某一主體的強調使用。比如以下這個案例:

設計中如何突出視覺主體?

這個案例大家看的話可能不太明確肌理效果在哪里,其實肌理效果的襯托作用并不是特別明顯,但如果沒有的話卻又會感覺單調了一些。上圖中圖片部分有一個線框襯托,它就屬于基本的肌理效果了,屬于簡單內容襯托。

設計中如何突出視覺主體?

當前這個banner設計同樣運用了肌理效果,在文字背后添加的木紋效果,就屬于肌理效果,大家可以借鑒當前手法是,在主體物或主要文版的背景下, 添加少量的紋理效果,可以有效襯托主要內容。

四、博大精深的留白效果

留白不得不說,是我國從古到今的一種重要設計手法,他不光運用在設計上,在繪畫、書法、詩集等地方也同樣具有重要地位。留白的作用是通過大面積空間來襯托主體內容,同時讓閱覽者具有呼吸感。雖說留白是空的感覺,但如果你想做好留白的效果,其實還是有一定難度的,首先它考驗的就是你的比例和布局技能。比如我們都非常了解的無印良品海報設計:

設計中如何突出視覺主體?

通過大面積留白手法,給閱讀者不光留下了通透干,同時也具有高級感。我們知道,在一個設計中,有“少即是多”的說法,也是側面強調留白的作用。

五、結尾

關于設計中突出主體的方法就先介紹到這里,設計中很多技法并不是一成不變的,也不是單純運用好某一個技法就能行遍天下,其實很多技法都是在穿插、合并、分解使用。

所有的一切,都要歸根于商業,也就是實際的工作內容,所以,最后我想告訴告訴大家的是,在你想要凸顯某一個主體的前提下,你要做的應該是了解產品的主要內容和想要表達的東西,這樣才能更好的抓住核心。

#專欄作家#

西瓜的設計,公眾號:西瓜的設計,人人都是產品經理專欄作家。主攻產品線上設計服務,同時擁有多年的設計教學經驗,擅長通過產品背后的隱形模式,多角度分析短板與問題,并通過數據與市場競品結合,從而靈活運用,突破產品難關與瓶頸,最終快速完成全鏈路的產品設計。

本文原創發布于人人都是產品經理;未經許可,禁止轉載

題圖來自 Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 你給人學費退了沒?

    來自上海 回復
  2. 聽君一席話

    來自上海 回復