爱果果 » 推荐给 iOS 设计师的工具和资源

推荐给 iOS 设计师的工具和资源    

苹果App Store 的应用总下载量近日刚突破 250 亿,并继续上升中。毫无疑问,iOS 开发一直是热门话题,这是一个制造了数亿美元的产业。一个成功的应用,需要良好的规划。在理解应用开发流程中,绘制线框图是规划阶段重要一环,也用于确定可用性可能存有的问题及技术潜在问题。素描和原型,能让你更好的理解要你的应用程序。如果不是自己的项目,是给客户做的,那也方便和客户解释沟通。 如果你是一位设计师或开发人员/程序员,准备步入iOS开发,那这里收集了你需要的工具。本文并不涵盖iOS教程,只偏重线框图工具和视图资源。 1. Sketch Pad?素描垫 就我个人而言,我更喜欢用纸笔来画图。可以很快添加、修改和擦除。如果你也偏爱手绘,那下面这个素描垫合集对你很有用了。 ①?iPhone Wireframe Templates for Sketching iPhone Wireframe Templates for Sketching Interactive Logic 出的素描垫。有两种布局,各自又有两个格式:PDF 和 Viso (VSD)?。 ②?iPhone Idea Sheet iPhone Idea Sheet ③?iPhone Application Sketch Template iPhone Application Sketch Template 带网格的 iPhone 素描垫 ④?iPad Idea Sheet iPad Idea Sheet iPad 素描板 ⑤?iPad Application Sketch Template iPad Application Sketch Template 带网格的 iPad 素描垫 ⑥?High Level iPad App Wireframing High Level iPad App Wireframing 一个高级iPad应用线框图,还有可以详解iPad的屏幕信息的表单。  

2. UI 模版

UI 模版是快速做原型和画线框图的最佳工具。 ①?iPhone GUI PSD (iPhone 4S) iPhone GUI PSD (iPhone 4S) iOS 5 Photoshop 模板。 ②?OmniGraffle iPhone Stencil OmniGraffle iPhone Stencil ③?iPad GUI PSD v2 iPad GUI PSD v2   ④?iPad Vector GUI Elements iPad Vector GUI Elements   ⑤?OmniGraffle iPad Stencil OmniGraffle iPad Stencil   ⑥?iPad Sketch Elements iPad Sketch Elements   3. 工具条图标 在 iOS 中,图形、符号和简单的图标是很受欢迎的。如今事实上很多网页设计师开始把它们包含到设计中去。使用合适的图标,最准备描绘动作的意思,以免误导用户。下面有大量可选择的图标,确信你在其中可以找到适合你应用的图标。 ①?iPhone icons iPhone icons ②?200+ Exclusive Free Icons: “Reflection” 200+ Exclusive Free Icons: “Reflection ③?260 free vectors icons 260 free vectors icons ④?Tabs – Interface Icons for iOS & Designers Tabs - Interface Icons for iOS & Designers ⑤?20 Minimal ecommerce icons (vector PSD) 20 Minimal ecommerce icons (vector PSD) ⑥?Token Icons Token Icons ⑦?Meta Icons Meta Icons ⑧?Free Wireframe Toolbar Icons for GUI designers Free Wireframe Toolbar Icons for GUI designers ⑨?Glyphish icons Glyphish icons ⑩?Pixicus Icon Set: 106 Pixel Perfect Icons Pixicus Icon Set: 106 Pixel Perfect Icons 11)?Glyphicons Glyphicons 12)?gcons – Open Source Vector Icons gcons - Open Source Vector Icons 13)?Gentleface Gentleface 14)?NounProject Icons NounProject Icons 4. 手势图标 在线框图、演示稿和文档中,手势图标几位有用。在多点触摸系统中有个问题,我们总是试图去猜测何种触摸动作适用于应用程序,故而有个解决方案就是有一个合适的文档,文档上正确的符合或图标,用于指示何种多点触摸手势可用。下面这个列表中包括了不同风格的手势图标。 ①?Touchscreen Gesture Icons Touchscreen Gesture Icons   ②?Touchscreen Stencils Touchscreen Stencils   ③?Gesturecons Gesturecons   ④?Touch Gesture Reference Touch Gesture Reference   ⑤?Redesigned Gesture Icons Gesture Icons   ⑥?Open Source Gestures Open Source Gestures   ⑦?Gesturcons Gesturcons   ⑧?Multitouch Gesture Icons Multitouch Gesture Icons  

=======关于爱果果======
爱果果iguoguo是一个专门从事酷站收藏、UI素材推荐、网页设计专题分享的设计分享网站,为网页设计师/交互设计师们带来全球最前沿的设计灵感及最实用的设计资源

微博:爱果果酷站

微信:

请扫码关注,果哥每天为你带来新鲜灵感

花瓣:爱果果
看果哥平时都收藏东东啊

设计导航:http://www.iguoguo.net/daohang
果哥私人设计导航拿出来献给大家