图老师设计创意栏目是一个分享最好最实用的教程的社区，我们拥有最用心的各种教程，今天就给大家分享设计APP的时候来试试手绘草图吧的教程，热爱PS的朋友们快点看过来吧！
衡量这一点的方法之一就是看工具。原型工具可以让我们创建线框图以及点击事件，比如Balsamiq、Axure以及Fireworks，帮助我们诠释目标用户体验。跨浏览器的框架工具如PhoneGap、Zurb Foundation以及jQuery Mobile可以帮助我们用互联网本地化语言来创建原型：HTML、CSS以及JavaScript。
与以往几乎没有时间来设计极致的体验来比，我们似乎处于一个相对更好的处境。然而，这些工具也伴随着隐藏成本：它们引导我们跳过了创造一个良好设计的产品必经的关键步骤也就是花时间去理解我们所面对的问题。
手绘可以让我们一边探索问题一边定决方案。它可以结构化我们目前对问题的理解，同时帮助我们找到可能的解决方案。
当我们手绘出自己的想法时，新的主意也会萌生。模糊和缺乏细节的草图会培育出新的思。在这里，模糊是件好事，因为我们会自动尝试填补脑中的空白。这也正是草图富有创造性的原因：它捕捉到我们已经成型的想法，并迸发出新的火花。正如Bill Buxton在《Sketching User Experiences》中提到的：
从草图上学习到的内容很大程度上是基于其表现的模糊性。也就是说，他们并不指定所有事情，而是鼓励创造者们不自觉的融入各种不同的解释。
通过手绘不同的解决方案，我们不用立刻实现其中一种，就可以探索他们的可行性。这为我们提供了新的见解，也提出了新的问题。手绘本质上就是一个头脑风暴的锻炼。
把我们脑袋里的东西倒出来最快的方式就是拿起一只笔和一张纸迅速的画出来。在我们钟爱的原型工具里来做这件事情则需要花费太多的时间：我们需要先创 建一个项目，使用合适的库，将一些小矩形放在画布上，画一些小箭头来连接这些矩形，把所有的元件都调整一下让它们看上去更好看一些30分钟过去了。
如果我们不喜欢纸上画的东西，可以将它扔进垃圾桶然后重新开始。然而用原型工具的话，扔掉一些东西就比较困难了，因为我们花费了时间和努力去创建它就算那个想法不是最好的，重新开始也更困难。反过来说，纸上手绘的内容则成本低廉，实现迅速。
不过俗话说，一图胜千言。草图可以让我们与合作者以及项目关注人们一块探讨对项目当前的理解。我们可以使用很多不同的表现方式去诠释项目不同的方面（下一个章节中我们会介绍最常用的一种方式）。在《餐巾纸的背后》一书中，Dan Roam提到：
图片可以表示很复杂的概念，概括大量信息，并以一种我们容易看容易理解的方式呈现，它们在和解决各种问题上都是有用的。
我们的小伙伴可以直接指出我们想法上的鸿沟，共同讨论可能的解决方案和替代方案。他们可以很好的理解我们的草图，并且在想法的细节上给出一些反馈。向其他人展示我们的想法也会让我们反思自己的想法。借此展示想法，我们会看到错误的地方以及找到更好的替代方案。
草图作为一种有力的工具可以让项目关注人们在设计过程中尽早参与进来。在定义的过程中，以下鸡生蛋的问题非常典型：项目关注人们在看到一些可视化的 解决方案之前，是没法制定一套完整的需求的，但是我们设计师在没确定需求稳定完善之前，是不愿意开工去实施解决方案的我们想要去避免不必要的反复修 订，因为这会导致额外的工作。
摆脱这种困境的一种方法是在协作式工作坊里来手绘可能的解决方案，比如这一期设计工作室（参看Will Evans的文章Introduction to Design Studio Methodology）。我们可以带领项目关注人们一步步的理解我们的概念（和其他备案），向他们解释他们的需求对设计的影响。
草图的入门门槛也很低，非设计师也可以参与。（到底是否通过手绘的方式与项目关注人讨论，即取决于个人偏好，也存在许多争议。你需要自己做决定。）
由于草稿是粗略不完整的，给出反馈也就更加容易。一些人会隐忍不发，直到看到一个看上去完成度很好的页面，因为他们认为所有的工作必须要有一定的深入才 行。高保真的视觉效果也会分散大家的注意力大家会更倾向于讨论视觉效果或微妙细节，而不是聚焦在想法概念上。草图会让他们聚焦在核心概念上。
一个常见的误区就是你的草图必须要画的很漂亮。但交互设计可不是上艺术课。你的草图不需要看上去很漂亮；它们只需要表达出你的想法就可以。它们应该是引发讨论和催生想法的；它们并不是挂在墙上的艺术品。只要你会画方框，箭头，圆圈和简笔画，你就可以画草图。正如Joshua Brewer在Sketch, Sketch, Sketch一文中提到：
现在，但愿我已经你认同手绘应该是你工作流程中的一部分了。让我们聊一聊在移动项目中手绘什么吧。
一开始，你需要为你的移动应用或网站收集不同的创意。开始绘制出针对一个关键页面或其中一部分的各种版本。目标有两个：获取大量不同的想法，同时加以探索和评价。想法越多，后期的选择就越多。这个阶段通常被称为发散式手绘。
这个阶段的手绘有一种有效的多页模版的工具。它提供了一页以内绘制6个不同版本方案的空间，并且它留出了描述的空间。不同创意一起呈现，为后续的比较和讨论提供便捷。
的截图展示了关于一个App主菜单六个不同设计方案（顺带说一句，它生动地证明了我的草图并不漂亮）。我并不总能想出6个不同版本（我喜欢告诉自己我是一个追求结构的人），不过我会针对一个单页面努力创造至少3种变化方案。因为这是一场头脑风暴，并且你会在后续的讨论中需要多种选择的可能性。在这里数量即朋友。
如果你碰巧才思枯竭，浏览一些手机UI图册去激发新思（例如 Inspired UI, Pttrns, Lovely UI 和UI Parade）。它们演示了按主题或特性分组的解决方案（例如主菜单，聊天窗口）。汇集起你喜欢的草图，组合成你自己的创意。
养成对每张草图命名的习惯。这样更容易标注出方案之间的差别，并便于后续引用。我会增加说明和标注去解释草图以及它们后面贯穿的思（比如优点、缺点、与其他方案之间的抉择、问题、新特性，等等）。打标签和登记日期同样是不错的习惯。
一旦你对一个界面绘制了多个版本的草稿时，就可以选择最佳解决方案了。不幸的是，单一的草图很难验证所有界面。大多数情况下，你需要糅合几个创意或创意中的不同方面形成优胜概念。为了达到这个目的，你需要通过绘制更详尽的草图来深入探究。利用空白区域做标注。草草记下全部问题、新想法、要点或不明之处，以及留待讨论的事项。这些都将帮助他人更好的理解你的思。这项工作通常被称为式手绘。
在归结几个关键页面的创意后，下一步就要探索它们如何配合使用了。为此，创建一些UI流程（也就是一系列的关键页面）展示一个用户将如何通过你的解 决方案完成一则任务。UI流调了使用什么界面元素（例如点击哪个按钮或使用何种手势），系统如何反馈（例如系统通过一个动画、转场、弹出框或新页面做 出反馈）。它们同样展示关键界面的不同状态（例如，最初的空白然后填入内容）。
你可以视觉化呈现一个UI流程中的不同结果（例如搜索有结果页和搜索无结果页）。你的流程最好不再仅仅是单线。不同的分支流程将展示不同的结果。不过要尽量单个UI流程中分支的数量。每增加一个分支都会提升复杂度，让你的流程难以理解，也令它们很难被解释清楚。
你不需要绘出所有的用例，选择重要且被使用最多的用例。帕累托原则是个很好的标准：20%的功能会在80%的时间里被使用到。
我通常从一则重要用例开始绘制并最终解决它。我会强调出各个界面之间的交互，通常用箭头连接彼此。我会解释每一步骤并标记重要页面。同样，我会宽泛地做上注释。
为了给你更多的上下文，并演示上文提及的三种方式之间的关系，现在提供一个典型手绘的步骤分解：
列出已有的信息和确立的目标绘制第一组草图（例如一个关键界面的各种方案或一个初始UI流程）复查草图每个方案的优点和缺点是什么？UI组件和数据是否保持一致？（就是说同一任务中是否使用了相同的组件）数据展示方式是否相同？交互选项是否明确？征询他人的意见。从同事开始再到潜在用户。他们的第一印象是什么？他们最喜欢哪个？为什么？最不喜欢哪个？为什么？草图中哪些信息他们不清楚？他们提了什么改进意见？为什么？重审各个概念方案是否可以合并各个概念方案的优点于一体？草图能进一步清理吗？步骤能进一步缩减吗？依据最初的反馈再次复查是否引入新的问题？你可以从中得到什么？
你是否发现，这里有很多的为什么。这是因为手绘是为了在提出解决方案的同时增进对问题的理解。在手绘后写下绘制过程中产生的的问题。它们会你正确的方向。
在创建关键页面和核心用例的草图后，你会希望在真实的手机上试验你的概念了。像Pop和Protosketch实现了导入草图的照片，将它们转变成原型。这种超快的低保真方法可以对交互方案找到一些感觉。这两款应用都允许你定义可点击热区和页面的切换，这令得交互原型更真实。
手绘可以帮助你更好的理解问题并可视化潜在的解决方案。这是一种快速且省钱的头脑风暴方式，同时它也在锁定方案前测试很多的概念。手绘加速了概念创想和反复阶段，在方案变更较容易的阶段实现了早期问题反馈。
浏览设计范式库和手机UI图库，查看线框图示例。挑选你喜欢的，糅合你自己的想法，创造一些新方案。适可而止
你解决方案中只有小部分特性将被最频繁地使用。聚焦在它们。想清楚哪20%的方案会在80%的时间里被用到？保持统一性
用已有的手绘标记或创建一种你自己的方式。这样是的你的手绘更可靠。同事能较好地理解你的风格，花更少的时间浏览完手绘并给予反馈。详尽注释
微信号搜索“图老师”或者“tulaoshi_com”加关注，每天最新的美食、健康、育儿、美妆、美容、手工DIY等教程让你一手全掌握。推荐关注！【微信扫描下图可直接关注】
今天图老师小编要跟大家分享优秀时尚的APP移动端界面设计欣赏，精心挑选的过程简单易学，喜欢的朋友一起来学习吧！[ 查看全文 ]
今天图老师小编要跟大家分享精选国外时尚大气的简洁APP设计欣赏，精心挑选的过程简单易学，喜欢的朋友一起来学习吧！[ 查看全文 ]
只要你有一台电脑或者手机，都能关注图老师为大家精心推荐的Fireworks设计高大上的APP图标教程，手机电脑控们准备好了吗？一起看过来吧！[ 查看全文 ]
只要你有一台电脑或者手机，都能关注图老师为大家精心推荐的60个给你灵感的APP应用图标设计欣赏，手机电脑控们准备好了吗？一起看过来吧！[ 查看全文 ]
下面图老师小编跟大家分享一个简单易学的5种实用的手机APP菜单设计方案教程，get新技能是需要行动的，喜欢的朋友赶紧收藏起来学习下吧！[ 查看全文 ]
今天给大家分享的是由图老师小编精心为您推荐的详细解析设计师面试时最讨厌哪些问题，喜欢的朋友可以分享一下，也算是给小编一份支持，大家都不容易啊![ 查看全文 ]
杠铃由杠铃杆、杠铃片和卡箍组成，简笔画亦不能忽视此三类部分，以侧面简笔画绘画方式 更能体验杠铃特色。接下来就让我们通过杠铃儿童简笔画图解步骤来一起学习如何画好看的杠铃简笔画吧！
双节棍又名二节棍双截棍，是一种经典的武器。短小精悍，简笔画中双截棍为重点，为了更能体验双截棍的特性，小朋友在画双截棍环链的时候可用双线方式来绘画。接下来我们就来学习双截棍儿童简笔画图解步骤。
西洋剑是击剑运动的武器，箭身由粗到细，剑柄的绘画也要注意。儿童简笔画绘画学知识，今天我们通过西洋剑儿童简笔画步骤图程来学习花剑的简笔画，同时也能了解西洋剑的基本结构。
击剑头盔类似于古代骑士头盔，不同的是需要在面罩花纹上画功夫，相较于骑士头盔来说击剑头盔花纹较为简单。接下来就让我们来通过击剑头盔儿童简笔画教学步骤图解来学习怎么画击剑头盔吧！
装修对于大部分人来说都常重要的事情，尤其是自己家的装修设计，因此我们必须要严格对待。而玄关是一个经常容易被人忽略的地方，尤其是对于玄关的灯光设计很多人都是草率对待。那么，玄关灯光设计要注意什么呢？下面就一起来看看吧。
家居装修是我们都会经历的，每个人对家居装修都有不同的要求，好的居家布置给我们带来的不仅仅是温馨的居家情调，更是轻松舒适的心情。想要除去往日的乏味，让家居变的有品位起来，不妨来看看这些家装布置的小技巧吧。
马上就要迎来夏季了，很多人在春季买了房子后都考虑要不要在夏季装修。装修对于很多人来说都是一件非常重要的事情。那么，到底夏季装吗？夏季装修有什么优劣势呢？又有什么需要注意的事项呢？下面就一起来看看吧。
Photoshop是一门非常专业的ps修图课程，很多网页设计的以及美工们修图都是需要用到的，功能非常强大，掌握一定的Photoshop技巧常有必要的，今天就给教大家怎么利用Photoshop制作万花筒GIF动画。
很多朋友都信风水一说，对于自己家里房屋客厅的装修也是有一定要求的，因为客厅的风水关系着整个家居的运势，更关系着主人的财运与健康，因而客厅里的风水禁忌是需要我们谨慎注意的，那么风水学中客厅风水禁忌有哪些呢？
春天已经来临了，夏天也不远了，新的一才刚刚开始，时尚爱美的美眉们最关注的就是春夏服装设计的流行趋势了，早早的把握住时尚趋势走在流行的最尖端，今天就给大家整理分享2017春夏女装设计流行趋势 ，你绝对不能错过的亮点。
2017年最新个性家装风格流行趋势！！如今的装修风格已不仅仅局限于中式、欧式、韩式等这些常见的装修类型了，它正变得越来越多元化。那么都有哪些家装新风尚逐渐走进我们的生活呢？下面就提前让大家了解家装风格的风向。
春天来临了，很多买了房子的朋友都开始展开自己的装修计划了，在这个个性张扬的年代，你要是不去改变自己，而千篇一律的装修，也许自己住着也会觉得无趣吧。今天就给大家介绍2017年装修设计五大流行趋势。
马上又要到一年一度的女生节了，女生节可是女生最大的节日哦。女生节这天，可以把自己打扮得漂漂亮亮的，画上美丽的妆容让自己的心情更加愉悦。当然，男生可不能闲着啦，在女生节之前就要选好礼物哦。那么，2017年女生节是哪一天，女生节送女生什么礼物好呢？下面就一起来看看吧。
男女交往一直都是人们比较关注的一个问题，都说相爱容易，相处不易，交往过的朋友应该都能深刻的体会到，女生常常抱怨着让男生理解自己，但男生也希望多体谅一下他们。尤其不要老是问一些无法回答的问题来他们。
2017年最受欢迎的生活服务APP！！生活服务类App的出现为日常生活带来极大便利，我们可以通过手机客户端预约各种家政服务，足不出户就能够享受实惠、便捷的生活服务，那么接下来我为大家推荐一些生活中必备生活app。
由于现在抢红包大热起来，很多app都开始支持发红包抢红包了，因此也出现了微信抢红包神器，可以自动抢微信红包,肯定比认为手动操作快,有消息就会自动打开,然后打开红包。今天就给大家分享2017微信自动抢红包神器大全。
推荐：