實戰案例!視覺設計練習學到的3個小技巧

@菜心設計鋪 :我經常會和好朋友們說,設計師要踏踏實實的多練習,練多了,沒準人生巔峰就來了!當然如果你能在練習的過程中帶上一點點的思考,那就更棒了,迎娶白富美都不是問題。每一次的練習與執行,我們都要學會給自己留下點什么,不然進步的速度就會很慢。

到底留下什么呢?

菜心就以自己為案例,來講講最近通過執行給自己留下了什么吧!

  • 畫面主次一定要分清
  • 排布元素的時候要學會“透氣”
  • 顏色有層次,畫面才會“活”

一. 畫面主次一定要分清

當作一個畫面的時候,我們可以把畫面分為兩大層,一層是主形象,一層是背景。我們千萬要記住一點,就是背景一定不要搶過主形象,不然就本末倒置了。

舉個例子:

實戰案例!視覺設計練習學到的3個小技巧

我的本意是想讓背景豐富一點,所以加了一下修飾元素。但現在看起來,元素十分的搶眼,已經妨礙我們去觀賞主形象了,所以我的做法就是縮小背景元素:

實戰案例!視覺設計練習學到的3個小技巧

嗯,不那么搶眼了,但好像看著很死板啊。于是我又調整了元素的角度,并且融入了一些英文做修飾,最終如下:

實戰案例!視覺設計練習學到的3個小技巧

切記,做設計的時候一定要隨時提醒自己:主次分明!

二. 排布元素的時候要學會“透氣”

在做背景的時候,我們經常會遇到排布元素的情況,最省事的方法就是平鋪。但平鋪也是需要技巧的,像下面這種就是赤裸裸的平鋪啊!

實戰案例!視覺設計練習學到的3個小技巧

為了使其透氣,我們可以拉開元素與元素之間的距離,或者縮小某些元素,如下圖:

實戰案例!視覺設計練習學到的3個小技巧

如果覺得還是很悶,那就讓小元素去后面,形成前后對比,達到透氣的效果:

實戰案例!視覺設計練習學到的3個小技巧

舉個實際的例子,下面這個元素排布的就很擁堵:

實戰案例!視覺設計練習學到的3個小技巧

首先我們可以將元素與元素之間不要離的那么近,有一種讓空氣可以在畫面里面流通的感覺:

實戰案例!視覺設計練習學到的3個小技巧

此時如果覺得畫面太單一、太空,我們就可以加一些小元素,讓小元素與主元素形成前后對比,就像下圖的淺灰色方塊一樣:

實戰案例!視覺設計練習學到的3個小技巧

加完小元素的效果如下:

實戰案例!視覺設計練習學到的3個小技巧

當然方法不止一種,但使畫面透氣、有節奏是我們的終極目標,只要能達成此目標,什么方法都可以。

三. 顏色有層次,畫面才會“活”

顏色對我來說真的很頭疼,最近的練習中對顏色也是頗有感觸,以后會專門寫一篇顏色的,今天就先講一個小點吧!

有時候我們會覺得畫面看著不夠“活”,死氣沉沉的,比如下面這個畫面:

實戰案例!視覺設計練習學到的3個小技巧

看著很平,就是因為顏色上沒有層次,沒有碰撞。藍色與紅色為對比色,假如我們將人物的衣服換成藍色,是不是會好點呢?

實戰案例!視覺設計練習學到的3個小技巧

嗯,確實是好了點,那背景是否可以再加點層次呢?

當然可以,例如加點紅色的互補色——綠色:

實戰案例!視覺設計練習學到的3個小技巧

這樣就看著層次豐富多了,也就是我們所說的“活”。但要強調一點,綠色是點綴色,不能占的面積太大,不然就太搶眼了。

總結

以上就是今天要分享的幾個小知識點,都是在平時執行過程中總結的,希望能給大家帶來一點啟發。

每一次執行都是最好的總結機會,學到了什么?運用了什么?這些都是我們需要思考的,積攢多了,進步那是必須的,不信你就試試。

歡迎關注作者的微信公眾號:「菜心設計鋪」

實戰案例!視覺設計練習學到的3個小技巧

「優設自學指南系列」

  1. 視覺設計我們到底要如何學習視覺設計?
  2. 平面設計:《超贊!設計師完全自學指南》
  3. 交互設計《交互設計師修煉指南!教你從零開始成為優秀交互設計師》
  4. UI設計:《超實用新手指南!零基礎如何自學UI設計?》
  5. 前端開發:《天貓高手來教你!零基礎如何系統地學習前端開發?》
  6. 摳圖技巧:《從菜鳥到高手!PHOTOSHOP摳圖全方位攻略》
  7. 配色方案:《色彩搭配速成!3個實用方法幫你全面搞定配色》
  8. DPI指南:《基礎知識學起來!為設計師量身打造的DPI指南》
  9. 交互設計自學路徑圖:《零基礎入門!給非科班生的自學路徑圖之交互設計篇》

【優設網 原創文章 投稿郵箱:yuan@uisdc.com】

================明星欄目推薦================

優優教程網 UiiiUiii.com是優設旗下優質中文教程網站,分享了大量PS、AE、AI、C4D等中文教程,為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章,按照我們的專欄一步步學習,一定可以迅速上手并制作出酷炫的視覺效果。

設計導航:國內人氣最高的設計網址導航,設計師必備:http://hao.uisdc.com

收藏 11
點贊 3

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。