background preloader

Free UX Sketching And Wireframing Templates For Mobile Projects

Free UX Sketching And Wireframing Templates For Mobile Projects
Today we are happy to release two printable UX sketching and wireframing templates, designed by Pixle81 for Smashing Magazine’s readers. This article presents Outline, a set of sketching and wireframing papers for mobile platforms and Tapsize, a set of templates for checking optimal tap areas without a mobile device. Outline Outline is a set of 28 printable sketching and wireframing papers (in PDF) for seven mobile platforms: Android, BlackBerry, iOS (iPad and iPhone), Meego, Symbian, webOS, Windows Phone 7. The set consists of a few combinations, such as actual size, 10 devices fit to a page, and landscape layout. Note: Print the sheets at actual size (i.e. do not resize). As a bonus, Outline includes an Illustrator file displaying the mobile devices. Outline paper set Windows Phone 7 and 8 panorama template Android 4.x template Tapsize With Tapsize, you can determine the optimal tap area without having an actual device. Tapsize paper set Calculating the grid Behind the Design (al) (il) Footnotes

Related:  UX Designressources designOutils de travail

20 Free 3D Fonts for Your Collection 3D fonts are getting popular and you can find them in retro or futuristic designs for logos, posters and even on websites! 3D is found everywhere and that is why people love this concept. With the rise of 3D technology in movies, this trend has also been seen in graphic and web design. There are many free 3D fonts on the web, but you must be careful to choose the ones that are readable and clean.

10 Free Printable Web Design Wireframing Templates 758 shares Drafting Tips for Creative Wireframe Sketches Much like other professional designers I’m a big fan of the wireframing process. Editorially Wants to Redesign Writing For The Web Where do you do most of your writing? It’s probably in a blogging dashboard (also known as a CMS), a plaintext editor, or Microsoft Word. If you do a lot of writing in any of these environments—say, for your job—you also know that all of them suck. Why? Because they were all designed for something other than “making it as easy and effective as possible to create and edit written content intended for digital publication.” Editorially, a new startup founded by Mandy Brown (formerly of Typekit and A Book Apart, aims to fix this.

Selling Usability to Your Manager You're enthusiastic about usability and want to make it happen within your organisation. But your manager doesn't share your enthusiasm. Perhaps your manager sees usability as a diversion from the business of product or software development, or thinks it's too fluffy to truly inform design, or sees it as a threat to his or her expertise. Touch of Slanted Direction Website Designs Featuring Diagonal Lines Generally lines are inseparably associated with a direction, naturally guiding users’ eyes from one point to another. This concept is quite often applied in website design, where instruments that are able to create visual hierarchy and demonstrative paths are highly valued. Vertical, horizontal and, of course, diagonal lines serve this purpose perfectly well. Especially the last ones that aside from easily pulling the user’s eye from one point to another have several advantages over its customary and widely-spread relatives. Diagonal lines naturally break the orthodox layouts, generate tension, create a dynamic and even convey a sense of freedom. Moreover being a part of complex composition – whether it is a simple geometric combination or sophisticated artwork – they won’t get lost and will certainly help to obtain impressive results.

10 Tips for Designing with Type on a Photo One of the best techniques to have in your toolkit is designing with type on and around images. But it can also be one of the toughest concepts to pull off successfully. You have to have the right photo, a good eye for typography and know what you want to accomplish to make the most of adding type to an image. If you feel like you are ready to take on the challenge, here are 10 tips for making it work: 1. Add Contrast

UI Patterns iPhone/iPad Web usage via mobile devices is increasing dramatically. Companies are now including mobile devices into the scope of their online presence. For UX designers this brings a shift in skills needed to serve clients as mobile relevant to every conversation. 5 Smart Apps to Create Prototypes on Your iPhone and iPad App prototyping models offer a fast and intuitive platform for designers to design smarter apps. This article gives 5 intuitive prototyping tools to build, run and share better apps. 5 Intuitive Tools To Create iPad and iPhone App Prototypes In 2013 The hardest part of an app development is from conceptualization to testing and implementation. In other words, the entire process is tricky and cumbersome for designers and developers alike. Not any more, the below list of app prototyping tools will re-define the way you think, work and build apps. Let’s take a look at the 5 smart apps to create prototypes on your iPhone and iPad:

User Experience Deliverables January 27, 2009 It's an exhilarating time for the user experience community. Rising awareness of our value plus emerging technologies and transmedia trends have created conditions for a step change in our practice. As an information architect, I'm enjoying the new challenges immensely, even as they sweep me outside my comfort zone. I've designed social software and rich user interfaces. Flat UI Pro Tutorial: Setting and Compiling Using LESS David East takes you step-by-step through the process of using LESS settings using Designmodo’s Flat UI Pro in this new video tutorial. In this video tutorial, you use components from Flat UI Pro to create a complete simple mail app using LESS. He takes you through the steps to set up LESS files and stylesheets for the application. The tutorial explains use of both WinLESS and SimpLESS applications for both Windows and Mac users. The video takes you through the steps to create LESS settings for menus, a sign up form and more, including an optional tutorial on responsive fixes.

Touch Gesture Reference Guide The Touch Gesture Reference Guide is a unique set of resources for software designers and developers working on touch-based user interfaces. The guide contains: 1) an overview of the core gestures used for most touch commands 2) how to utilize these gestures to support major user actions 3) visual representations of each gesture to use in design documentation and deliverables 4) an outline of how popular software platforms support core touch gestures (below). Download