我从2007年开始学习设计,自那以后发生了很多改变。现在我们可以接触到成千上万的社区,教程网站,有许多优秀的人分享他们的知识，作为一名设计师，我们有着许多学习和收获的机会。
今天,我想分享一些我学习设计使用的技术和方法。我每天坚持学习新的知识，下面的例子都是基于我个人不断尝试，失败，创作和成功的经验。
养成学习的习惯是让你保持每天学习的关键,这可以进一步强化你的学习经历并使你投入的努力产生的结果最大化。
每天都分配出一些学习设计的时间，不管是一个月还是半年，你想要坚持学习多久就每天这么做。肖恩&麦凯布建议坚持每天学习两年时间来实现以下目标：
建立一个观众
解决你的大部分问题
形成在这个世界上生存发展所需的毅力
为了最大化学习的效果，把这些目标拆分开分配到你每天的日程中，这样你每天都能抽出专门学习的时间,一次不要学习太多,因为你的大脑需要休息一下来处理你输入的信息。
让自己变得更好的方式就是每天练习。秘诀就是每天抽出一些时间真正投入到学习中,并且坚持每天这么做。简单地做一个数学计算,每天学习每天60分 钟，一个月就是&60分钟x30天&= 1800分钟，也就是30个小时,这对于学习一些东西来说已经是很多的时间了。根据詹姆斯的理论,每天进步仅仅1%，只需一年就会产生巨大的进步。下面的 图表可以帮助你更好地理解它的力量，你可以用这样的方法来强化你的学习。
利用微小的收益的优势试着学习些新的东西，而不是一遍又一遍地重复练习同样的东西。
应用80/20原则
聪明的做法不是什么都要学习，而是学习那些有用的并能产生结果的东西。
帕累托原则(也被称为&80 & 20原则)表明,对于许多事情来说,大约80%的结果来源于20%的原因。在学习设计上也是如此,你可以学习跟踪、字距调整、字体结构、不同的计量单位, 但这不会让你成为一名优秀的设计师而且这会花费很长的时间。总会有需要花费时间和精力去学习的东西,关键是要专注去学习那些真正对你有用和并且能最大化产 出结果的东西。
考虑你最终的目标,如果你想成为一个移动端设计师,你要去了解手机行业,移动设计原则,人们的行为和习惯,而不是学习与设计有关的每个知识,有些并不一定适用于移动设计。
采用的学习习惯
培养一个习惯需要一个触发的事物，一个持续的习惯和一些奖励。你可以在早晨喝一杯咖啡，开始学习第一件事情，这时咖啡可以成为触发你学习的开端。然 后学习30分钟(打个比方)后给自己一个能让自己开心的奖励,例如最喜欢的电视节目或者一块蛋糕。选取让你感到开心和满意的奖励,这样整个过程将会更加愉 快。
参与一个挑战
参与一个挑战，将其公之于众，并且在一段特定的时间内投入其中，每天学习。它可以是简单的30天写生挑战，也可以是复杂和困难的 365天365张照片的挑战。在2013年底我开始了&坚持30天在媒体上写作并发布&的挑战，在这个挑战中我每天写一些东西并发布，坚持了一个月。我看 到了自己在自信心和阐述想法的能力上的巨大进步以及于意志力的管理能力的增强。
简单地思考下你想要学习什么,选择一段持续的时间和可交付成果,并且让每个人都知道你在做这件事。
真正学会一样东西最好的方法是把它教给别人。&但我没有准备好,我对它还不是很了解。&这句话也许是对的，但是了解一样东西并没有那么重要，你应该 教给别人你的做法。通过教，你会专注于设计的本质，试着去理解并用最简单的方式去解释它。它可以提高你分析思考的能力，促使你将各种理论和个人经验结合起 来。通过日志,日记或YouTube频道,开始记录并向他人分享你的学习方法吧。
参与一个项目
拿出一些时间和激情去参与一个让你感到兴奋但又不会对你有太多限制的小项目,。小项目可以让你尝试做一些事情并且获得很多进步,因为你会很放松地去 做并且很享受这个过程。我在2013年底开始和Paula Borowska合作并开始写移动端设计书，去年已经发表。这是一个真正深入研究移动端设计的有趣的方式，并且写书以及在写书过程中提升了大量的技能让我 感到非常愉快。
Facebook创始人兼首席执行官马克&扎克伯格认为,你需要经历打破事物的过程才能前进。
&快速行动使我们能够完成更多的事情并且学习得更快。然而,大多数公司在发展过程中，把脚步放慢得太多,因为比起由于行动得太慢而失去一些机会，他们更加害怕犯错。我们有一句标语:&快速行动，打破旧物。&这句话的意思是,如果你从来都不把事物破除分解，你可能就无法以足够快的速度行动。
真正理解设计的过程，你需要将整个过程打破，把步骤分解到最小，学到它的精髓部分，然后用你自己的方式进行再创作。设计社区非常地友好和开放，会向你分享设计中的是什么,如何做和为什么（what&s,&how&s&and&why&s）。你可以下载免费的项目文件用于图像编辑软件如Adobe Photoshop,&Sketch, Illustrator或其他的软件。
当你试着分解事物的时候，先观察整体，然后逐一进行分解，养成分析思维可以让你在以后的工作中更加有条理有组织。找一个你想进行再创作的例子，尽一 切办法去模仿它，这样你就可以理解它是如何创作出来的，而不是下载一个免费的源文件然后分析它的结构，使用的方法和应用的规则。
在 , , &上寻找一些可以免费下载和学习的优秀的设计文件。
释放自我。形成一种所有你创作的东西都是一个实验的心态。这个简单的心态转变将会帮助你更容易接受批评，更勇敢的尝试新事物而不用害怕失败。如果你把你的工作当作一个实验，你就不会是错的，因为成功或失败的是实验，而不是你。
&我并没有失败。我只是发现了10000种行不通的方法。&&&托马斯.爱迪生
作为一名设计师,定期地通过你使用的工具和技术去提升自己是非常重要的。已经有许多有主动精神的人向我们展示了什么是可能的,如何没有这些实验设计不会进步得这么快。
&像艺术家一样去偷&
一切事物都是重混。你自身就是所有你吸收的东西的混合产物，所以如果你经常看你想要学习吸收的东西，最终你会变得更加有创造性。不要羞于偷窃伟大的想法，但是偷要有一个正确的方式。Austin Kleon写过一本与此相关的书。
一套独特的价值观渗透到你的思想中,经验和想法涌入你的脑海，然后你产出你自己的东西。所以如果你学习不同的设计师和他们的作品，然后过滤掉所有东西，就能产出真正的反映了你的观点的作品。
&最后,仅仅是模仿你的偶像并不是奉承他们。把他们的作品转化成你自己的才是你恭维他们的方式。为这个世界增加一些只有你才能增加的东西。&
以下是一些如何像艺术家一样去偷的主要原则。
我真心希望这篇文章能够激发你在设计事业中不断追求，并且鼓励你自学。正如你所见，在完善你每天的日程安排，致力于完成的事情以及心理上，你需要做的还有很多。但我可以向你保证,无论你选择的是哪个设计方向，投资你的时间并应用这些原则一定会让你的设计水平更上一层楼。
原文地址：
原文作者：
译文作者：
转载请注明： &
阅读(...) 评论()转过路角忽然发现，3岁的儿子已在路口等着自己回来。
在0℃的江苏无锡街头，环卫工用双手疏通下水道。
声明：本文由入驻搜狐公众平台的作者撰写，除搜狐官方账号外，观点仅代表作者本人，不代表搜狐立场。
　　点击信息与交互设计关注我们！
　　欢迎大家踊跃投稿哦！
　　投稿邮箱：iidc@iidc.org.c
　　写给UI设计初学者们
　　几乎每隔几天我便能在简书或其他各类设计网站看到关于自学UI设计的分享文章。这些文章有一个共同的特点，就是描述作者如何从一个零基础的设计小白，通过种种途径，成长为一个熟练掌握PS或AI的设计达人的，亦或是分享了一堆有参考价值的设计类网站或工具等等。这些文章的点击率很高，因为通过这些初学者眼中的“干货”，能够很容易地进行模仿，并得到技能上的快速提升。
　　但我想问的是，这真的是学习UI设计的正确方式吗，如果不是，那有没有一篇能够正确引领大家学习UI设计的文章呢？很可惜，我在网上搜了很久，没有找到那篇我认为是正确的文章。
　　导致这个问题，我觉得可能有以下两个原因：
　　这类文章的内容往往比较“湿”，理论性比较强，需要时间慢慢体会，不是拿来就能用的东西，因此文章的点击率往往较低，随着时间的推移，很快便淹没在了那些新鲜出炉的设计干货之中，而无法搜索到了。
　　那些真正优秀的设计师往往都早已过了初学者那个阶段，他们也更乐于分享自己的设计观点或杰出作品，却很难站在一个初学者的角度来写如何学习设计的文章了。
　　我也曾和很多设计初学者们一样在自学的过程中有过困惑，走过弯路。今天，我仍在不断地努力学习，去尝试理解设计的真正含义。我也希望通过这篇文章，能给那些还在设计门外打转，不得其门而入的学习者们一些不同的启发。
　　我为什么自学UI设计
　　我之所以自学UI设计，其实源于一次失败的创业实验。称它为实验，是因为它并不算是一次真正的创业，我和我的合伙人并没有放弃自己的工作，而是利用一些业余时间来做一个以实习生为主题的社区（那时还是“开心”、“人人” 这样的SNS社交平台大行其道的年代）。我那时是一家500强金融集团的应用架构师，因此，便当仁不让地承担起了我们这个团队中程序员的角色，负责完成了整个平台的架构以及开发工作。但始终困扰我们的是，找不到一名优秀的UI设计师，能够把这个平台推到一个产品的高度。我们也曾经通过朋友介绍或在淘宝上寻找，合作过几位设计师，但由于种种原因（有技能问题，理念问题，投入度问题 等等）都无法达到我们的要求，最后也都不欢而散了。当然，我们的这次创业也最终以失败而告终。现在回想起来，失败的原因有很多，但缺少一名靠谱的UI设计师，导致我们的产品迟迟不能推向市场，是这次失败的一个非常重要的原因。
　　我始终觉得自己还是一个有着产品梦想的人（自我鼓励一下^-^），因此，为了下一次重新启航行时，不再重蹈覆辙，我便决定开始自学UI设计。
　　自学路上的困扰
　　我在自学UI设计的道路上，走得并不平坦，有过很多困扰和挫折。今天想来，其实最大的障碍正是源于自身对于UI设计本身的理解不够全面和深刻所导致的
　　概括起来，主要有以下几个发面：
　　对于学习UI设计的困难准备不足：由于在此之前，一直从事企业级应用的研发，因此，那时在我们的圈子里，设计师（我们更多称为“美工”）属于非常边缘的辅助角色。我也想当然地觉得学习那些技能对于我来说是小菜一碟，几周就能搞定。但实践证明，我错了，真正的UI设计远没有想象中那么容易掌握，直到今天，我都不敢说自己已经掌握了UI设计并能称得上是一个UI设计师。而随着我对设计本身理解的加深，对设计师的看法也完全转变了，他们不再是我口中的美工，而是一个能够左右产品优劣，驱动产品研发的关键角色。
　　认为 学习UI设计 = 学习 PS、AI等工具：当决定学习UI设计后，我便开始在网上搜索如何学习UI设计，而“度娘”给我的答案便是大量的PS、AI等各种设计教程。我也是一路拼命下载，然后不分昼夜地学习。不久之后，我确实能够按照这些学习指南P出一些图，或是作出几个图标来了，但当我尝试独立去做一个完整的UI设计时，我突然发现我作出来的东西与那些我所见过的优秀设计仍是天差地别，即使是我完全模仿那些优秀作品做的设计，仍然感觉怪怪的，好像哪里出了问题，自己又说不清楚。这时，我才意识到我的学习方法可能错了，简单地说就是捡了芝麻丢了西瓜，虽然掌握了一些设计工具技巧，但却对真正的设计一无所知。
　　审美能力不足：另一个我遇到过的困难便是自身审美能力的不足。其实我想说，这不仅是我一个人的问题，可能也是我们这一代，甚至是几代人共同的问题。由于整个教育体系对于学生在美学教育上不够重视，导致我们从小缺少艺术和美的熏陶，美术课往往会被语数外等主课霸占，从而成为摆设。由于缺乏对美的感知和判断能力，导致我们很难准确评判自己作品的优劣，更不会知道如何去改善它。放到更大的角度，我们很难像苹果那样设计出伟大的产品来。
　　重新认识UI设计
　　在意识到学习方法的错误之后，我便再次寻求了“度娘”的帮助，但这一次我要找的是那些优秀设计师们自己对于设计的感悟，设计心得，推荐阅读的设计类书籍 等等。我也放下了手中的PS、AI，静下心来进行大量的阅读。通过这些阅读，我也渐渐了解并重新认识了UI设计。
　　经过对设计知识的重新梳理，我将所需要掌握的基本设计技能归纳为以下10点（我将会在日后的《设计谈》系列文章中对以下每一点进行展开，并分享我的设计心得）
　　色彩：需要理解色彩的基本原理以及配色方法。色彩很难把控，因为它很容易被过度使用。如果，你还是一个初学者，那么尽可能使用柔和的色彩，仅在需要强调的地方使用更醒目的色彩。
　　字体与排版：文字往往占据整个设计内容超过80%的区域，所以理解如何使用正确的字体和排版方式非常重要。请将内容的清晰易读作为你定义字体和做排版的首要目标。
　　动效：动效能够显著增强一个应用的用户体验。他们能使你的应用更有生气和迷人，前提是你所设计的动效快速、流畅，并且是符合用户预期的。
　　图标：优秀的图标往往与我们每天见到的事物紧密关联，比如 相机、垃圾桶、云等等，能让人一眼就识别出它所代表的功能。因此，使用那些具有良好辨识度的图标，避免让用户产生混淆。
　　声效：声效在设计中用得很少，但恰如其分的声效能够提升用户体验。用户不用看到你的应用，光听到一个熟悉的声音便能识别出你的产品来。
　　获得设计灵感：设计灵感不是与生俱来的，你需要不断地寻找它。有很多获得设计灵感的方法，下文中我将分享我的一些经验。
　　设计原则：流行转瞬即逝，但设计中最本质的东西却能永恒。设计大师们很早就认识到了这些，并将它们提炼为设计原则。你要做的是，理解这些设计原则，并将它们运用到你的设计之中。
　　用户体验设计：你需要了解你的用户，这样才能设计出符合用户需求的产品。学习设计心理学，将有利于你设计出更人性化的产品。
　　基于不同平台的设计：在不同平台设计产品有很大的差异，你需要了解产品所在的平台（如 IOS，Android），并符合它们各自的设计规范。
　　设计工具：设计工具有很多，对于UI设计，我建议使用Sketch3，因为它是专为UI设计而生的，能给你带来更高的设计效率。
　　改变设计工具
　　自从我改变学习UI的方法之后，一直到今天，我每天都会坚持阅读 Designer News上的每日推荐文章，它能让我了解国外优秀的设计师门都在想些什么或做些什么。而这之中，给我带来最大改变的便是，我放弃了原来使用的 PhotoShop，而开始使用Sketch来进行UI设计。因为我惊讶地发现越来越多的国外设计师，特别是在初创公司的设计师们开始使用Sketch作为他们的设计工具。
　　（下图为2015年
对4,000名来自不同领域的UI设计师的问卷调查后得到的UI设计工具使用情况 ，Sketch已经大幅超越PhotoShop成为设计师们首选的UI设计工具）
　　 Design Tools Survey - Interface Design
　　实践证明，Sketch的使用确实给我带来了极大的惊喜。
　　小巧快捷：Sketch只有41M，相较1.6GB的Photoshop来说显得非常的小巧。因此无论是安装，还是启动、运行，Sketch都非常快捷。
　　专为UI设计而生：Photoshop是一个图片处理工具，它包含了大量图片处理功能，而这些对于UI设计师来说是多余的，并会成为UI设计师们工作时的噪音，降低他们的设计效率。而Sketch则专注于UI设计，它的所有功能都只为UI设计服务，比如：使用统一的计量单位 Pixel 使你不必关注其他计量单位（cm，ml，picas），支持HSB、RGB颜色模型和色板功能，使用Symbol可以将方便的复用你的设计元素，针对任意设计元素或元素组导出不同分辨率的图片 等等。另外你不用再面对一个一半功能都不会去碰的工具栏，也完全不用去关心那些与UI设计无关的东西，这使你更容易学习和掌握这个设计工具。
　　强大的插件功能 ：虽然Sketch的核心非常小，但它却提供了非常强大的插件功能。针对不同的设计场景，可以使用不同的插件。比如，你可以使用Sketch Palettes保存你的常用色板，并与朋友方便地分享。使用 Magic Mirror 可以将你的设计方便地展示到不同的实体模型（如: iPhone，iPad，书的封面 等等）。也可以使用 Sketch Content Generator 来批量地产生内容，这能为设计师节省大量的时间。还有像Measure、Dynamic Button、Sketch Constraints 等许多非常优秀的插件可以帮助你大大提升工作效率，从而使你更能够专注于设计本身。
　　以上只是Sketch所带来的众多优秀特性中的一小部分，网上已经有很多关于Sketch的设计教程和指南，你能通过这些资料，快速的学习并掌握Sketch。我正看到越来越多如Sketch，Affinity Designer, Affinity Photo 等创新工具对设计工具领域带来的变革，他们不再追求大而全，而更注重于以最简洁、高效的方式服务于不同的设计目的。这也正是互联网思维在设计工具领域的一个体现。因此，如果你是一个UI设计初学者，亦或已经是一名UI设计师并正在使用PS、AI等工具，我都建议你尝试使用Sketch，因为，它是一个能给你带来巨大改变并代表着未来的优秀设计工具。
　　寻找设计灵感
　　对于设计初学者来说，经常会为找不到设计灵感而苦恼。而我想说的是，灵感不是与生俱来的，它需要你去不断地寻找。如果没有灵感，你将永远不能开始，更别说去完成一个设计了。下面是我使用的一些方法。
　　我没有上过任何设计学校或培训班，因此我的大部分设计知识，都是从阅读中获得的。我几乎不读那些30天速成系列的书或关于设计趋势的文章，因为我知道技术的变化是非常快的，正如，我现在完全使用Sketch来做设计，而不用PS一样。我更关注设计的本质，书是获得这方面知识的很好途径。
　　下面是我书橱中的一部分设计类书籍，我阅读那些对设计有着深刻思想的人物传记如《乔布斯传》，与设计相关的心理学书籍《设计心理学》、与色彩相关的《色彩设计》，与字体相关的《设计师的自我修养》等等。也正是通过这些书籍，让我逐步理解了设计的内涵，从而让我彻底走出了之前学习设计时的误区。
　　另外我也会读一些网上的优秀文章，Designer News是一个我获得高质量设计文章的优秀网站，在这里我可以看到最新的来自全球设计师的优秀分享。当然，我也在优设、推酷、Medium等网站上阅读那些具有思想性的设计文章，并且通过关注一些优秀的设计师，从他们身上学到了很多经验和启发，给我学习UI设计带来了极大的帮助。
　　收集优秀设计
　　另一个获得灵感的方法是收集优秀的设计作品。Ember是我用过的用来收集设计素材的最佳工具。更棒的是它支持订阅功能，可以从Dribbble这样的网站自动下载设计作品，并让我非常方便地浏览和收集。(下图为我的Ember应用截图)
　　除了Ember之外，我也使用Pintrest来收集手机上看到的优秀设计，并按照分类添加大我在Pintrest上创建的Board中。(下图为我的Pintrest主页)
　　拥有工匠精神
　　你所做的每一件事情，它的背后都可以和艺术联系在一起。只要是付出了努力，精心制作，并能反映出作者情感与灵魂的东西都可以被称为艺术品。想一想你平时喜欢做的事情，阅读，散步，美食或者看展览。这其中的每一件都与一种艺术形式相关联：写作，环球旅行，烹饪、摄影。你会发现当你当你不断完善某一项技能的同时，其他技能也会得到加强。对于设计来说，上面提到的写作、摄影、旅行等都是对设计能力的很好补充。
　　作者：techmask - 技匠
　　链接：/p/744fb80e7d72
　　我的出处 来源：交互设计学堂
　　版权声明：专委会微信公众号文章来源于作者授权或者投稿文章，大部分转载文章都尽量标明了出处以及作者信息，版权都归作者所有，若涉及到版权问题，请添加微信：dajiangjuan联系，谢谢!(有关投稿问题也可骚扰哦！）
　　阅读原文阅读
　　加载中
欢迎举报抄袭、转载、暴力色情及含有欺诈和虚假信息的不良文章。
请先登录再操作
请先登录再操作
微信扫一扫分享至朋友圈
搜狐公众平台官方账号
生活时尚&搭配博主 /生活时尚自媒体 /时尚类书籍作者
搜狐网教育频道官方账号
全球最大华文占星网站-专业研究星座命理及测算服务机构
信息与交互设计
主演：黄晓明/陈乔恩/乔任梁/谢君豪/吕佳容/戚迹
主演：陈晓/陈妍希/张馨予/杨明娜/毛晓彤/孙耀琦
主演：陈键锋/李依晓/张迪/郑亦桐/张明明/何彦霓
主演：尚格?云顿/乔?弗拉尼甘/Bianca Bree
主演：艾斯?库珀/ 查宁?塔图姆/ 乔纳?希尔
baby14岁写真曝光
李冰冰向成龙撒娇争宠
李湘遭闺蜜曝光旧爱
美女模特教老板走秀
曝搬砖男神奇葩择偶观
柳岩被迫成赚钱工具
大屁小P虐心恋
匆匆那年大结局
乔杉遭粉丝骚扰
男闺蜜的尴尬初夜
客服热线：86-10-
客服邮箱：编程设计（29）
设计并不是随心所欲，也不是每时每刻都需要创意。你需要一个向导为你指明方向- 这就是原型。
什么是原型？
原型可以概括的说是整个产品面市之前的一个框架设计。设计师可以利用它引导每个人都参与到项目中来。原型展示了各个部分之间的比重以及各个部分之间的联系。原型不仅仅只是表面的东西，它能够说明用户将如何与产品进行交互。举个栗子，一个下拉菜单，通过原型设计，你可以直观的感受到每次点击或者鼠标划过时菜单如何相应。
高效的原型设计工具
与其他工作一样，完成原型设计需要相应的工具协助。在众多原型工具中，这里推荐5款高效的工具。
1. Mockplus
工具地址：
简单易上手，摩客已经逐渐成为很多设计师们的选择。写代码是很讨厌的事情。因此，摩客给大家提供了拖拽设计原型的功能。
对于还在使用纸和笔的设计师来说，摩客提供了更多的灵活性。你可以使用素描风格的组件来画原型。摩客丰富的组件库和图标也让设计更加快捷。
摩客的易用性还表现在创建原型的速度。如果使用其他工具，你可能需要花大量的时间完成一个原型。但使用摩客，只需5分钟。你还可以通过扫描二维码，快速的预览原型。
今年摩客团队推出了2.1版本，这就意味着你可以使用简单的拖拽完成交互功能的设计。高度封装的交互组件（例如弹出面板、弹窗、弹出菜单、抽屉、内容面板、轮播、滚动区等）让原型设计变得更加简单，快速。想了解摩客更多功能，请查看摩客官方教程。文章中提到的功能只是很小的一部分，摩客还有更多简单好用的功能等着你去挖掘。
网站地址：
Uxpin，另外一款值得推荐的原型设计工具。这款工具的优点就是简单易用。它的界面十分简洁，你可以轻易的把图片和文件合并到你的设计中去。这款工具的预览功能也很好用，不仅可以预览原型，也可以预览点击时或者鼠标划过时各个页面的状态。其他人也可以对原型进行评论，方便了同事间的协作。
谈到评论功能，如果UXpin 能够在有新评论的时候增加一个提醒就更好了。目前没有这个功能，如果有新的评论，你需要手动的去检查。
3. Proto.io
网站地址：
与其他原型工具不一样，Proto.io 是一款在线工具，因此使用它的时候需要联网。如果你经常在线，那么使用这款工具就没什么问题。其中很重要的一个功能就是内置的组件库，设计师都知道从第三方寻找组件是很痛苦的事情。即使软件中没有你想要的组件，你也可以轻易的从第三方导入。
如果你只是需要一个常规的布局，proto.io 的启动项目能够让你的工作变得简单。你也可以保存不同的变量，并且能够预览用户与各个页面之间的。
正因为这是一款在线的功能，在使用的时候有一些局限。例如，不能单独备份某一个页面，而只能备份整个项目；不能添加需求文档。
4. MockFlow
网站地址：
MockFlow简单的界面让原型设计十分容易。它没有花哨的东西—为你提供了一个整洁的设计界面。顶部是标准的菜单和工具栏。如果需要更多的设计空间，可以隐藏菜单和工具栏。这款工具也提供了内置的组件。
你可以使用这款工具免费创建一个原型，这样就可以在购买之前体验所有的功能。简单的拖拽和双击功能让你很容易的添加组件，不需写任何代码。导出功能同样也很简单。
MockFlow 也提供了协作功能，以便你邀请其他人预览项目或者查看项目进度。它提供了聊天功能，这样就可以交流意见。但是有一个问题，如果有一个人在刷新页面，其他人就不能刷新该页面。
5. InVision
网站地址：
这款工具很大的一个优势就是它可以让你免费创建一个项目。这对于学生和初学者来说是一个不错的福利，这样一开始的时候就不用担心预算问题了。这款工具的付费版本也是比较便宜的。 功能的分享和协作功能也很简单。你的团队成员或者客户都可以给你的设计添加评论，并且你能够很轻松的追踪评论。
项目状态是此工具另外一个强大的功能，你可以向你的整个团队分享项目进度。每一个进程都可以标为“进行中”或者“需测评”或者某部分也可以标为“积压”或者“通过”。
Invison提供了版本控制功能。你也可以与其他工具进行协作，例如 DropBox，PS，Sketch等。
以上五款原型设计工具都有自身的优劣点，但它们是目前市场上最高效的原型设计工具。
更高效的设计原型尽管有很多原型设计工具可以为你的工作带来便利，但是也还会有不少的工作需要我们去做。下面有一些小建议，希望可以让你的原型设计更优秀。
尽管各个原型设计工具都提供了大量的组件，你只需要简单的拖拽，但是如果没有灵感，原型设计也是做不好的。不停的寻找灵感，学习其他设计者的项目，找出你喜欢的地方和不喜欢的地方。清楚的知道你的原型中需要避免的东西，这样可以更容易画出自己需要的原型。
形成自己的工作流程
每个人的工作方式都不一样，对别人适用的方法对你不一定适用。形成最适合自己的工作流程，最大化的利用好时间和精力。某些人可能觉得先画线框图，然后画原型，最后再进行视觉设计是很有效的流程。但是你可能觉得画完线框图就直接写代码更高效。这些都取决于你自己。
选择适合自己的工具
大部分设计师都在使用同一款原型工具，并不意味着你也需要使用这款工具。由于每个人的工作流程不一样，其他人使用的工具不一定适合你。对比市场上不同的工具，寻找一款与你性格和风格最匹配的工具。担心其他人都不用你使用的工具？ 但此工具可以给你带来最好的效率才是最重要的。
层次清楚的大纲
每个页面都有一个焦点。大纲可以让你知道每个页面中应该重点突出哪一部分。如果没有大纲，想要画出理想的原型很困难。如果你很清楚的知道页面中哪部分最重要，那你就很容易判断某些文字是否需要加粗。
从灰度图开始
颜色很重要，但是需要谨慎。从灰度图开始设计，然后添加图片，然后再添颜色。如果你一开始就使用颜色，很有可能你的页面看起来像一个小丑。
原型设计并不简单，但是会一次比一次好。通过不停的练习，选择正确的工具，你就可以设计出让客户满意的原型。
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：50199次
排名：千里之外
原创：22篇
转载：92篇
(5)(1)(14)(17)(40)(6)(1)(1)(1)(1)(4)(1)(4)(3)(1)(1)(1)(1)(1)(5)(7)(3)