臨摹動態設計作品:你必須知道的10個禁忌!

簡介

現在我們已經可以在一個更大的背景下去思考視覺傳達的基本方式,接下來讓我們更加深入可以支配視覺表象形式的具體原則,即設計原理。

Image title

在我們探討設計原理的核心之前,我們需要明確構成視覺語言的5種元素。

Image title

1.線段

Image title

線段在動態設計中是點的集合。線段生成了運動,吸引我們的眼睛去跟隨它的運動軌跡。線段可以是直線、曲線、虛線或粗細變化的線,它是構成形狀的基本元素。

2.形狀

Image title

線構建了形狀。形狀就是我們如何去認知物體。要么是從物理世界,要么是從創意或者概念。

3.明度

Image title

明度是美術的術語,用來描述光與影的效果。在數字化的創作中,我們也可以用亮度描述。這個物體到底有多亮或者多暗,就是用明度來表示。

4.材質

Image title

材質指的是物體的表面的質感,它可以使我們聯想到我們觸摸時的感覺。當一位藝術家想利用物體表面的對比去產生視覺興趣時,他就會使用材質。

5.顏色

Image title

顏色是光的產物。在藝術創作過程中,我們通過選擇不同的顏色去表現和增加視覺吸引,從而模仿真實的世界。紅黃藍是三個主要的顏色,其次是橙、紫、綠。

例子

Image title

形狀:圓形、線條、齒輪

大?。航笮⌒巫幢舜伺帕行緯啥員?/p>

顏色:橙、黃、藍、紫、粉、灰

材質:桌面使用材質與平面物體形成對比

明度:用暗色與背景的亮色作對比

在我們對設計元素有了基本的概念之后,接著讓我們深入10個核心的動態設計原理。

Image title

1.對比

Image title

對比是一個非常簡單的概念,但是卻極其重要。對比可以簡單解釋為:某種差異。

我們可以在形狀,大小,明度,材質和顏色上作出對比。建立對比會增加作品的視覺吸引。人類的視覺被對比吸引,如果你沒有強烈的組合變化,你的視覺創作就會因此缺乏戲劇性和生動感。

2.重復

Image title

另外一個簡單的原理是自我解釋(self-explanatory),它可以理解為重復。

可以是形狀,顏色,材質,明度等的重復,也可以是重復同樣的形狀去創建一個更大的視覺結構。重復是為合成增加元素的一種簡單的方法,同時可以為場景帶來統一、和諧的感覺。

3.對齊

Image title

對齊意味著視覺元素可以被有意地排列,從而創建出一種穩定的視覺結構。

在設計中我們經常把元素隨機排列,而使用對齊方法為我們提供了一種吸引眼球的結構類型。在網格的環境中去創作為我們使用對齊原理帶來了優勢。這就是為什么我一直強調用帶有網格的寫生簿去繪畫,以及在Iiiustrator和Photoshop中使用網格參照。

4.間距

Image title

物體之間的距離暗示著它們的相互關系。將物體組合或分開可以幫組我們創建視覺結構。

這是另外一種可以幫助我們有效地傳達視覺信息的原理。通過簡單的給予物體間距,我們可以告訴觀眾元素之間的關系。這個原理經常被用在海報和網頁設計,但卻適用于所有類型的視覺信息。

5.統一

Image title

這個概念比之前的原理更抽象和主觀,但卻很容易掌握。

統一意味著,當所有元素都很一致,每一個部分就會在場景中結合得很好。沒有任何一個單獨的部分可以被視為比整體設計更重要。使用重復的原理以及平衡的配色方案是在設計中實現統一的簡單途徑。

達到統一的另一種形式是使用統一的小細節。例如,如果你在設計中使用描邊,使用相同的寬度或全部使用虛線描邊,會為你的設計帶來統一的感覺。現在,關鍵就變成是增加變化去維持視覺的吸引,你的設計不能太一致而沒有對比。

6.變化

Image title

變化意味著使用不同的大小、材質、形狀、顏色和明度,在你的整體設計中加入對比。

對于很多年輕的設計師來說,這可能會是一個問題。很好的使用元素變化在剛開始是很困難的??朔飧鑫侍庾詈玫姆絞驕褪遣饈院吞剿魅綰謂巫春脫丈釓湓諞黃?。不要害怕去嘗試將不同的形狀、顏色和材質放在一起,它可以讓你找到將不同元素完美搭配,同時又保持統一感的方法。

另外一件我建議你做的事是,當你在Vimeo或behance上觀看不同的動態設計時,關鍵是學習它的單幀。觀察他們在設計中使用了多少不同的形狀,顏色,明度等等...我認為你會找到一些作品,讓你覺得很棒。這些作品大多數都融合了大量的變化,同時又保持整體的統一。

7.平衡

Image title

觀看圖像時,我們會根據我們自己對物理結構(包括質量、重力等)的認知去判斷它們的狀態,這就為我們帶來了平衡感。

平衡有兩種形式:對稱和不對稱。

這是觀眾的另一個主觀概念,所以當你去看你的作品時,要留點時間去檢查你是否達到了平衡。

8.強調

Image title

這是每一個設計師都應該掌握的重要的概念。我們明確了設計的根本是信息的傳達,而強調就是讓觀眾有一個清晰的焦點。我想告訴觀眾去看哪里,這就是強調的原理。

9.比例

Image title

比例可以簡單解釋為場景中物體的相對大小。作為設計師你可以控制物體出現時的比例,這取決于你想如何表現物體的大小。例如,如果你想讓立方體看起來像摩天大廈一樣大,你可以在它的周圍放置一些小元素。

10.節奏

Image title

我們通常說的節奏是音樂的跳動、節拍,同樣,節奏也適用于視覺藝術。作為設計的原理,節奏的根本是重復和流動。

Image title

這里為大家介紹三種經常使用的節奏:

規律節奏(Regular)

流動節奏(Flowing)

激進節奏(Progressive)

規律的節奏發生在元素的間隔,而元素的本身,通常是相同的大小和長度。

流動的節奏給人運動感,在本質上更符合自然的運動規律。

激進的節奏通過一系列變化的過程去表達形狀的運動。

總結

現在,去掌握這些基本原理的最好的辦法就是去觀摩別人的作品。掌握設計原理是你成為一位有影響力的視覺藝術家的重要一步。我希望本文可以為你了解和組織視覺語言提供一個堅實的起點。

來源:UI設計第一站

上一篇: APP用戶體驗:規避常見的手機APP設計誤區

下一篇: 優化文案:用最小的成本提高用戶體驗

分享到: 更多
球探体育比分 怎样买彩票不赔钱 3d5码组六遗漏统计表 重庆时时开奖软件下载 上海时时一天多少期 水果机押注技巧 捕鱼赚钱一天5000 内蒙古时时走势图经 赛车6码二期怎么玩 黑龙江时时几点结束 彩票投注站利润怎么算 福彩彩神通 重庆时彩时彩结果 安徽快三计划软件稳定版 欢乐斗地主好友一起玩 必中北京pk10赛车计划软件