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.

jQuery UI 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.

Bindows™ : Bindows™ 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

Getting started - Polymer Basics The basics of using Polymer are simple: Load platform.js to polyfill missing platform features, such as Shadow DOM and HTML Imports . Here’s a bare bones example: <! Note : You must always run your app from a web server. Components Custom Elements are the core building blocks of Polymer-based applications. Creating a basic component The platform polyfills provided by Polymer let you load and display custom elements. Creating a Polymer element Polymer provides extra goodies for creating custom elements. Load the Polymer kernel ( polymer/polymer.js or polymer/polymer.min.js ). Note : polymer.js loads platform.js under the hood. In your custom element, add a <script> element that calls the Polymer.register() initializer. In the following sample we convert our basic custom element into a Polymer element named tk-element . <element name = "tk-element" ><template><span> I'm <b> tk-element </b> . Polymer.register() takes the element it needs to register as its first argument. Binding to markup

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