background preloader

Feathers - Build user interfaces for games and applications with Feathers

Feathers - Build user interfaces for games and applications with Feathers
Related:  UI, UX, PROTOTYPAGE etc

iOS Human Interface Guidelines As an app designer, you have the opportunity to deliver an extraordinary product that rises to the top of the App Store charts. To do so, you'll need to meet high expectations for quality and functionality. Three primary themes differentiate iOS from other platforms: Clarity. To maximize impact and reach, keep the following principles in mind as you imagine your app’s identity. Aesthetic Integrity Aesthetic integrity represents how well an app’s appearance and behavior integrate with its function. Consistency A consistent app implements familiar standards and paradigms by using system-provided interface elements, well-known icons, standard text styles, and uniform terminology. Direct Manipulation The direct manipulation of onscreen content engages people and facilitates understanding. Feedback Feedback acknowledges actions and shows results to keep people informed. Metaphors User Control Throughout iOS, people—not apps—are in control.

The 20 best wireframing tools | Wireframes Wireframe tools make the process of knowing how to create an app or website fundamentally easier, by visually stripping the product down and enabling all involved to focus purely on functions and user interactivity. Clients need to understand how your proposed app or website will work. But simply explaining to them verbally or in writing leaves the vast majority of functions down to their imagination – which isn't helpful for you or your client, and leaves a lot of room of error. Wireframe tools can be extremely helpful in squaring that circle. Get 15% off Creative Cloud with our exclusive offer There are more wireframe tools on the market than ever, each offering varying levels of functionality. Taking advantage of trial downloads or free software and finding the one that fits in with the way you work is the best way of finding out which one is right for you. 01. 02. Platform: MacOS, WindowsPrice: From free to $19.99 per month as part of Adobe Creative Cloud 03. 04. 05. 06. 07. 08. 09.

e-Books Effective Date: Oct 10, 2014 This Privacy Policy (“Policy”) describes how UXPin Sp. z o.o. a Polish company with business address at Abrahama Street No 37/8, 81 - 366 Gdynia, Poland, entered into commercial register of the Polish Court Register held by the District Court Gdańsk - North in Gdańsk No 0000400136, with share capital of 66,100.00 PLN, TAX ID NO: PL5862274376and its affiliates (“UXPin” or “we” or “our” or “us”) treats information collected or provided in connection with a customer’s (“you” or “your”) use of the UXPin software-as-a-service (the "Service") website located at (the “Site”). Any customer intending to use the Site is requested to read this Policy carefully prior to any use of the Site, as this Policy shall apply to any use of the UXPin software-as-a-service located at the Site. If you shall not agree to any provisions of this Policy, please refrain from using the Site.

Mockups & Rough : gagnez du temps ! Ça y est, vous devez créer un nouveau site internet ! Comme d'habitude, après avoir sabré une célèbre boisson alcoolisée, c'est direction tête baissée dans Photoshop pour attaquer le design. N'est-ce pas la marche à suivre ? Pas vraiment. Si il s'agit d'un projet personnel pour lequel vous savez exactement où vous voulez aller en ayant tout votre temps, pourquoi pas. Il existe deux étapes essentielles avant la conception du graphisme : le mockup (appelé aussi zoning, wireframe - ou fil de fer) et dans certains cas le rough. Création d'un site internet : le workflow 1. C'est le pilier d'un projet : sans lui vous ne savez pas où vous allez ni quelles sont les fonctionnalités attendues. 2. Chacun a des goûts différents : c'est fantastique ! Le design se veut le reflet graphique du cahier des charges (apparence, mise en forme des contenus, ergonomie…). 3. Lorsque la maquette est validée, on passe à l'intégration en page web. 4. 5. Le Mockup Un mockup regroupe essentiellement : Les outils

Les grilles dans le webdesign "Il y a quelque chose de différent entre ce site et le mien… Il a l'air de faire plus pro et je ne sais pas pourquoi !" N'avez-vous jamais eu ce genre de remarque ? Pourtant vous utilisez Photoshop (ou autres programmes équivalents) depuis un certain temps, vous connaissez les règles typographiques et celles du web, la palette de couleur a été choisie avec soin... Bref, rien n'y fait : votre site semble déstructuré / désharmonisé. Pas d'inquiétude, vous n'avez sans doute pas utilisé de grille dans votre design ! Une grille, comme dans le film* ? Utilisée en imprimerie, il est tout à fait possible de transposer le système de grille dans le domaine du web. * Un film très bleu avec des motos, des combats de disques et un certain monsieur Flynn. Grilles : les bases Il existe beaucoup de grilles différentes avec autant de cas concrets d'utilisations. Anatomie d'une grille Elle sert d'armature pour organiser la page et son contenu. On obtient alors une page plus lisible et plus homogène.

Dia draws your structured diagrams: Free Windows, Mac OS X and Linux version of the popular open source program Press Space or double-click to edit Capture ideas at the speed of thought – using a mind map maker designed to help you focus on your ideas and remove all the distractions while mindmapping. Create unlimited mind maps for free, and store them in the cloud. Your mind maps are available everywhere, instantly, from any device. Brainstorm, create presentations and document outlines with mind maps, and publish your ideas online and to social networks. Get Started Why use MindMup? MindMup is great for individual note-taking, collaborative planning, teamwork and classrooms. 1 Powerful keyboard shortcuts speed up your work 2 Frictionless interface helps you focus 3 Convert maps easily to PDF, PowerPoint, outlines... 4 Publish and share maps online 5 Easily save to Google Drive and manage using Google Apps

Docear UXPin - UX Design, Wireframing Tools, Prototyping Tools Mockups | Balsamiq Take a second. Let it sink in. The first impression might be disorienting. There are very few interface elements on the screen. Start exploring however, and you'll find out that Mockups is filled with powerful yet only-visible-when-you-need-them features. Getting your ideas out should be effortless. Our sweet spot: the ideation phase Mockups really shines during the early stages of designing a new interface. Mockups is zenware, meaning that it will help you get "in the zone", and stay there. Mockups offers the same speed and rough feel as sketching with pencil, with the advantage of the digital medium: drag & drop to resize and rearrange elements, make changes without starting over, and your work is clear enough that you'll make sense of them later. See what you can build with Mockups Download the samples above, or find more on Mockups To Go, our community-contributed stencils site. Designed for collaboration Your whole team can come together around the right design using Mockups. Two reasons:

Related: