keynote,简单便捷的原型及UI设计工具

keynote是apple的iWork套件之一,主要来做演示文稿,相当于office的ppt,2013年apple已将iWork套件免费提供下载安装。 过去用keynote做过很多的演示文稿,非常喜欢keynote的简洁及出众的演示效果,但从未考虑过用它 ...

keynote是apple的iWork套件之一,主要来做演示文稿,相当于office的ppt,2013年apple已将iWork套件免费提供下载安装。

过去用keynote做过很多的演示文稿,非常喜欢keynote的简洁及出众的演示效果,但从未考虑过用它来设计产品原型及UI,提起原型设计及UI设计,估计大多数的工具选择是Axure / Omnigraffle / Adobe Creative Suite ,我做为一个非专业产品人员和设计人员,很认可这些工具强大的功能,但总不习惯他们的操作。

在一次偶然的机会,要做一个ipad app设计方案,由于时间紧,便尝试用keynote进行设计,没想到效果非常好,效率也大大提高,从此一发不可收拾,几乎所有的产品设计方案都用keynote进行,包括epub360的前台界面、编辑器、ipad测试app,以及后台管理界面。

keynote的哪些特点如此吸引我?下面就我个人的使用心得与大家分享,

注:

1、没收apple的广告费,真心喜欢这个软件。

2、介绍老版的keynote,新版的keynote突出了演示效果的功能,反而在原型设计方面不如老版。

3、母版、智能对齐、插图等常规功能不做介绍,只谈几个自己喜欢的功能特点。

4、由于不熟悉Axure / Omnigraffle,有可能这些软件做的更棒,这里不做横向比较。

一、简洁,易上手,沉浸。

第一次使用keynote便喜欢上它的简洁布局,比起某家的软件干净太多了,非常容易上手,自己摸索几次便可熟练操作,在全屏模式下,可以沉浸在设计当中,不会被界面干扰。

 

二、便捷的媒体占位符功能。

可以将图片设为媒体占位符,随后便可粘贴或者直接拖放一张图进行替换,占位符图片本身的属性依然保留,但图片可以很方便替换,不用重新调整图片属性。虽然是个小功能,但在做设计时经常会用这个属性,可以提高效率。

媒体占位符示例

三、强大、灵活的表格绘制功能。

提起表格,都会联想到绘制数据表格,其实,巧妙使用keynote的表格功能,可以做出很多UI设计效果,比如做出漂亮的内容列表,九宫格图片展示,导航条等等。

keynote的表格绘制功能,是我最喜欢的功能,keynote提供每个cell的独立样式设定,每个cell的边框都可独立设定样式,每个cell都可以使用图片和颜色填充,颜色也可调整透明度,表格里的cell可以拖拽进行位置互换,通过细粒度的设定,可实现非常精美的效果。

表格效果示例(箭头所示区域使用了表格功能)

 

表格效果示例(箭头所示区域使用了表格功能)

四、方便的样式属性复制粘贴。

无论字体、表格、图片、插图的样式属性都可方便的复制并粘贴到另外一个元素上。

五、方便的颜色设定及颜色透明度设定。

在keynote里,可以方便的为元素设定透明色,甚至在渐变色里,可以为其中一种颜色进行透明度设定。设定好的透明度,粘贴到PS里同样保持透明度属性。

 

颜色透明度效果示例

六、方便与其他软件进行配合。

keynote不可能完成所有的原型及UI设计需求,但keynote可以方便的与photoshop、Illustrator进行配合,keynote里的文本及插图可作为矢量元素粘贴到PS和AI软件里进行再编辑,同时,AI里的矢量图形可直接复制粘贴到keynote里,并保持矢量图形的特性,元素可无损放大及透底。

七、第三方库及AI插件。

用keynote进行原型及UI设计,相对其他软件,缺少常用的设计组件库,是很多人不愿意用keynote来进行设计的原因之一,好在国外已有为keynote提供成套的设计组件库的公司,组件从web到移动端相对已比较全面,更新的也很快,最新的ios7刚出来不久,便已提供更新,大大方便keynote的使用者,我们买了一套,质量很不错,基本上满足日常的设计需求,另外也有keynote的支持者开发了AI插件,可将AI里绘制的图形导出keynote格式,可以在keynote里作为原生图形进行再编辑,非常方便。

 

 

keynote设计组件库

 

AI导出Keynote插件:

其实任何一个流行的软件都有其出彩之处,重要的是是否满足自己的需求以及是否符合自己的使用习惯,总之,适用的就是最好的。

——————————————————————————————————————

设计demo

 

 

10

相关文章: