1. XenForo 1.5.14 中文版——支持中文搜索!现已发布!查看详情
  2. Xenforo 爱好者讨论群:215909318 XenForo专区

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

本帖由 漂亮的石头2012-03-11 发布。版面名称:新闻聚焦

  1. 漂亮的石头

    漂亮的石头 版主 管理成员

    注册:
    2012-02-10
    帖子:
    486,020
    赞:
    46
    感谢程序员的投递
    苹果App Store 的应用总下载量近日刚突破 250 亿,并继续上升中。毫无疑问,iOS 开发一直是热门话题,这是一个制造了数亿美元的产业。一个成功的应用,需要良好的规划。在理解应用开发流程中,绘制线框图是规划阶段重要一环,也用于确定 可用性可能存有的问题及技术潜在问题。素描和原型,能让你更好的理解要你的应用程序。如果不是自己的项目,是给客户做的,那也方便和客户解释沟通。
    如果你是一位设计师或开发人员/程序员,准备步入iOS开发,那这里收集了你需要的工具。本文并不涵盖iOS教程,只偏重线框图工具和视图资源。

    1. Sketch Pad 素描垫

    就我个人而言,我更喜欢用纸笔来画图。可以很快添加、修改和擦除。如果你也偏爱手绘,那下面这个素描垫合集对你很有用了。

    iPhone Wireframe Templates for Sketching

    [​IMG]

    Interactive Logic 出的素描垫。有两种布局,各自又有两个格式:PDF 和 Viso (VSD) 。

    iPhone Idea Sheet

    [​IMG]

    iPhone Application Sketch Template

    [​IMG]

    带网格的 iPhone 素描垫

    iPad Idea Sheet

    [​IMG]

    iPad 素描板

    iPad Application Sketch Template

    [​IMG]

    带网格的 iPad 素描垫

    High Level iPad App Wireframing

    [​IMG]

    一个高级iPad应用线框图,还有可以详解iPad的屏幕信息的表单。


    2. UI 模版
    UI 模版是快速做原型和画线框图的最佳工具。

    iPhone GUI PSD (iPhone 4S)

    [​IMG]

    iOS 5 Photoshop 模板。

    OmniGraffle iPhone Stencil

    [​IMG]

    iPad GUI PSD v2

    [​IMG]

    iPad Vector GUI Elements

    [​IMG]

    OmniGraffle iPad Stencil

    [​IMG]

    iPad Sketch Elements

    [​IMG]

    3. 工具条图标

    在 iOS 中,图形、符号和简单的图标是很受欢迎的。如今事实上很多网页设计师开始把它们包含到设计中去。使用合适的图标,最准备描绘动作的意思,以免误导用户。下面有大量可选择的图标,确信你在其中可以找到适合你应用的图标。

    iPhone icons

    [​IMG]

    200+ Exclusive Free Icons: “Reflection”

    [​IMG]

    260 free vectors icons

    [​IMG]

    Tabs – Interface Icons for iOS & Designers

    [​IMG]

    20 Minimal ecommerce icons (vector PSD)

    [​IMG]

    Token Icons

    [​IMG]

    Meta Icons

    [​IMG]

    Free Wireframe Toolbar Icons for GUI designers

    [​IMG]

    Glyphish icons

    [​IMG]

    Pixicus Icon Set: 106 Pixel Perfect Icons

    [​IMG]

    11) Glyphicons

    [​IMG]

    12) gcons – Open Source Vector Icons

    [​IMG]

    13) Gentleface

    [​IMG]

    14) NounProject Icons

    [​IMG]

    4. 手势图标

    在线框图、演示稿和文档中,手势图标几位有用。在多点触摸系统中有个问题,我们总是试图去猜测何种触摸动作适用于应用程序,故而有个解决方案就是有一个合适的文档,文档上正确的符合或图标,用于指示何种多点触摸手势可用。下面这个列表中包括了不同风格的手势图标。

    Touchscreen Gesture Icons

    [​IMG]

    Touchscreen Stencils

    [​IMG]

    Gesturecons

    [​IMG]

    Touch Gesture Reference

    [​IMG]

    Redesigned Gesture Icons

    [​IMG]

    Open Source Gestures

    [​IMG]

    Gesturcons

    [​IMG]

    Multitouch Gesture Icons

    [​IMG]

    英文原文:Kevin Liew 编译:伯乐在线 – 黄利民
     
正在加载...