手把手教你包裝一份高大上的設(shè)計稿
接了一個200萬的單,最后給甲方幾張PNG?當(dāng)然不行,學(xué)會包裝設(shè)計稿是一個設(shè)計師最基礎(chǔ)的技能,讓甲方看懂你的設(shè)計,體驗(yàn)?zāi)愕挠眯模挪粫o休止地改改改,過稿率也能迅速提...
作為一個主要以接項(xiàng)目的設(shè)計師,包裝一個項(xiàng)目是很重要的。
我們分幾個內(nèi)容來說明一下吧。
目錄為什么需要包裝?設(shè)計如何包裝?舉個例子,以我最近的一個項(xiàng)目;說明設(shè)計理念;色彩運(yùn)用;細(xì)節(jié)說明;界面展示。為什么需要包裝
在生活中,我們無時無刻不在面對包裝。
例如,超市的洗發(fā)精、飲料;外賣食品;新的電子產(chǎn)品。
我們會因?yàn)檫@些包裝而購買,也會因?yàn)檫@些包裝而不想購買。
這是我看到包裝就忍不住購買的洗發(fā)精。
面對設(shè)計元素,也同樣道理。我們也需要包裝我們的設(shè)計產(chǎn)品。你試想一下,你作為甲方,支付了 5 萬元的一個項(xiàng)目,拿到只是一堆 PNG 格式的圖片,這種心情,是什么樣子無奈。
甲方收到的一堆 PNG
設(shè)計如何包裝
設(shè)計如何包裝,這是我們的問題。
在我習(xí)慣上,我習(xí)慣了為甲方提供一份包含 PDF 說明檔案的檔案包。
應(yīng)該提供的檔案包。
「檔案包」的檔案夾結(jié)構(gòu)
請先閱讀PDF 說明檔案(由 Keynote 自動生成,以免甲方在 Windows 下無法打開);Keynote 檔案預(yù)覽圖形所有界面屏幕所組成的大型預(yù)覽 PNG 檔案;所有屏幕每一個界面的單獨(dú) PNG 輸出。
PDF(Keynote)說明檔案
這是「包裝」中的重中之重,我會使用 Keynote 制作,加上合適的幻燈片切換動畫以及部份構(gòu)件的進(jìn)入動畫,說明一下設(shè)計理念、色彩運(yùn)用、界面細(xì)節(jié)等之類的東西。
若面對面時候,則用我的 Macbook Air 來展示(Keynote 使用 1080P 分辨率),若郵件傳送,則輸出為 PDF,以保證一致的顯示質(zhì)量。
以例子來一起學(xué)習(xí)一下
XX(為防同學(xué)們誤認(rèn)為軟文,此處皆替換為XX,見諒)是我最近的一個設(shè)計元素,我為他們提供了界面、交互以及少量產(chǎn)品上的專業(yè)支持。它是一個 Wechat 智能娛樂助手,能夠推薦你附近好玩、好吃的地方。
XX,一個微信智能娛樂助手(我的例子項(xiàng)目)
主要設(shè)計理念
既然,XX是一個關(guān)于「娛樂」的項(xiàng)目。我第一個的想法就是,要多姿多彩、色彩豐富、不應(yīng)該單調(diào)在一個顏色上。接著,對于整體來說,卻又應(yīng)該簡潔明了,恬靜舒適,以保持整體控制在色彩豐富但是又不會覺得隆重,凌亂的感覺。
恬靜、舒適是XX的真實(shí)追求。
色彩運(yùn)用
上文以及提及到了,我們應(yīng)該「色彩豐富」。所以,我確定一個鮮艷的「Carnation」作為高亮色調(diào),接著,其他飽和度相對低的,作為輔助色彩。
(一般來說,如果是單色調(diào)項(xiàng)目時候,應(yīng)擔(dān)搭配上灰度色調(diào))
XX:色彩運(yùn)用的方面