search
[ 平面理論教程 ] 提高設計師快速出稿的超高效簡化流程- 其他教程 - 骨子愛創意

[ 平面理論教程 ] 提高設計師快速出稿的超高效簡化流程- 其他教程 - 骨子愛創意

教學主題: 提高設計師快速出稿的超高效簡化流程

大家好!! 小編今天來和大家分享關於 其他教程中的平面理論教程教學

今天的這個教學主題是: 提高設計師快速出稿的超高效簡化流程

這教學的重點為這幾點 [ 簡化,流程,高效,快速,設計師,提高,圖標,圖片,一個,風格 ]

希望你可以從這幾點中領悟到修圖的精華

本文重點

給文字做配圖是個重要但不輕鬆的活兒,而簡化高效的流程會是這一工作的最好助推器。本文就將逐步介紹這一簡化設計的流程,以及文末會提供一個可以快速上手的文件包,幫助你輕鬆入門,叩開那個令人興奮的世界大門。

給文字做配圖是個重要但不輕鬆的活兒,而簡化高效的流程會是這一工作的最好助推器。本文就將逐步介紹這一簡化設計的流程,以及文末會提供一個可以快速上手的文件包,幫助你輕鬆入門,叩開那個令人興奮的世界大門。

眾所周知,視覺元素在網頁信息中扮演了舉足輕重的角色,無論是更新社交媒體上信息、還是發博客、寫電子書或者在線製作幻燈片,只要你產生的內容包含圖像,那麼你就跟視覺元素就有着指數般飆升的親密關係。所以,為在線內容搭配吸引眼球的圖片就顯得如此重要。

幾個月前我剛開始寫博客的時候就發現給每篇文章配上好看的圖片很重要,且在之後的工作中也更加肯定了這一“發現”,有時候出版商給我的文章配的素材圖片讓我略詫異,也不是說圖片本身不好,而是有種因為不匹配而產生的不穩定感。

提高設計師快速出稿的超高效簡化流程

素材圖片真的看起來那麼的素材【圖片來源:Spin Sucks】




不久后我們重新包裝了自己的博客,也幾乎在同時對我們的網站做了一些改動,這都迫使我們重新審視自己的形象塑造問題。根據Get Spokal的Alexandra Skey的理論,人們記住圖片的難易程度是記住文字的6倍。同時,Blogpros在研究了100個最受歡迎的博客后發現,它們平均每350個字就會配一張圖片。根據 Citrix的發現,接近半數的網民會轉發他們在網上瀏覽過的圖片或者視頻,因此社交媒體上圖片所扮演的角色的重要性不言而喻。

鑒於此,我立志保證每個發布的內容中(無論是博客、約稿或電子書)包含10個圖片;幾乎可以預見踐行這一承諾需要很多時間,好在作為一個設計師,在這條路上我並不孤獨,反正時間管理一直是我們面臨的很大的問題。設計師經常往腦子裡裝了很多東西想去執行,但可能在開始之前並沒有想太多,就像Pinterest停不下來的瀑布流一樣,這是我們很多人“萬劫不復”的深淵,沉浸在自己YY的神聖的“靈感”中。

我現在大概每周寫4~5篇博客,所以,了解到我對哪部分成果得意忘形了吧~是啊,設計部分,我現在致力於推廣一個簡化的圖片設計管理流程。事實上,我的博客就是我的實踐基地,現在我用它發布一些我們在線的作品,當然,你也值得擁有~從網站圖形到白皮書,以及介於兩者之間的種種形態的圖片,我的流程一直在為他們的快速迭代生產而助力、服務着。

在實踐這個流程3個月後,真心覺得這是一個超高效的的系統,而且有着任何人都可以輕鬆入門的零門檻,讓製作好看的圖片不僅僅是瘋狂的插畫師的專屬技能。

正確的思維模式:

提高設計師快速出稿的超高效簡化流程

為簡化圖片設計流程而構建正確的思維模式

不確定性和猶豫不決是兩大高效殺手,所以,我們從構建正確的思維模式開始:

預設期望值

你不是在為全世界的高速公路設計廣告牌,你只是在為在線內容配圖;所以,擺正你的期望值。圖片創作並不等同於藝術創作,前者需要引人注意和吸引眼球,它們需要藉助視覺元素而增加一些趣味性,解救讀者於那些再強打精神也讀不完的10頁無圖片的文章。




就圖論圖

我真的很喜歡創建圖像這一環節,因為每張圖的背後都包含了太多的含義。那麼問題來了,你怎樣將自己的工作轉化為圖片呢?倒不是說圖一定要代替文本,只要它能在讀者通讀文章的時候提升整體閱讀觀感、突出重點、提升閱讀趣味性就好。換句話說,主要目標是創造一些不破壞整體和諧感的吸睛之筆。

設置時限

時限對設計師來說大有裨益,通常我感覺首先產生的想法總是永遠的處於執行ing的狀態,所以給每張圖分配一個5~10分鐘的時限吧(給之後的想法留點空間)。之後快速分析候選項,在時間框架內選出可實施性最高的。試着挑戰一下堅持那個時限,例如我想要在這裡插入一個圖片,說明如何建立正確的思維模式。起初,我在想一個引人注意的頭部與直觀可見的大腦的形狀,最好來點閃電光束什麼的~過程有點痛苦,而且可能最後也沒什麼意義,但這都不重要,最後,大腦+燈輻射出的光束=完成!

準備工作




從眾多的圖標中開始吧

其實準備工作往往是最重要的部分,雖然它之後可能只是湮沒在複製粘貼的流程中,雖然如果你想做的全面一些,羅列圖標就會花掉你一天的時間,不過相信我,這一切都是是值得的。在過去的幾年中我都一直在收集它們,有時候畫一些,有時候買一些。

提高設計師快速出稿的超高效簡化流程

複製粘貼出一個屬於自己的海量圖標庫

如果你做設計也有一段時間了,那麼或許曾經的圖標都散落在各個做過的項目中,現在是時候規整一下了,整理一個大的文件包,如上圖所示。不過其實初始數量沒有那麼重要,可以使用一些開源的包去豐滿它。坦白的說,優設(壞笑)一直是我重要的素材來源之地。




提高設計師快速出稿的超高效簡化流程

當你在匯總整理你的圖標時,也要考慮收集一些Logo,你可以在搜索引擎找到任何品牌的矢量圖標下載,Brand of the World也是另一個可以發現優質Logo的地方。

既然矢量圖標隨處可得,那麼收集海量的圖標就真的比你想象的要簡單的多(縱然你現在的圖標庫里還空空如也)。不過在使用它們之前,一定要確保版權可用問題,確認無誤后才萬事俱備,嗯優設收集的東西都是無版權限制的。

如果你對你收集的圖標感到滿意,那就歸檔到一個文件夾里。我發現整理圖標並分組很有用,因為很多時候找圖標會浪費掉很多時間;總是隱約記得曾經存過,但是怎麼也找不到的情況太常發生了。

提高設計師快速出稿的超高效簡化流程




對圖標進行分組管理

在整合圖標集的時候,你需要找到哪些是與你的內容相關的。雖然許多通用圖標適用於任何人,但你總有自己的選擇,所以列出所有分組,包括你自己獨特的那一組~

提高設計師快速出稿的超高效簡化流程

各種各樣的箭頭

提高設計師快速出稿的超高效簡化流程




標點符號和字母

提高設計師快速出稿的超高效簡化流程

PC操作圖標(保存、回收、下載、上傳、點擊、指向等等)

提高設計師快速出稿的超高效簡化流程

設置和管理(工具、鎖、齒輪、指南、等等)




提高設計師快速出稿的超高效簡化流程

與時間相關的圖標(時間、時鐘、日曆、通知)

提高設計師快速出稿的超高效簡化流程

設備(電腦、ipad、手機、網頁、書籍、相機、等等)

提高設計師快速出稿的超高效簡化流程
貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit/Undo )命令使
用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。




數據可視化

提高設計師快速出稿的超高效簡化流程
貼心提醒: 使用選框工具( Marquee Tools )的時候,按住Shift鍵可以劃出 正方形和正圓
的選區;按住Alt鍵將從起始點為中心勾劃選區。

排版

提高設計師快速出稿的超高效簡化流程

各種類型的媒體(圖片、資料、視頻、音樂)




提高設計師快速出稿的超高效簡化流程

人物和情緒

提高設計師快速出稿的超高效簡化流程

社交媒體圖標(包括大眾的和小眾的)

提高設計師快速出稿的超高效簡化流程




溝通方式(電子郵件、發送、對話、演講、報價、共享、反饋,等等)

提高設計師快速出稿的超高效簡化流程

其他

提高設計師快速出稿的超高效簡化流程

最近,我開始設計一些由一個圖標延伸變化出不同的圖標,我喜歡嘗試不同的風格和顏色。所以,當你設計圖標時,大膽的突破有助於構建其他的風格:色塊、輪廓、紋理等。




提高設計師快速出稿的超高效簡化流程

由一個icon延伸出的其他形式

當你完成了圖標歸檔工作,你會發現你會在很多場景下都可以復用它,不僅僅是在發布博客的時候使用,我把我自己的收集都做成了web字體,它值得我為此付出過的一切(當然,用不到的就要大膽的刪)

靈感收集

第二件我發現很有用的事是把激起過靈感的素材整理為一個文件夾,正如很多人在做的一樣,收集針對特定風格的圖片。所以,在Pinterest上Pin住能帶給你靈感的圖片,或者down下來存在文件夾中。

因為我有整理強迫症,我會按照風格給我收集的一切歸類(圖標、模板、象形圖、圖表、輪廓、拼貼畫等等),當你設計圖像時,與一群不同風格的元素共舞是很有趣的。

提高設計師快速出稿的超高效簡化流程

製作一個風格(能刺激靈感的)文件夾

色彩組合

在這個設計流程中,最後一個我發現很有用的環節是收集各種不同的色彩組合,我偏愛明亮而溫和的色彩組合,不過這只是個人喜好啦。

最簡單的收集方法是找到你很喜歡它的顏色的圖片,然後取樣它的配色方案,類似下圖(為了讓你關注顏色本身,我對圖片做了模糊處理),這張圖片有着搭配很棒的色彩組合。

提高設計師快速出稿的超高效簡化流程

收集多種配色方案

再一次強調,整理它們真的超級有用!預製好配色方案可以讓我提前想好哪些顏色間比較搭配,這好過我做新項目的時候臨時想。這樣,我只要選擇合適的一組,而不需要進一步思考配色方案,因為我已經知道這些顏色彼此之間已經很搭配啦。

提高設計師快速出稿的超高效簡化流程

將色塊整理成相得益彰的配色方案

終於該開始設計圖片了

如前文所提到的一樣,在此之前所做的一切工作都屬於“複製-粘貼”工作流的一部分(收集的圖標、風格和色彩組合),之後你可以在你想要創作的內容中無縫銜接這些元素,對於提升效率非常有幫助。

設計過程開始於定風格和色調,之後,選擇一個最能代表你內容的圖標,將圖標轉換成你預定的風格和配色方案。我將用一些例子來說明這一過程

過程的過

我們第一次使用這個流程是要為一篇文章重點突出12個條目,為此,我想為這12項中的每一項配圖,所以我從在自己的圖標庫里找圖標開始,找到12個對應的圖標大概花了我10分鐘,雖然這12個圖標中有些更有針對性,有些稍微弱一些,但每個都可以模糊的代表對應的列表項。BTW,如果你想讓過程儘可能簡單,也可以選用自己拍照的方式。

提高設計師快速出稿的超高效簡化流程

決定風格與配色方案的圖標集

提高設計師快速出稿的超高效簡化流程

確定一個可以模仿的風格

對了,在挑選圖標之前,我選擇了一個可以模仿的風格和配色方案(這些都從我的收集中挑選)—— 明快的風格,我選擇了純色色塊的簡單圖標,明亮的背景色和明顯的輪廓線。

在顏色方面,首先我確定我需要至少12種顏色,因為我希望分別突出這12項,最後的配色方案的選擇落在了堅固趣味性和明快色彩的方案上。

提高設計師快速出稿的超高效簡化流程

確定配色方案

根據我選出的配色方案,最後一件需要做的事情就是把圖標、風格和配色方案組合起來,這一環節大概要花30~40分鐘,下圖就是你看到的成果啦。

提高設計師快速出稿的超高效簡化流程

組合你的圖標、風格和配色方案

最後我要做一下封面圖像,為此,我再次利用了下這些圖像,然後配上標題;這一步驟需要15分鐘。

提高設計師快速出稿的超高效簡化流程

再利用那些圖形去做一個封面

該說的都說了,該做的也都做了,我設計完成了一套包含12個圖標的博客配圖,外加一個封面,整個過程卻只花了1個小時,好棒。

流程外的延伸

上述過程之美就在於,我可以用同一種插畫風格創作一系列圖像,或者之後從那種風格擴展出去也會容易很多。在下面將要介紹的例子中,你會看到那種插畫風格非常接近我上文製作的那一套。只是下圖更為複雜,而且引入了文字元素去增加一點趣味性,否則就太乾巴巴的感覺了。感覺“ 美國聯邦貿易委員會就是最乾巴巴的代表。

提高設計師快速出稿的超高效簡化流程

從同一種插畫風格延伸出的不同套圖

如果你想探求更多的多樣性,你可以將插畫風格和內容聯繫起來,之前我不是選擇了加粗的輪廓和明亮的色彩么,如果我對此感覺良好的 話,我會嘗試一組拋棄顏色而更注重線條和紋理的圖像。這種轉變並不難,而且會為你的內容增加很多趣味多樣性。

提高設計師快速出稿的超高效簡化流程

通過延伸插畫風格來增加多樣性

這裡的過程之美也在於它一直是很靈活機動的,你可以花更多的時間去創作細節更豐富的圖像(像上面的線圖),或者你也可以偷懶去做看得過去的圖像。有時候我很急的時候,我只是將圖標置於色塊背景上來來製作圖像,這略微有一點點逃避,不過事實它也確實是張圖而且也能夠承載一些視覺趣味性。

提高設計師快速出稿的超高效簡化流程

急用的時候,通過簡單的圖標加彩色背景才創作圖片。

Get這個技能后,你也能夠依照此輕鬆的製作圖表。

當我開始創作圖表的時候,我驚喜的發現這一流程也適用於此。我選擇一個自己滿意的配色方案、插畫風格。大部分素材源於我平時的手機,所以這會節省不少時間,自始至終,一天就夠了。

提高設計師快速出稿的超高效簡化流程

這簡直是通往優質圖表的捷徑,(圖片來源:The Shelf)




整個過程就是再利用、篩選混合素材,然後與心智模型匹配的過程。

“膽大心細”的取捨來進一步簡化。

聚合新圖像

當你要配圖的內容很多的時候,你就需要第四種資源了:迄今為止你設計過的所有圖片。這樣你創作的起點就是你曾經設計過的圖片,而不是那些最基本的圖標,有時候你可以重複再利用曾經的作品。

當我很趕時間的時候,我往往花10分鐘時間去拼湊圖片,僅僅混合、匹配和改變一些顏色。

提高設計師快速出稿的超高效簡化流程

重複利用曾經的作品

我經常再利用自己在博客中Po出過的圖。

提高設計師快速出稿的超高效簡化流程

重複利用自己的作品

我會給舊作加個背景色、配上文字和陰影;啊哦,頭條新鮮出爐~

提高設計師快速出稿的超高效簡化流程

稍加改動就是一張新的圖

艾特時注意社交屬性

當你設計圖片的時候,考慮到社交媒體屬性會幫你節省不少時間。我們會在Google Drive的文件夾中保留所有我做過的圖片的副本,以及組成它們的配色方案。這樣,任何人隨時隨地都可以輕鬆的訪問它們,並且在社交媒體轉載,對大家來說都是不錯的範例。對社交媒體來說,強有力的視覺元素很重要,否則用戶就會迷失在無聊的微博(tweets)和帖子里。根據 According to Business 2 Community的調查報告,比起純文本,配圖的微博(tweets)點擊率高18%,喜愛數高150%。

提高設計師快速出稿的超高效簡化流程

資源在網上存檔好

通用標題圖片

最後,有一套可以快速復用的通用題圖圖片很有價值。好吧,隨着這聽起來有點偷工減料的嫌疑,不過對於完成工作來說是很有用的。你可以更換顏色、圖標和文本,換上有時效性的新圖片。題圖要承載足夠的視覺衝擊力和吸睛力,記得要結合文本。

提高設計師快速出稿的超高效簡化流程

快速創建題圖

收工

如果你要發布的內容很多,那麼高質量的圖片對於維持用戶的專註度和留存率來講就很重要。或許與時下流行的看法相反,我覺得你不必依賴於一些世俗的素材(就像文章開頭那個火柴的圖片,就是它促使我想要整理這一設計流程來改變一些現狀),而根據上文所提到的流程來輕鬆的製作屬於自己的圖片顯得有價值得多,對於高效的線上發布來說,簡化的流程顯得非常的可愛。只要你在正確的方向上努力着,你會為此受益良多。

所以,本着提升速度、效率和趣味性的初衷,我們提供了一個可下載的AI文件來幫你啟程。包括文章中用過的圖像類型:簡單的圖標、花哨的小標題,改動后的圖標,標題模板,還有一套驗證過的配色方案,Enjoy你的設計吧。

看完小編分享的教學之後 是不是對平面理論教程中的其他教程教學更熟悉了呢?

希望我們所介紹的 提高設計師快速出稿的超高效簡化流程 這教學會喜歡

文章標題: 骨子愛創意- 提高設計師快速出稿的超高效簡化流程–轉載請註明來源處

本教學分類為平面理論教程中的 其他教程相關教學

文章相關關鍵字為: 簡化,流程,高效,快速,設計師,提高,圖標,圖片,一個,風格

本文永久連結 :提高設計師快速出稿的超高效簡化流程

本文轉載自 :VIA

熱門推薦

本文由 愛創意 提供 原文連結

愛創意
寫了3813篇文章,獲得1次喜歡
留言回覆
回覆
精彩推薦