OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
作为一个主要以接项目的云智互联，包装一个项目是很重要的。OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
我们分几个内容来说明一下吧。OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
目录为什么需要包装？设计如何包装？举个例子，以我近的一个项目；说明设计理念；色彩运用；细节说明；界面展示。为什么需要包装OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
在生活中，我们无时无刻不在面对包装。OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
例如，超市的洗发精、饮料；外卖食品；新的电子产品。OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
我们会因为这些包装而购买，也会因为这些包装而不想购买。OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
这是我看到包装就忍不住购买的洗发精。OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
面对设计元素，也同样道理。我们也需要包装我们的设计产品。你试想一下，你作为甲方，支付了 5 万元的一个项目，拿到只是一堆 PNG 格式的图片，这种心情，是什么样子无奈。OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
甲方收到的一堆 PNGOUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
设计如何包装OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
设计如何包装，这是我们的问题。OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
在我习惯上，我习惯了为甲方提供一份包含 PDF 说明档案的档案包。OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
应该提供的档案包。OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
「档案包」的档案夹结构OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
请先阅读PDF 说明档案（由 Keynote 自动生成，以免甲方在 Windows 下无法打开）；Keynote 档案预览图形所有界面屏幕所组成的大型预览 PNG 档案；所有屏幕每一个界面的单独 PNG 输出。OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
PDF（Keynote）说明档案OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
这是「包装」中的重中之重，我会使用 Keynote 制作，加上合适的幻灯片切换动画以及部份构件的进入动画，说明一下设计理念、色彩运用、界面细节等之类的东西。OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
若面对面时候，则用我的 Macbook Air 来展示（Keynote 使用 1080P 分辨率），若邮件传送，则输出为 PDF，以保证一致的显示质量。OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
以例子来一起学习一下OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
是我近的一个设计元素，我为他们提供了界面、交互以及少量产品上的专业支持。它是一个 Wechat 智能娱乐助手，能够推荐你附近好玩、好吃的地方。OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
XX，一个微信智能娱乐助手（我的例子项目）OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
主要设计理念OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
既然，XX是一个关于「娱乐」的项目。我第一个的想法就是，要多姿多彩、色彩丰富、不应该单调在一个颜色上。接着，对于整体来说，却又应该简洁明了，恬静舒适，以保持整体控制在色彩丰富但是又不会觉得隆重，凌乱的感觉。OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
恬静、舒适是娱乐的真实追求。OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
色彩运用OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
上文以及提及到了，我们应该「色彩丰富」。所以，我确定一个鲜艳的「Carnation」作为高亮色调，接着，其他饱和度相对低的，作为辅助色彩。OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
（一般来说，如果是单色调项目时候，应担搭配上灰度色调）OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
XX：色彩运用的方面OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
FMS：色彩运用的照片档案OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
界面细节OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
我们讨论完，主概念、色彩，是时候来说一下「界面细节」了。OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
界面细节，在包装中，更习惯使用一个一个的描述线来说明。这个看看例子就马上明白了。OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
XX：主界面细节说明OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
XX：设定界面细节说明OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
细节说明这个，你可以多做 4 ~ 5 个页面，来把一些你值得注意的地方，放大说明。或者这个 icon 你很用心去绘制，更要放大说明。千万不要把你的心思，埋没在一堆 PNG 之中。OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
界面展示OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
完成了理念、色彩、细节，我们做一个大 PNG 来一个 Happy END 就可以了。OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
不过由于 PPT 一般放不入长条的大型 PNG 组合界面显示，往往我会放一个好看的说明图，来告诉「甲方」应该打开哪个档案来浏览。OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
XX：主要界面组合显示OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
XX：长条形界面的单独组合OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
享受OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
或许花了 30 分钟，你把自己的 Keynote 制作出来了。不要心急给甲方发过去，先自己 Enjoy 一下，检查检查一下有没有错字、写得不够好的地方。自己给自己多播放几次，感受一下自己要演讲一样的样子。OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
感觉一切没问题，就给他们发过去把。OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
结语OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
其实，我一开始做外包时候，也和大家一样，就交一堆 PNG 给甲方，就这样完事了。但是，那个时候，往往甲方会不理解，不明白，老是要我修改这里，修改哪里。我就需要很用力地，解释为什么这些是这样做的，为什么那里不能修改。OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
经过一次看那些什么文章「你看看别人是怎么拿到 200 万的设计」，我突然感受所悟。OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
自此之后，我每次的设计工作，无论项目还是版本递进修改，都会产生一份说明的 Keynote 档案，并且输出一份 PDF。OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
同时也因为这样，甲方的过稿率就大大提高了。我要乱来修改的项目也减少了不少。因此，我认为，好的包装，是实力的证明。云智做网站也是一样，网站的设计架构和整体的色彩配置都给你一个满意的回复，因为云智是在用心为客户服务。OUK北京网站设计开发,小程序开发,公众号,微信开发-云智互联
