background preloader

Free Keynote Mockup Templates for iPhone, iPad, Android, ...

Free Keynote Mockup Templates for iPhone, iPad, Android, ...
Click the orange button to pop-up a window where you can edit and confirm the tweet, then the download button will be activated Keynotopia Mockup Templates enable you to sketch user interfaces using Apple Keynote or Microsoft PowerPoint, without having to draw each component by hand! All components are hand-drawn vector shapes created from scratch in Keynote and PowerPoint, and can be edited and customized directly, without needing additional design tools. When your mockups look like simple hand-drawn screens, it’s easier to get feedback on layout and structure, without getting distracted by the detail. And creating Keynote and PowerPoint sketches is better than drawing them by hand, because you can iterate and modify them quickly without having to redraw them from scratch. Watch this 2 minute video to learn how to turn mockups into high fidelity prototypes with a few clicks How to use the mockup templates What’s included Web 2.0 and jQuery Apps Mockup Templates Facebook Mockup Templates Related:  UX

Timeline JS - Beautifully crafted timelines that are easy, and intuitive to use. 10 Best Wireframe Tools for Creating Web Design You can create wireframes in many ways and by using many tools, depending on how much money you are willing to spend on it and what you want out of it. Sometimes a pen and a paper is all you need. Some designers use some tools like Illustrator, Fireworks or PowerPoint for creating wireframes. We have a list of 10 Best Wireframe Tools For Web Designers. Pencil Pencil is the one of the most popular and widely used tools available out there. Advertisement Pidoco Pidoco is a really easy to use web-based prototyping tool that allows quick creation of clickable wireframes and UI prototypes for web, mobile and enterprise apps. PowerMockup PowerMockup is an add-on that converts Microsoft PowerPoint into a wireframe creation tool. ForeUI ForeUI is a really handy UI prototyping tool. Gliffy Gliffy is a really cool wireframe creation tool which allows dragging and dropping boxes, buttons, and lines from the web wireframe tool shape library to any place on the page. ProtoShare Balsamiq Mockups SketchFlow

Watch video tutorials and download free samples on prototyping with Keynote and PowerPoint Video Tutorials Keynote Prototyping Essentials How to Prototype an interactive iPhone App in 19 Minutes How To Design a Custom Control in Keynote How to Create Animated Transitions How to Share Your Prototypes and Get Feedback How to Convert Wireframes to High Fidelity With A Few Clicks Interviews With Masters of Prototyping and Design Right-click and save as MP3 Todd Zaki Warfel: How to Plan, Define and Test Your Prototypes Josh Clark: How to Design and Prototype for Mobile Devices Jesse James Garrett: How To Create Simple & Intuitive User Experiences Sample Prototypes (Coming Soon)

How To Recruit A UX Designer Advertisement The Web has entered an era of user-centricity. If businesses are to attract new customers and retain existing ones, they must create websites and apps that deliver intuitive and tailored experiences. Whether you run an online retailer or a not-for-profit community website, the user experience is mission critical. As a consequence, we have seen a real surge in the need for talented user experience (UX) designers who can help turn vision into reality. (Image credit: openwourceway) If you are anything like us, you’ll be keen to learn from leaders and innovators in our industry, which is why we’ve assembled some luminaries from the UX community to share their insight and experience especially with the Smashing Magazine community. We’d like to say a big thank you to the experts who made this guide possible. We asked each of our experts 10 questions. The Questions How did you learn to hire? 1. Find a Role Model Tom Wood of Foolproof: “My role model is David Ogilvy. Find Your Feet 2.

Piktochart : l’appli infographique en ligne tant attendue Test rapide que je viens de faire ce soir, sur une toute nouvelle application (en tout cas pour moi) -Piktochart- à classer au rayon des générateurs (simples, efficaces et user friendly) d’infographies en ligne, exploitant la « data ». Une vraie quête du Graal, pour nombre de webeux, journalistes et producteurs de contenus digitaux. Qui en étaient resté aux premiers galops réussis de, ou encore plus récemment du prometteur Vizify. Honnêtement, j’ai passé environ 30 minutes de travail de rang sur ce Piktochart. D’une intuitivité exceptionnelle, elle permet de se baser sur des canevas standards, que l’on a plus qu’à adapter à son propre projet. En vitrine et à la manip’, ça ressemble furieusement à un éditeur en ligne souple, aisé, réactif et complètement dans la mouvance du web 2.0. Voici en tout cas le résultat obtenu, donc en peu de temps.

Wavii 40 Innovative UI Concepts from Dribbble Innovative concepts, whether practical or imaginative, can help progress creatives and their work to the next level. By breaking rules, ignoring common conventions, and testing the limits of design, we can create opportunities that allow us to enhance and improve our work. Take a look at some of these brilliantly designed interactions from Dribbble, and let them inspire creativity in your own work today. The Side Nav Revisited Appointment by Paresh Khatri Browse Shows – iOS App by Umar Irshad Dialoggs – Collapsible Menu by Drew Wilson Dashboard – Realtor Project by Brian Waddington Zendesk Project Lotus by Jason Wu Page Curls and Peels Qiwy iOS app curl test by Mikael Eidenberg Inside (first draft) – iPad – UI/UI/iOS by Cuberto Peel Back by Juan Sanchez Curl by Prathyush Pramod Bookmark for Magazines by Ugur Akdemir Folding Screens Photofold by Supratim Nayak Fold to unlock iOS style by Anton Kudin Flipweek agenda by Wouter ● Bread&Pepper UX/iOS idea with video process by Cuberto Dashboard by Kerem Suer

Normalize CSS Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 Heading 2 (in section) Heading 3 (in section) Heading 4 (in section) Heading 5 (in section) Heading 6 (in section) Heading 2 (in article) Heading 3 (in article) Heading 4 (in article) Heading 5 (in article) Heading 6 (in article) This should be hidden in all browsers, apart from IE6 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. The a element example The abbr element and abbr element with title examples The b element example The cite element example The code element example The del element example The dfn element and dfn element with title examples The em element example The i element example The img element example The ins element example The kbd element example The example The q element inside a q element example The s element example The samp element example The small element example The span element example The strong element example The sub element example The sup element example The u element example The example audio img svg video pre blockquote