手把手教你包裝一份高大上的设计稿

1

作为一个主要以接项目的设计师,包装一个项目是很重要的。

我们分几个内容来说明一下吧。

目录为什么需要包装?设计如何包装?举个例子,以我最近的一个项目;说明设计理念;色彩运用;细节说明;界面展示。为什么需要包装

在生活中,我们无时无刻不在面对包装。

例如,超市的洗发精、饮料;外卖食品;新的电子产品。

我们会因为这些包装而购买,也会因为这些包装而不想购买。

这才是你要学的!手把手教你包裝一份高大上的设计稿

这是我看到包装就忍不住购买的洗发精。

面对设计元素,也同样道理。我们也需要包装我们的设计产品。你试想一下,你作为甲方,支付了 5 万元的一个项目,拿到只是一堆 PNG 格式的图片,这种心情,是什么样子无奈。

这才是你要学的!手把手教你包裝一份高大上的设计稿

甲方收到的一堆 PNG

设计如何包装

设计如何包装,这是我们的问题。

在我习惯上,我习惯了为甲方提供一份包含 PDF 说明档案的档案包。

4

应该提供的档案包。

「档案包」的档案夹结构

请先阅读PDF 说明档案(由 Keynote 自动生成,以免甲方在 Windows 下无法打开);Keynote 档案预览图形所有界面屏幕所组成的大型预览 PNG 档案;所有屏幕每一个界面的单独 PNG 输出。

PDF(Keynote)说明档案

这是「包装」中的重中之重,我会使用 Keynote 制作,加上合适的幻灯片切换动画以及部份构件的进入动画,说明一下设计理念、色彩运用、界面细节等之类的东西。

若面对面时候,则用我的 Macbook Air 来展示(Keynote 使用 1080P 分辨率),若邮件传送,则输出为 PDF,以保证一致的显示质量。

以例子来一起学习一下

XX(为防同学们误认为软文,此处皆替换为XX,见谅)是我最近的一个设计元素,我为他们提供了界面、交互以及少量产品上的专业支持。它是一个 Wechat 智能娱乐助手,能够推荐你附近好玩、好吃的地方。

这才是你要学的!手把手教你包裝一份高大上的设计稿

XX,一个微信智能娱乐助手(我的例子项目)

主要设计理念

既然,XX是一个关于「娱乐」的项目。我第一个的想法就是,要多姿多彩、色彩丰富、不应该单调在一个颜色上。接着,对于整体来说,却又应该简洁明了,恬静舒适,以保持整体控制在色彩丰富但是又不会觉得隆重,凌乱的感觉。

这才是你要学的!手把手教你包裝一份高大上的设计稿

恬静、舒适是XX的真实追求。

色彩运用

上文以及提及到了,我们应该「色彩丰富」。所以,我确定一个鲜艳的「Carnation」作为高亮色调,接着,其他饱和度相对低的,作为辅助色彩。

(一般来说,如果是单色调项目时候,应担搭配上灰度色调)

XX:色彩运用的方面