The iOS 7 Design Cheat Sheet - Ivo Mynttinen / User Interface Designer Everything you need to know when it comes to iOS 7. This article is outdated. View new version Smashing UX Design — Usability, Psychology and Information Architecture Category: UX Design This category features quality articles on usability, information architecture, interaction design and other user experience (UX) related topics – for digital (Web, mobile, applications, software) and physical products. Through these articles, experts and professionals share with you their valuable ideas, practical tips, useful guidelines, recommended best practices and great case studies. Curated by Chui Chui Tan. . Popular tags in this category: Freebies, Web Design, Techniques, Inspiration, Business
430 Icon packs for free - Vector icon packs - SVG, PSD, PNG, EPS & Icon Font - Free Icons Are you sure you want to delete this collection? Don't want to credit the author? Premium download +329,900 icons from $20 $9.99 Avoid atribbution Exclusive access to +54,000 Premium icons Mac OS X App Money back guaranteed Learn more Creative UI Design Examples for Great UX UX (User Experience) is all those elements and factors related to the user's interaction with a particular environment or device which generate a positive or negative perception of the product, brand or device. UX is subjective and focused on use. The standard definition of UX is "a person's perceptions and responses that result from the use or anticipated use of a product, system or service".
Starter's Guide to iOS Design As someone who does work on both the development and design side of iOS apps I find that many designers struggle with the transition to UI work, or with the different processes involved in iPhone and iPad app design. In this guide I'll describe the deliverables you'll be expected to produce, outline the constraints of the medium and introduce fundamental iOS and UI design concepts. The Medium 260 free vectors icons, GUI graphic library for web design Graphic styles Library 200 graphic styles to change buttons, headers or blocks in 1 click Minimal Vector Icons 260 Vector Icons for creatingWireframes and Webdesign GUI Elements Library Hundreds of vector elementsfor designing Interfaces PortKit: UX Metaphor Equivalents for iOS & Android PortKit shows you each Cocoa UI Element in iOS 6 / iOS 7 and its Android widget version, side by side, so you can compare and find the correct equivalent when porting an app. We are a Brisbane based company that develops iPhone & iPad Apps and Android Applications and we wanted a simple way to visualise, reference and compare UI elements, and have quick access to documentation and the respective naming conventions. Due to the popularity of this post we decided to add a tonne of handy resources, tools, and tips that we use day to day available at the bottom of this post. Skip to awesome resources below ↓ iOS 7 UIButton
Icon Design Guidelines An icon is a graphic that takes up a small portion of screen real estate and provides a quick, intuitive representation of an action, a status, or an app. When you design icons for your app, it's important to keep in mind that your app may be installed on a variety of devices that offer a range of pixel densities, as mentioned in Devices and Displays. But you can make your icons look great on all devices by providing each icon in multiple sizes. When your app runs, Android checks the characteristics of the device screen and loads the appropriate density-specific assets for your app. Because you will deliver each icon in multiple sizes to support different densities, the design guidelines below refer to the icon dimensions in dp units, which are based on the pixel dimensions of a medium-density (MDPI) screen.
15 amazing tools for online collaboration Individuals in design teams don't always work together in the same office. You may be positioned in distributed groups, or working from home, and clients can come from all over the world. This is where collaboration tools come in – they make it easier and faster for designers to get feedback and approve artwork in a professional manner, and they come in all sort of forms, from free Android apps to Chrome extensions. Here we gather together some of the best available online tools to allow designers to collaborate together in real time. Mobile Sign Up Forms Must Die It’s hard to get people to download your mobile application. But if they do, what greets them when they open it up for the first time? A step by step tour? A sign up form? Both might be missed opportunities to get people engaged and interested in your service.
Axure iPhone Widgets Library Hundreds of Axure user interface widgets for prototyping iPhone apps + dozens of royalty free icons to use in your prototype and final design! Screenshots Or directly update quantity in cart for discount Limited Time Bundle Deal: Get All Widgets Libraries For 75% Off! UI Guidelines for mobile and tablet web app design Official user interface (UI) and user experience (UX) guidelines from the manufacturers, links to which you can find below, are a source of inspiration for mobile web and app design. Here, you will find guidelines, samples, tips, and descriptions of common mistakes. Many of the guidelines focus on native application development, but we can apply most parts of them to mobile web design too.
Creating color palettes with adjustment layers Recently, it came in handy for iStat Menus 5, where we have 14 base colors with 4 variations on each. The 56 resulting colors form iStat Menus’ colors and themes. Base colors Critical Considerations in Designing Mobile Medical Apps Author: David Lee Scher, MD While medical apps share technical features with the commercial apps that have become ubiquitous on smartphones and tablet computers, special considerations go into the development of health apps.