My Favorite Handwritten Fonts Tons of new websites are being created everyday and it is noticable that if you want to be unique and stand out from the crowd you need to find creative ways of using type, pictures and other design elements in any kind of work you produce. For that reason I would suggest you give a try on handwritten fonts. Handwritten type are the perfect choice if you want to add some charm and personal touch to your work. With appropriate and well thought-out use of white space, handwritten fonts do bring your designs style and elegance. Mobile UI Design Patterns: 10+ Sites for Inspiration By Jacob Gube User interface design patterns are solutions to common design challenges, such as navigating around an app, listing data or providing feedback to users. Mobile apps and sites have unique UI design requirements because, compared to their desktop counterparts, they’re used in smaller screens and, at least with today’s modern mobile devices, rely on fingers instead of a keyboard and mouse as input mechanisms.
Fresh Ideas - nurture your ideas! - (Navigation privée) Retro style logo mockup (psd) Today’s freebie has been designed by Bruno from Bmachina. It is a photorealistic logo mock-up which will add a cool and classy retro style touch to your presentation, allowing you to impress your clients. The mock-up was created in Photoshop and is fully editable. You can use it for both personal and/or professional projects. Mocks – Mockup iOS applications. Rapidly create beautiful, high-fidelity mockups of iOS, iPad and iPhone applications with Mocks. Mocks is an modern, native app for Mac OS X that gives you special tools to design mockups of iOS applications and screens. Mocks comes with a built-in collection of graphics depicting iOS UI controls and widgets (like buttons, toolbars, and text fields). Drag these controls from the Library palette on the left to the central Canvas area where you compose your mockups.
A Collection of Printable Sketch Templates and Sketch Books for Wireframing At the beginning of a web (or application) development project I always create the sketches first. While sketching can be done on a blank paper, it’s much better to use a sketch template. For me that is the best and most productive way to work on and improve my ideas before application development begins (and things get more complicated :-)). This way I won’t pay too much attention to some details that should be taken care of later, but stay focused on general layout and functionality. Below you will find more than 20 resources that you can use in sketching phase of application development. 40 Examples of Brilliant Responsive Website Layouts Responsive web design become a very popular trend in 2011. It’s likely something we’ll see continuing well into 2012 as designers are beginning to support a myriad of mobile devices. Building layouts for the web can be tough, but inspiration is a huge factor. In this gallery I’ve collected 40+ amazing responsive website layouts. These designs are built to support a set of different resolutions and re-size accordingly.
UI Kits PSD - Free High Quality PSD A picture is worth a thousand words. Most of the time, I found that a complex idea can be comprehend far more effectively with drawing/images. Infographic is a good example. Infographic is a graphic representation of data, information and or knowledge and it’s a great method to represent your finding of data and show them to your target audience. There are thousands of infographic out there, if you have a set of data but lack of design and images to help you, this post is written just for you. Free Printable Sketching, Wireframing and Note-Taking PDF Templates Advertisement Sketching and wireframing are a specialized style of drawing, used for fleshing out preliminary complex ideas, group brain-storming, a lo-fi method for evaluating interaction concepts, and as a way of roughly perfecting a design technique. Sketch and wireframe paper is essentially drawing paper that is designed specifically for this purpose. You could use it for web page design, web app design, architectural or structural design, graphic design, movie direction, animation… basically any type of design that needs a physical creative outlet or group collaboration. Not all sketch and wireframe sheets are universal, most are specialized for a particular medium, such as storyboards and specialized grid paper (axonometric perspective templates). Below you will find a concise collection of ready to print sketching, wireframing and note-taking templates.