企業微信
酷網科技公司
當前位置: 建站知識  >>  瀏覽文章
時間:2016年06月04日 信息來源:互聯網

幫設計師快速出稿的超高效簡化設計流程附文件包

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

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

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

產品設計流程 設計流程 UCD設計流程 交互設計流程

素材圖片真的看起來那么的…素材…. (圖片來源:?Spin Sucks)

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

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

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

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

正確的思維模式:

產品設計流程 設計流程 UCD設計流程 交互設計流程

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

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

預設期望值

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

就圖論圖

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

設置時限

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

準備工作

從眾多的圖標中開始吧

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

產品設計流程 設計流程 UCD設計流程 交互設計流程

復制粘貼出一個屬于自己的海量圖標庫

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

產品設計流程 設計流程 UCD設計流程 交互設計流程

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

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

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

產品設計流程 設計流程 UCD設計流程 交互設計流程

對圖標進行分組管理

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

產品設計流程 設計流程 UCD設計流程 交互設計流程

各種各樣的箭頭

產品設計流程 設計流程 UCD設計流程 交互設計流程

標點符號和字母

產品設計流程 設計流程 UCD設計流程 交互設計流程

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

產品設計流程 設計流程 UCD設計流程 交互設計流程

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

產品設計流程 設計流程 UCD設計流程 交互設計流程

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

產品設計流程 設計流程 UCD設計流程 交互設計流程

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

產品設計流程 設計流程 UCD設計流程 交互設計流程

數據可視化

產品設計流程 設計流程 UCD設計流程 交互設計流程

排版

產品設計流程 設計流程 UCD設計流程 交互設計流程

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

產品設計流程 設計流程 UCD設計流程 交互設計流程

人物和情緒

產品設計流程 設計流程 UCD設計流程 交互設計流程

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

產品設計流程 設計流程 UCD設計流程 交互設計流程

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

產品設計流程 設計流程 UCD設計流程 交互設計流程

其他

產品設計流程 設計流程 UCD設計流程 交互設計流程

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

產品設計流程 設計流程 UCD設計流程 交互設計流程

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

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

靈感收集

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

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

產品設計流程 設計流程 UCD設計流程 交互設計流程

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


(編輯:小酷)

 


上一篇:2015移動端UIUX設計趨勢報告
下一篇:PS教程!利用Photoshop制作超美的水彩效果
聯系
客服

掃碼添加客服微信

服務熱線
服務熱線
0411-62888851
公眾號

掃碼關注公眾號

回到頂部