tft每日頭條

 > 生活

 > 手繪系列插畫

手繪系列插畫

生活 更新时间:2025-04-01 15:31:57
什麼是當今最火的設計趨勢?

不會手繪能不能做設計?

這個問題已經被問過太多次了,如果在三年前,我會斬釘截鐵地告訴你:完全沒問題。但來到2019年下半年後,不好意思,我的看法動搖了。

在讨論這個問題之前,我們先來回顧一下設計趨勢的變化。

早在2013年三月份,就有人在知乎提了一個問題:Jony Ive 推動 iOS 采用扁平化設計(Flat Design),這會有什麼影響?

手繪系列插畫(掃盲貼手繪插畫)1

最高贊的答案是會有影響,但是不大。直到 iOS 7 發布,答主回來自嘲打臉,我們才意識到,一個全新的設計趨勢已經降臨。

有趣的是,扁平化設計自誕生以來,就一直在進化蛻變。原因很簡單,和拟物化設計相比,扁平化的表現力,實在是太太太太弱了。

因此,自它誕生之日起,全球各地的設計師為了變化多端,狠下了一番苦功。

從最基礎的圖标入手,先上長投影,再來點漸變陰影。

手繪系列插畫(掃盲貼手繪插畫)2

過段時間,2.5D 和 3D 随即跟上。

手繪系列插畫(掃盲貼手繪插畫)3

彼時圖标尚在探索過程,網站落地頁、APP 引導頁、啟動頁等也停留在一張圖片 一段字的粗放時代。

手繪系列插畫(掃盲貼手繪插畫)4

轉眼2017年,圖标大緻定型,設計趨勢也從扁平化到微動效、卡片式設計等等。要注意的是,此時「個性插畫」已經作為重點出現在各類設計趨勢文章中:

部分文章成功預言了插畫的未來:

最近幾年,插畫在UI中出現的比例越來越高,在許多地方都有替代圖片的趨勢。其實原因并不複雜,插畫比起圖片可控性更強,更容易發揮創意,營造氛圍,傳遞信息。從内容到技術細節,插畫都在某種程度上超過現成的圖片。

到2018年,插畫已經不止于趨勢,開始強調多變的色彩:

2018年另外一個 UI設計趨勢,就是大量使用帶有漸變色彩的抽象插畫,這些插畫不再拘泥于之前我們常見的、普通的呈現方式,非對稱,反常識,獨樹一幟的設計,都開始融入其中。

這種抽象插畫最大的特點,就是與衆不同。漸變的色彩增加了插畫的豐富度,确保它足夠的獨樹一幟,足夠有趣。這一點同樣非常符合「吸引用戶注意力」的特征,從激烈的競争中脫穎而出。

手繪系列插畫(掃盲貼手繪插畫)5

如今的移動端屏幕比以往好了太多,即使是變化微妙的漸變,都可以被輕松直觀地展現出來,在依然扁平化為主的當下,采用漸變色的抽象插畫可以說是恰到好處。

而今2019年,各類成熟的設計系統和設計規範讓 UI 設計師可以像搭積木一樣做出整套界面的同時,也對 UI 設計師的職業技能提出了更高的要求 —— 繪制插畫無疑是最重要的。

在各類插畫中,噪點肌理風格成功在2019年的厮殺沖出重圍,連續霸占 Dribbble 首頁流行榜多次,更是騰訊、阿裡、美團、知乎等大廠的啟動頁/引導頁/落地頁等界面座上賓。

手繪系列插畫(掃盲貼手繪插畫)6

甚至在最近一篇流行設計圈的2020年趨勢文章裡,也提到了噪點肌理插畫。

說了這麼多,那麼回到我們一開始在文章開頭提到的問題:不會手繪能不能做設計?

我的答案依然是可以,但如今UI 設計行業競争激烈,如果沒有一個手繪技能加成,很難找到高薪的工作。

​手繪插畫和普通圖片相比,優勢有哪些?

作為設計中,最具有表現力的元素,一張插畫所傳遞的信息比文字更多更豐富。在UI和網頁中,使用插畫來輔助傳達信息,無疑更加直接到位。而插畫的可定制性之強,猶在圖片之上。

手繪系列插畫(掃盲貼手繪插畫)7

1. 插畫是視覺觸發器,瞬間傳達大量信息

我們常說「一圖勝千言」不是沒有道理的。人的視覺感知能力很強,看到圖片的一瞬間,也許還沒有來得及進行邏輯思考,但是大腦已經接收到大量的信息和内容。

心理學研究表明,人類隻需要大概1/10秒就可以感知到場景中絕大多數的元素和基本視覺信息。

視覺信息可以更快傳遞到大腦,而重要的信息,人類也通常會被固化為視覺圖像,而非文本化的記憶。

手繪系列插畫(掃盲貼手繪插畫)8

文本需要依托可讀性設計,而圖片和插畫則會被直接識别。

插畫更容易打破文化和語言隔閡,傳遞内容含義。對于視障用戶、閱讀障礙用戶和兒童,圖片插畫更容易被理解。

2. 插畫更适宜呈現故事

故事是最令人難忘的内容,劇情的走向和起承轉合會給人留下深刻的印象。而插畫則以清晰的形象将文字和意象勾連起來,無論是在網頁、UI設計還是内容和體驗上,都有着足夠突出的體現。

手繪系列插畫(掃盲貼手繪插畫)9

營造氛圍,渲染情緒,描摹環境,呈現角色,插畫讓故事更加鮮活、易于理解。在内容制造上,有着難以替代的作用。

3. 插畫獨有的情感吸引力

人是情感動物,看似理性的皮囊之下,幾乎每個決定都是在情感和情緒的驅動下完成的。如果某個設計除了能夠幫你達成某個目标,還能讓你感到愉悅,會心一笑,那麼通常下一步就是将它收藏起來并且分享給朋友。

而在諸多設計因素當中,插畫在撬動用戶情緒這一點上,有着無與倫比的效用——從線條、色彩到面部表情和曲線和動效,都在竭盡全力地為你闡述故事,營造氛圍,将你拉到故事和場景當中去。

手繪系列插畫(掃盲貼手繪插畫)10

4. 數字插畫還能強化交互

數字化的好處就在這裡,通過不同的數字軟件,合理的處理之後,不僅能夠變成動态的,運用于視頻當中,還能夠作為微交互,強化産品的整體體驗。

手繪系列插畫(掃盲貼手繪插畫)11

一旦涉及到的動效和短視頻,整個數字插畫就開始具備更多的可能性了,不同的動效能帶來截然不同的感覺和體驗,更不用說這種玩法正貼合時下的流行趨勢。

5. 插畫讓用戶可以更快理解和操作

無論是圖标還是大幅的插畫,都能幫助用戶理解,更加直觀地知道要看哪裡,要做什麼。

面對如今的數字界面,用戶的注意力持續的時間越來越短,而插畫則讓用戶更快、更直接地獲取信息,并且決策下一步要做什麼。如果插畫或者圖标内容不能被用戶一眼看出來,那麼用戶就隻能借助文本标簽來了解功能是什麼。

設計師可以通過測試來測試圖标和插畫的可用性和識别度。

手繪系列插畫(掃盲貼手繪插畫)12

除了找工作,手繪對于設計師還能起到什麼幫助?

1.練就你的眼力和觀察力

學手繪肯定少不了臨摹真實生活,但是臨摹物體或者人物,都需要了解其結構比例,需要你用心一點一滴去觀察物體細節。能注意一般人注意不到的細節,才能畫出一般人畫不出的東西。

手繪系列插畫(掃盲貼手繪插畫)13

2.提高版面構圖能力,對色彩極度敏感

畫畫的第一步就是構圖,這将決定作品的成敗。長期訓練後,可以提升對版面的協調性和把控力。

另外手繪訓練可以很好提升設計師對于色彩的敏感程度。什麼維度顔色搭配更協調,對于不同明度、飽和度顔色的識别力不同于未訓練過的人。

就如同學音樂人的聽音辨識力,不同于常人一個道理。

手繪系列插畫(掃盲貼手繪插畫)14

3.擺脫素材,為所欲為

從此不再受素材拼接的限制,為所欲為。不管這個東西是否是現實世界存在的,還是你夢裡出現的,想畫就畫。一支筆,創造出屬于你的世界。

手繪系列插畫(掃盲貼手繪插畫)15

手繪系列插畫(掃盲貼手繪插畫)16

— 今日福利 —

手繪系列插畫(掃盲貼手繪插畫)17

被PPT虐了千百遍,因PPT熬了無數個日夜。

可到底怎麼做好PPT?

一盞私藏PPT模闆禮包 視頻課程

私信小編即可獲得領取方法哦

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2025 - www.tftnews.com All Rights Reserved