{"id":1826,"date":"2015-06-05T01:58:31","date_gmt":"2015-06-05T08:58:31","guid":{"rendered":"http:\/\/wiebe-elsinga.com\/blog\/?p=1826"},"modified":"2015-06-05T01:58:31","modified_gmt":"2015-06-05T08:58:31","slug":"designprototyping-tools-for-android","status":"publish","type":"post","link":"http:\/\/wiebe-elsinga.com\/blog\/designprototyping-tools-for-android\/","title":{"rendered":"Design\/Prototyping tools for Android"},"content":{"rendered":"<div class=\"wpsso-pinterest-pin-it-image\" style=\"display:none !important;\">\n<\/div><!-- .wpsso-pinterest-pin-it-image -->\n\n<p>For developers getting the right Android developing tool is easy, it&#8217;s either Android Studio or Eclipse.<br \/>\nFor designing\/prototyping Android applications it&#8217;s a bit more tricky. There are a lot of products\/tools you can use, all with different features, prices and usability.<\/p>\n<p>So let us look at some Design\/Prototyping tools:<br \/>\n<!--more--><\/p>\n<h3>Sketch 3 (Bohemian Coding)<\/h3>\n<p><img loading=\"lazy\" src=\"http:\/\/wiebe-elsinga.com\/blog\/wp-content\/uploads\/2015\/06\/Sketch3.png\" alt=\"Sketch3\" width=\"640\" height=\"378\" class=\"aligncenter size-full wp-image-1834\" data-wp-pid=\"1834\" srcset=\"http:\/\/wiebe-elsinga.com\/blog\/wp-content\/uploads\/2015\/06\/Sketch3.png 640w, http:\/\/wiebe-elsinga.com\/blog\/wp-content\/uploads\/2015\/06\/Sketch3-300x177.png 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><br \/>\n<a href=\"http:\/\/bohemiancoding.com\/sketch\/\" target=\"_blank\">Sketch 3<\/a> is a Vector based design application. It&#8217;s easy to use, and has a low learning curve. Think of a user friendly mix of Photoshop and Illustrator<br \/>\nYou have the possibility to use a ton of <a href\"http:\/\/www.sketchappsources.com\/plugins-for-sketch.html\" target=\"_blank\">plugins<\/a> to make the design experience even greater.<br \/>\nAnd using the <a href=\"http:\/\/material-design.storage.googleapis.com\/publish\/material_v_4\/material_ext_publish\/0Bzhp5Z4wHba3M25veVdZRHNHT0k\/stickersheet_general.sketch\" target=\"_blank\">template components for Material Design<\/a> should make designing great applications fun.<\/p>\n<p><strong>Price:<\/strong> $99<br \/>\n<strong>Makes me happy because:<\/strong><\/p>\n<ul>\n<li>Easy to use, no high learning curve<\/li>\n<li>Support plugins<\/li>\n<li>Many templates are available<\/li>\n<\/ul>\n<p>\n<strong>Makes me sad because:<\/strong><\/p>\n<ul>\n<li>Updates can break created designs<\/li>\n<li>So support for live viewing on an actual Android device<\/li>\n<\/ul>\n<h3>Illustrator (Adobe)<\/h3>\n<p><img loading=\"lazy\" src=\"http:\/\/wiebe-elsinga.com\/blog\/wp-content\/uploads\/2015\/06\/Illustrator.png\" alt=\"Illustrator\" width=\"640\" height=\"378\" class=\"aligncenter size-full wp-image-1837\" data-wp-pid=\"1837\" srcset=\"http:\/\/wiebe-elsinga.com\/blog\/wp-content\/uploads\/2015\/06\/Illustrator.png 640w, http:\/\/wiebe-elsinga.com\/blog\/wp-content\/uploads\/2015\/06\/Illustrator-300x177.png 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><br \/>\n<a href=\"http:\/\/www.adobe.com\/products\/illustrator.html\" target=\"_blank\">Adobe Illustrator<\/a> is also a Vector based design application. It contains a lot of features for the skilled designer. But if you are a Illustrator newbie, you can be overwhelmed by all the possibilities and options available.<br \/>\nAs with Sketch 3 they also have a <a href=\"https:\/\/material-design.storage.googleapis.com\/publish\/material_v_4\/material_ext_publish\/0Bzhp5Z4wHba3YlIzblpPcnlFb0E\/stickersheet_general.ai\" target=\"_blank\">template components for Material Design<\/a> which you can use.<\/p>\n<p><strong>Price:<\/strong> \u20ac24.19 per month for just Illustrator (or \u20ac69.49 per month for entire Creative Cloud suite)<br \/>\n<strong>Makes me happy because:<\/strong><\/p>\n<ul>\n<li>Focus on screen design<\/li>\n<li>Many templates are available<\/li>\n<\/ul>\n<p>\n<strong>Makes me sad because:<\/strong><\/p>\n<ul>\n<li>Learning curve is to high<\/li>\n<li>So expensive<\/li>\n<\/ul>\n<h3>Flinto<\/h3>\n<p><img loading=\"lazy\" src=\"http:\/\/wiebe-elsinga.com\/blog\/wp-content\/uploads\/2015\/06\/mobile_prototyping_tool_flinto.jpg\" alt=\"mobile_prototyping_tool_flinto\" width=\"640\" height=\"400\" class=\"aligncenter size-full wp-image-1839\" data-wp-pid=\"1839\" srcset=\"http:\/\/wiebe-elsinga.com\/blog\/wp-content\/uploads\/2015\/06\/mobile_prototyping_tool_flinto.jpg 640w, http:\/\/wiebe-elsinga.com\/blog\/wp-content\/uploads\/2015\/06\/mobile_prototyping_tool_flinto-300x188.jpg 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><br \/>\n<a href=\"https:\/\/www.flinto.com\" target=\"_blank\">Flinto<\/a> is designed as a tool for creating interactive prototypes based on PNG\u2019s. Just link your PNG&#8217;s that you have created to screens and set transitions for that app-like feeling.<\/p>\n<p><strong>Price:<\/strong> \u20ac20 per month<br \/>\n<strong>Makes me happy because:<\/strong><\/p>\n<ul>\n<li>Ease of use for prototyping<\/li>\n<li>Great transitions<\/li>\n<\/ul>\n<p>\n<strong>Makes me sad because:<\/strong><\/p>\n<ul>\n<li>You can only use it for prototyping<\/li>\n<li>Kind of pricey<\/li>\n<\/ul>\n<h3>Marvelapp<\/h3>\n<p><img loading=\"lazy\" src=\"http:\/\/wiebe-elsinga.com\/blog\/wp-content\/uploads\/2015\/06\/mobile_prototyping_tool_marvelapp.jpg\" alt=\"mobile_prototyping_tool_marvelapp\" width=\"640\" height=\"400\" class=\"aligncenter size-full wp-image-1841\" data-wp-pid=\"1841\" srcset=\"http:\/\/wiebe-elsinga.com\/blog\/wp-content\/uploads\/2015\/06\/mobile_prototyping_tool_marvelapp.jpg 640w, http:\/\/wiebe-elsinga.com\/blog\/wp-content\/uploads\/2015\/06\/mobile_prototyping_tool_marvelapp-300x188.jpg 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><br \/>\n<a href=\"https:\/\/marvelapp.com\" target=\"_blank\">Marvelapp<\/a> links your prototype with Dropbox to create an interactive prototype on your mobile device or desktop. No need to code or save PNG&#8217;s as images.<br \/>\nIt&#8217;s easy to use, and can be used with different Vector based design applications. You can even export your prototype to a runnable APK.<\/p>\n<p><strong>Price:<\/strong> starts from \u20ac0 per month to \u20ac100 per month.<br \/>\n<strong>Makes me happy because:<\/strong><\/p>\n<ul>\n<li>Ease of use for prototyping<\/li>\n<li>Great UI<\/li>\n<li>Exportable APK&#8217;s<\/li>\n<\/ul>\n<p>\n<strong>Makes me sad because:<\/strong><\/p>\n<ul>\n<li>No unlimited exportable APK&#8217;s<\/li>\n<\/ul>\n<h3>Keynotopia<\/h3>\n<p>If you know how to use Keynote or Powerpoint, you may want to use <a href=\"http:\/\/keynotopia.com\" target=\"_blank\">Keynotopia<\/a>. Keynotopia is a library that contains UI components.<br \/>\nSo you don&#8217;t need to know how to use a different design tool, just drag en drop your UI components to make your design.<\/p>\n<p><strong>Price:<\/strong> \u20ac49 if you are just interested in Android design.<br \/>\n<strong>Makes me happy because:<\/strong><\/p>\n<ul>\n<li>No need to learn a new tool<\/li>\n<li>Free life time updates<\/li>\n<\/ul>\n<p>\n<strong>Makes me sad because:<\/strong><\/p>\n<ul>\n<li>UI components aren&#8217;t updated regularly<\/li>\n<li>Still no Android preview app available<\/li>\n<\/ul>\n<h3>Pen and paper<\/h3>\n<p>Last but not least, you can just you a pen and a piece of paper to do your design. It&#8217;s doesn&#8217;t need to be a paid app or service to start designing awesome designs.<\/p>\n<p><strong>Price:<\/strong> \u20ac1.<br \/>\n<strong>Makes me happy because:<\/strong><\/p>\n<ul>\n<li>No limitations<\/li>\n<\/ul>\n<p>Also available:<br \/>\n<a href=\"http:\/\/www.invisionapp.com\/\" target=\"_blank\">InVision<\/a>, <a href=\"https:\/\/proto.io\/\" target=\"_blank\">Proto.io<\/a>, <a href=\"https:\/\/popapp.in\/\" target=\"_blank\">POP<\/a>, <a href=\"https:\/\/www.uxpin.com\/\" target=\"_blank\">UXPin<\/a>, <a href=\"http:\/\/www.fieldtest.it\/\" target=\"_blank\">FieldTest<\/a><\/p>\n<p><center><img width=\"320\" src=\"http:\/\/i.giphy.com\/5fBH6zoy1szfjORd14s.gif\"\/><\/center><\/p>\n<p>finally let me give you one advice, if you have no previous graphic design experience then I would suggest that you mastering the basics of graphic design first.<br \/>\nOnce you are comfortable with the basics then you can start to look into designing with a specific tool.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>For developers getting the right Android developing tool is easy, it&#8217;s either Android Studio or Eclipse. For designing\/prototyping Android applications it&#8217;s a bit more tricky. There are a lot of products\/tools you can use, all with different features, prices and usability. So let us look at some Design\/Prototyping tools:<\/p>\n","protected":false},"author":1,"featured_media":1843,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[151],"tags":[154,65,152],"_links":{"self":[{"href":"http:\/\/wiebe-elsinga.com\/blog\/wp-json\/wp\/v2\/posts\/1826"}],"collection":[{"href":"http:\/\/wiebe-elsinga.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/wiebe-elsinga.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/wiebe-elsinga.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/wiebe-elsinga.com\/blog\/wp-json\/wp\/v2\/comments?post=1826"}],"version-history":[{"count":0,"href":"http:\/\/wiebe-elsinga.com\/blog\/wp-json\/wp\/v2\/posts\/1826\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/wiebe-elsinga.com\/blog\/wp-json\/wp\/v2\/media\/1843"}],"wp:attachment":[{"href":"http:\/\/wiebe-elsinga.com\/blog\/wp-json\/wp\/v2\/media?parent=1826"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/wiebe-elsinga.com\/blog\/wp-json\/wp\/v2\/categories?post=1826"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/wiebe-elsinga.com\/blog\/wp-json\/wp\/v2\/tags?post=1826"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}