Xcode不仅是研发者用来研发iOS Apps的研发工具,同样也可以被设计师用来创建App的高保真交互原型。在Xcode研发环境里,没有任何限制,设计师可以嵌入各种各样有趣的交互,动效和声音去创造一个真正的iOS App的体验。在这个教程中,主要讲述Xcode工具中Storyboard功能,这个功能可以让设计师不用任何一行code去创建一个iOS App的原型,这仅仅需要花费几个小时而已。
教程的最终目标是把设计在iOS环境下生成完整的可交互原型。就像WEB设计中研究CSS一样,这可以极大帮助研发者解决UI还原部分的工作,并帮助设计师和研发者更好的进行合作。正如乔布斯所说:“Design is how it works.” 静态的图片对设计来说并不足够,需要把设计带入到真实生活中。
获取Xcode
在App Store 中下载Xcode
Start A New Project(开始一个新项目)1) 打开Xcode,然后“Create a new project(创建一个新项目)”
2) 选择“Single View Application(单视图模板)”
3) 编辑项目名称和公司名称
初始化App设置1) 选择仅支持Portrait模式(竖屏)
2) 选择App的 icons
3) 选择App的Launch Images(开启页),Launch Images就是当App开启时展现的第一个页面。