20 Free GUI Templates for 'Flat' Web Design All of the UI templates and kits we have for you today have been designed in a Flat style. Meaning they have been created ‘without the usual gradients, pixel perfect shadows, and skeuomorphism…’ All of the kits are free, editable, and all are perfect for quickly creating web and mobile mockups. Flat UI Kit (PSD) Rampy Flat UI Kit (PSD) Flat Ui Kit (PSD) Mountain Flat UI Kit (PSD) Flat UI Kit (PSD) Flat Ui by NAS (PSD) UI Kit by Kamal Chaneman (PSD) Modern Flat UI Kit (PSD) Flat UI Kit (Sketch) Flat Blog UI Kit (PSD) by PSDExplorer Square UI (PSD) by DesignModo Flat Widget UI Kit (PSD) by Riki Tanone Flat UI (PSD) by Andy Law UI Kit (PSD) by Abhimanyu Rana UI Kit (PSD) by Jamie Syke Flat UI Kit (PSD) by VisualCreative Web App Flat UI (PSD) by Blaz Robar Minimal UI Kit (PSD) by ThemeDesigner Flat Web Elements (PSD) by Alexey Anatolievich Web Browser UI Elements (PSD) by Bluroon Flat Event Creation (PSD) by Seth Ely Flat UI Buttons (PSD) by Alex Vanderzon Flat Mini UI Player (PSD) by David Magère
robbiehanson/CocoaLumberjack iOS testing framework Resources for Mac and iOS Developers… | Dave Mark's Blog I was working on an article for Jim Dalrymple (@jdalrymple) and Loop Magazine ( The topic? Getting started with Mac and iOS development. I went looking for a reasonably recently updated list of dev resources to link to from the article. Couldn’t find one I was happy with, then remembered that we included a pretty solid list at the end of the book Beginning iOS 6 Development. Since that list needed to be updated for the iOS 7 rev of the book, I thought, why not pop the list into a blog post. At its core, programming is about problem solving and figuring things out. I also posted a separate list of dev tools right here and a another post listing training resources right here. Of course, please do follow me on Twitter (@davemark). Become one with Xcode’s documentation browser, grasshopper. If you are just getting started with Mac or iOS development, here are a few places I would look through, some excellent foundational material.
Pitching an app? Appgyver says it can deliver gorgeous prototypes & more (exclusive) Got an idea for an iPhone app? These days, you can mock up a quick and dirty prototype to show colleagues and customers, before you commit to actually building the thing. A startup called Appgyver (conveniently rhymes with “ MacGyver “) has developed a set of app prototyping tools for developers and product managers. To build out its product suite, the company today raised an additional $325,000 in seed funding. Appgyver’s well-known Prototyper product is targeted at those who need a better way to test out current versions of their apps on potential customers, and rapidly alter the design in minutes. But the Palo Alto, Calif. For one thing, Appgyver isn’t the only product on the market to help you build gorgeous visuals, no coding required. To differentiate themselves from the competition, the founders spent months interviewing app developers and designers about their biggest sources of frustration. Check out the video to learn more. AppGyver Steroids from AppGyver on Vimeo .
Mobile Advertising and Marketing Solutions Company Pass Composer Design your Pass colors, logos, labels, fonts, and layout. Store your template for quick editing or replicate a Pass template you previously created to quickly build new campaigns. Drag and drop Pass templates into email campaigns, SMS campaigns and mobile web pages. Pixel Perfection A lot of designers throw around the term pixel perfection. But what does it really mean? Googling it really didn’t help. With this article, I am going to not only attempt to define it but also give clear examples on how to achieve it. I will also share design files from which you can deconstruct and analyze. Download .sketch files You’ll need Sketch to open these files: Sharpness “Sharp” is defined as razor-edged and honed. By looking closely at this design, you’ll notice a light shadow and a white shadow. Perfect Position & Dimension Understanding perfection is not enough. In Photoshop, that means pixel snapping vector points manually by selecting them, then Command + Shift dragging them. In Sketch, it’s even more precise because you can simply select each sub-shape and edit round the numbers (x, y, width and height). Obsession Pixel perfection is an obsession and a standard to which serious designers live by. Go ahead and download my .sketch files and spot the half pixels.
Designing For The Empty States Understand how to add some delight into an app by designing the empty states and give users a better experience. Empty states are places in apps that have no content or data. They are empty. A blank page. Traditionally empty states are overlooked as most designers focus on how best to display lots of content or data. It’s common for empty states to be dealt with by developers as they are often caused by exceptions (such as no internet connection). There are three mains types of empty states. 1. First impressions are vital. When someone signs up for an app, the chances are high that they know what it does. 2. Consider the inbox. Take a look at how Sparrow, Gmail and the default iOS Mail app handle the empty inbox. Sparrow shows an icon representing a traditional inbox and the phrase ‘Inbox Zero’. Gmail goes a step further by injecting some character into the app with the smiling sun. 3. Sometimes the people will experience an empty state as part of an error. Conclusion Contribute