Konigi - iphonehttp://konigi.com/taxonomy/term/2093/0
enStarters Guide to iOS Designhttp://konigi.com/tools/submissions/starters-guide-ios-design
<img id='bluga-thumbnail-2633' class='bluga-thumbnail medium2' src='http://konigi.com/files/konigi/bluga/wt51b210b7ee807_medium2.jpg'/><br />
<p>Ben Taylor's <a href="http://taybenlor.com/2013/05/21/designing-for-ios.html">Starters Guide to iOS</a> describes an exhaustive range of topics as intro to iOS design. He covers the deliverables you'll be expected to produce, outlines the constraints of the medium, and introduces fundamental iOS and UI design concepts.</p>
iOSiPadiphonetutorialsTaylor, BenFri, 07 Jun 2013 16:56:23 +0000jibbajabba2368 at http://konigi.comPOP: Prototyping on Paperhttp://konigi.com/tools/submissions/pop-prototyping-paper
<img id='bluga-thumbnail-2587' class='bluga-thumbnail medium2' src='http://konigi.com/files/konigi/bluga/wt50a593ad3f4eb_medium2.jpg'/><br />
<p><a href="http://popapp.in/">POP</a> is an iPhone app that lets you take pictures of your sketches, and map areas on each screen to create simple click-through prototypes.</p>
iphonepaper prototypingFri, 16 Nov 2012 01:22:21 +0000jibbajabba2332 at http://konigi.comWhitelines Linkhttp://konigi.com/tools/submissions/whitelines-link
<br />
<div class="video"><iframe src="http://player.vimeo.com/video/48361140?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" width="610" height="343" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>
<p>Everyone's getting in on on the physical paper capturing game using the iPhone's camera. <a href="http://whitelines.se/link/">Whitelines</a> is one of my favorite sketch paper makers. They make great graph paper that reverses the grid using white lines over pale a gray paper. The result is that the grid it more subtle and less distracting</p>
<p>The Whitelines Link product is a free iPhone app that let's you capture sketches made on their new Whitelines Link papers. Position the phone over your paper, the app recognizes and aligns with the squares in the corners, and automatically captures it. You can then save your picture to Dropbox or Evernote or share it via email. If you check a box in the bottom of the sheet, and set a preference on the app, it will send your sketch to your preferred sharing destination automatically. You can even route them to a folder in Dropbox and label in Evernote. </p>
<p>Whitelines sells notebooks with the new sheets, but you can also download sheets for free in A4 and A5 sizes. <a href="http://whitelines.se/link/">Find out more here</a>.</p>
graph paperiphonesketch bookssketchingWhitelines LinkWhitelinesFri, 28 Sep 2012 17:51:48 +0000jibbajabba2298 at http://konigi.comPhonedoo: Dry erase iPhone sketchinghttp://konigi.com/tools/submissions/phonedoo-dry-erase-iphone-sketching
<img id='bluga-thumbnail-2479' class='bluga-thumbnail medium2' src='http://konigi.com/files/konigi/bluga/wt4d6cf79c59528_medium2.jpg'/><br />
<p>Cohdoo makes a nice iPhone UI sketching product called <a href="http://www.cohdoo.com/">Phone Doos</a>. They are 6.8&quot; by 3.5&quot; dry erase iPhone surfaces with faint grid lines and magnetic backing. A pack contains 10 Phone Doos.</p>
<p>I like that these gives you a surface to work on that can be re-arranged easily on a table and presented on a metallic wall. They have some good screenshots using them arranged on a whiteboard with flow arrows pointing between them, which is another thing that's probably much easier with these as opposed to using paper. Dry-erase also saves paper, which is nice. You'll just have to photograph your work, or make sure you have enough of them to keep making more screens.</p>
<p>The <a href="http://www.cohdoo.com/">Cohdoo</a> guys have web browser magnets planned as well. I'm looking forward to getting my hands on those to review as well.</p>
interaction designinterfaceiphonesketchingPhone DooCohdooTue, 01 Mar 2011 13:42:39 +0000jibbajabba2158 at http://konigi.comReview: Sync design comps to iPhonehttp://konigi.com/tools/submissions/review-sync-design-comps-iphone
<img id='bluga-thumbnail-2436' class='bluga-thumbnail medium2' src='http://konigi.com/files/konigi/bluga/wt4c93b824689f9_medium2.jpg'/><br />
<p>Review is a simple app to review your visual design comps on the iPhone. You install an app on your mac and an app on your iPhone and pair the two. On the Mac, drop images into Review, and they're synced with the iPhone for previewing at full screen.</p>
designiphoneFri, 17 Sep 2010 18:49:07 +0000jibbajabba2116 at http://konigi.comDapp: The App Design Apphttp://konigi.com/tools/submissions/dapp-app-design-app
<img id='bluga-thumbnail-2412' class='bluga-thumbnail medium2' src='http://konigi.com/files/konigi/bluga/wt4c31952b75a1e_medium2.jpg'/><br />
<p><a href="http://dapp.kerofrog.com.au/">Dapp</a> is an Apple UI Standards professional rapid application development tool that runs in the iPhone. It lets you design iPhone app prototypes, publish a spec to PDF, and generate iPhone SDK code.</p>
iphoneprototypingDappMon, 05 Jul 2010 08:17:46 +0000jibbajabba2095 at http://konigi.comLiveView for iPhone & iPadhttp://konigi.com/tools/submissions/liveview-iphone-ipad
<img id='bluga-thumbnail-2267' class='bluga-thumbnail medium2' src='http://konigi.com/files/konigi/bluga/wt4b4c7da9edba3_medium2.jpg'/><br />
<p><a href="http://www.zambetti.com/projects/liveview/">LiveView</a> is a free remote screen viewing application created by Nicholas Zambetti to help designers create graphics for mobile applications, and for quick and dirty simulations, demos, and prototypes.</p>
<p>Visual Designers may use it to view artboard while you work. LiveView is compatible with both standard and Retina displays. Interaction Designers can use with iPhone or iPad tethered via WiFi, to interact with software prototypes and demos running on your Mac to communicate and iterate your concepts quickly.</p>
<p><a href="http://www.zambetti.com/projects/liveview/">Download here.</a></p>
demonstrationsinteraction designiOSiPadiphoneprototypingvisual designweb browsersLiveViewZambetti, NicholasTue, 22 Jun 2010 19:13:06 +0000jibbajabba2085 at http://konigi.comPhoneGap | Cross platform mobile frameworkhttp://konigi.com/tools/submissions/phonegap-cross-platform-mobile-framework
<img id='bluga-thumbnail-2311' class='bluga-thumbnail medium2' src='http://konigi.com/files/konigi/bluga/wt4b7afc3c13ee4_medium2.jpg'/><br />
<p><a href="http://phonegap.com/">PhoneGap</a> is an open source development tool for building fast, easy mobile apps with JavaScript. If you’re a web developer who wants to build mobile applications in HTML and JavaScript while still taking advantage of the core features in the iPhone, Android, Palm, Symbian and Blackberry SDKs, PhoneGap is for you.</p>
AndroidBlackberryframeworksiphonemobile devicesPalmSymbianPhoneGapTue, 16 Feb 2010 20:22:04 +0000jibbajabba1965 at http://konigi.comiPhoneOS Design Stencil for iPhone and iPadhttp://konigi.com/tools/submissions/iphoneos-design-stencil-iphone-and-ipad
<img id='bluga-thumbnail-2309' class='bluga-thumbnail medium2' src='http://konigi.com/files/konigi/bluga/wt4b7ae83384908_medium2.jpg'/><br />
<p><a href="http://www.morford.org/iphoneosdesignstencil/">An iPhone OS OmniGraffle stencil</a> for designing applications for iPhone, iPod touch and iPad devices. The stencil, for now, is targeted at developers familiar with the default characteristics of views and controls provided by UIKit. The stencil shapes are all vector based. The initial focus is on views and controls provided by UIKit and recommended application styles as discussed in the iPhone and iPad Human Interface Guidelines.</p>
iPadiphoneomnigraffleprototypingstencilswireframingMorford, DaveTue, 16 Feb 2010 18:56:26 +0000jibbajabba1964 at http://konigi.com iPhone UI http://konigi.com/tools/submissions/iphone-ui
<img id='bluga-thumbnail-2270' class='bluga-thumbnail medium2' src='http://konigi.com/files/konigi/bluga/wt4b4ca6e383677_medium2.jpg'/><br />
<p>A <a href="http://iphone.hohli.com/">JavaScript library</a> to prototype web interfaces for the iPhone.</p>
iphoneTue, 12 Jan 2010 16:48:54 +0000jibbajabba1924 at http://konigi.comLiveView for iPhonehttp://konigi.com/tools/submissions/liveview-iphone
<img id='bluga-thumbnail-2267' class='bluga-thumbnail medium2' src='http://konigi.com/files/konigi/bluga/wt4b4c7da9edba3_medium2.jpg'/><br />
<p><a href="http://www.zambetti.com/projects/liveview/">LiveView</a> is great little freebie for UI design &amp;amp; prototyping on iPhone. Essentially it sends a 320x480 viewport from your Mac to your iPhone, so is useful for creating quick and dirty simulations, demos, and user experience prototypes.</p>
iphonemobile devicesprototypingremote viewingLiveViewZambetti, NicholasTue, 12 Jan 2010 13:53:00 +0000clagnut1922 at http://konigi.comiPhone 3G Stencilhttp://konigi.com/tools/submissions/iphone-3g-stencil
<img id='bluga-thumbnail-1909' class='bluga-thumbnail medium2' src='http://konigi.com/files/konigi/bluga/wt4ad5b9382b9c3_medium2.jpg'/><br />
<p>This is a new version of Theresa Neil's <a href="http://www.graffletopia.com/stencils/495">iPhone stencil for the 3G phone</a>. Includes standard interface components for the iPhone 3G: buttons, fields, map elements, keyboards, and icons.</p>
iphonestencilswireframingNeil, TheresaWed, 14 Oct 2009 11:38:55 +0000jibbajabba1804 at http://konigi.comAutodesk SketchBook Mobile Brings Sketching to iPhonehttp://konigi.com/tools/submissions/autodesk-sketchbook-mobile-brings-sketching-iphone
<br />
<div class="video">
<object width="560" height="340"><param name="movie" value="http://www.youtube.com/v/YwYm5YhA0pQ&hl=en&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/YwYm5YhA0pQ&hl=en&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object></div>
<p>I've had SketchBook Pro for the Mac for a few years now. I bought it before it was acquired by Autodesk from Alias, mostly for art work, but also to experiment with it as a tool for interface sketching. But while I wanted to use it more, I find myself falling back on paper and pencil almost all of the time. Autodesk recently released <a href="http://usa.autodesk.com/adsk/servlet/item?siteID=123112&amp;id=13872203">iPhone versions of the app</a> (1 version is free, and the full version is $2.99) and I think it might actually be more useful to me than the desktop version.</p>
<p>I've been playing around with the app as a possible tool for user interface sketching, and am impressed with what I could do with the limited canvas of the iPhone. Right now it feels a little limited for my use. But I am more excited at the opportunities this might provide in the future if any of the <a href="http://gizmodo.com/5370252/apple-tablet-aiming-to-redefine-newspapers-textbooks-and-magazines">Apple Tablet rumors</a> come true. </p>
<p>Using SketchBook Mobile on the iPhone is pretty tough. You can see in the demo video above that the user is drawing with his fingernails and working zoomed in much of the time, rather than drawing at 100%. Zooming is easy with the pinch gesture, but having to constantly zoom in and out is a little tedious when you need to back up and see the whole of your drawing. Using stubby finger tips is also hard, but you can get around that largely by using a <a href="http://www.google.com/products?hl=en&amp;q=iphone+stylus&amp;sourceid=navclient-ff&amp;rlz=1B6_____enUS346US346&amp;um=1&amp;ie=UTF-8&amp;ei=uQ_GSrzWBY7i8Qb377hG&amp;sa=X&amp;oi=product_result_group&amp;ct=title&amp;resnum=4">stylus</a>.</p>
<p>The interface feels exactly like the SketchBook Pro desktop app. The radial menus are easy access, and thoughtful shortcuts for clearing and undo are provided with double clicks. Panning is a 2 finger gesture, and zooming is familiar using the pinch gesture. The iPhone version actually uses the same paint engine as SketchBook Pro, so it uses the same drawing tools, and they feel and look the same. The same interfaces for layers, color picking, and brush creation are also offered. Saving and sharing is also possible, either by saving to your photo library, or exporting as PNG to email.</p>
<p>Where the small iPhone canvas feels restrictive in SketchBook Mobile, I imagine that a 10" touch screen canvas will feel absolutely perfect. I'm currently using a process for recording and reviewing sketches where I sketch in either of my small 8" or 5" notebooks, snap a photo with my iPhone, and then post via email to our company's CMS, where I can annotate and people can review and comment. But I would be more than willing to try to sketch directly in SketchBook and post those drawings rather than having to jump through the hoops I do now, few as they are. </p>
<p>As you can tell, I'm sort of excited by the idea, and I'm feeling like there are enough indicators that the rumors for the Apple Tablet may be justified. Keeping my fingers crossed.</p>
iphonesketchingSketchBook MobileAutodeskFri, 02 Oct 2009 14:24:50 +0000jibbajabba1794 at http://konigi.comApp Sketchbook: iPhone App Sketchbookhttp://konigi.com/tools/submissions/app-sketchbook-iphone-app-sketchbook
<img id='bluga-thumbnail-1873' class='bluga-thumbnail medium2' src='http://konigi.com/files/konigi/bluga/wt4a954000a42b7_medium2.jpg'/><br />
<p>This is sweet. <a href="http://appsketchbook.com/">A sketchbook made for iPhone app design</a>. Features three actual-size iPhone templates per page, pixel (20px) ruler and title bar markings, ruled section for app development notes, and 600 screens (100 double-sided pages).</p>
iphoneprototypingsketch bookssketchingApp SketchbookWed, 26 Aug 2009 13:56:30 +0000jibbajabba1755 at http://konigi.comFireworks Script for iPhone App Prototypeshttp://konigi.com/tools/submissions/fireworks-script-iphone-app-prototypes
<br />
<p>The <a href="http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&amp;loc=en_us&amp;extid=1786031">iPhone extension</a> helps create a mockup of an iPhone application in Fireworks. It automatically adds the iPhone wrapper when you preview the mockup, or package it for distribution as an AIR application. The slide-in, slide-out effects that are charecteristic of iPhone can be generated using this extension.Updated resolution to 480X320.</p>
fireworksiphoneprototypingAdobe FireworksAdobe SystemsWed, 05 Aug 2009 10:47:49 +0000jibbajabba1721 at http://konigi.comSmashing Magazine iPhone PSD Vector Kithttp://konigi.com/tools/submissions/smashing-magazine-iphone-psd-vector-kit
<img id='bluga-thumbnail-1749' class='bluga-thumbnail medium2' src='http://konigi.com/files/konigi/bluga/wt4a377413b236e_medium2.jpg'/><br />
<p>Smashing Magazine releases their own <a href="http://www.smashingmagazine.com/2008/11/26/iphone-psd-vector-kit/">iPhone design kit</a>, designed by Renee Rist.</p>
iphonestencilstemplatesSmashing MagazineRist, ReneeWed, 26 Nov 2008 13:47:23 +0000jibbajabba1112 at http://konigi.comiPhone GUI PSDhttp://konigi.com/tools/submissions/iphone-gui-psd
<img id='bluga-thumbnail-1797' class='bluga-thumbnail medium2' src='http://konigi.com/files/konigi/bluga/wt4a50b900364cb_medium2.jpg'/><br />
<p>The <a href="http://www.teehanlax.com/blog/?p=447">iPhone GUI PSD</a> by teehan+lax is an editable layered Photoshop file with graphic elements including the iPhone, buttons and controls, form inputs, and application chrome. </p>
<p>Thanks to <a href="http://designnotes.info/">Designnotes</a> for the tip.</p>
interfaceiphonephotoshopstencilstouch screensvisual designteehan+laxThu, 21 Aug 2008 12:10:25 +0000jibbajabba926 at http://konigi.comSketch paper for the mobile designerhttp://konigi.com/tools/submissions/sketch-paper-mobile-designer
<img id='bluga-thumbnail-1798' class='bluga-thumbnail medium2' src='http://konigi.com/files/konigi/bluga/wt4a50ba012bbb9_medium2.jpg'/><br />
<p>Erlend posted on the Artueel blog about a great idea they had for mobile designers&#8212;a <a href="http://blog.artueel.be/sketch-paper-for-the-mobile-designer/">sketchpaper</a> document you can print out (PDF and PSD formats available) so you can get your ideas on paper. They've created sketchpaper for the iPhone and the Nokia N95. </p>
<blockquote><p>Since we‘re all big fans of the iPhone and the mobile future in general, we want to help the mobile designer achieving his goals. For those who like to sketch the design/flow of their mobile app or website we present you: sketch paper for the iPhone and Nokia N95.</p></blockquote>
<p>Each document includes an image of the mobile device, space for a title, and a lined area for notes. Looks a lot like shells for wireframes and storyboards. There are pages to show the iPhone, for instance, in both landscape or portrait mode, with browser chrome, or stripped down for application designs. Several formats are included to show 1, 2, or 3 devices per page. Brilliant. </p>
graph paperinterfaceiphonemobile devicesnokia n95sketchingFri, 06 Jun 2008 12:12:16 +0000jibbajabba778 at http://konigi.comiPhone Wireframes Stencil for OmniGrafflehttp://konigi.com/tools/submissions/iphone-wireframes-stencil-omnigraffle
<img id='bluga-thumbnail-1229' class='bluga-thumbnail medium2' src='http://konigi.com/files/konigi/bluga/wt481b597dee9da.jpg'/><br />
<p>A wireframe stencil for <a href="http://www.graffletopia.com/stencils/358">designing iPhone interfaces</a>.</p>
iphoneomnigrafflestencilswireframingFri, 02 May 2008 18:12:09 +0000jibbajabba675 at http://konigi.com