background preloader

Rapid wireframing tool, for teams - WireframeSketcher

Rapid wireframing tool, for teams - WireframeSketcher

Web Site Wireframe Tool wireframing, mockups and prototyping for websites and applications With iPlotz you can create clickable, navigable wireframes to create the experience of a real website or software application. You can also invite others to comment on the designs, and once ready, you can then manage the tasks for developers and designers to build the project. Works on windows, mac or linux with flash enabled browsers. Add, delete, rename multiple pages for your sitemap.Drag and drop components onto a resizeable page, link them or add hotspot links to other pages or external web pages.Upload, drag and drop your own images onto a page.Export pages as png, jpg or pdf. Invite others to comment on pages.Share editing rights with others on projects, so that they can modify wireframes too. Add tasks for project members to handle coding and design.

Balsamiq Studios, makers of plugins for Web Office applications FlairBuilder 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

ForeUI - Easy-To-Use UI Prototyping Tool GUI Design Tools to mock up iPhone & Android applications Pidoco Mockups 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. We've been in business long enough that we think we have learned enough about ourselves, our product, our customers and our competitive space to be able to put a stake in the ground and tell the world what we're about. 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. Skin: Ready to try it out?

FlairBuilder Design and Test Custom iPhone Themes Before Installing with CSS/jQuery/HTML Categories: Design, Featured, iPhoneization, Resources, Tools Loading ... If you like designing custom iPhone icons and themes, you’ll find this little package extremely handy. Giovanni Corti developed the iPhone Theme Creation Tool using HTML, CSS and jQuery. It allows designers to test their icons and themes locally, in a browser, before loading them onto the iPhone. It’s quite simple to use. Warning: Division by zero in/home/cjcollett/www/wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/nextgen_basic_singlepic/templates/nextgen_basic_singlepic.phpon line13 Switch to the second page (click page indicator dot) and you’ll see the contacts icon and 16 blank icons. This means you have enough space for 40 custom icons to test. To replace the native icons with your own, open new-icons.css and take a look at the code: All you’ll need to do is replace each instance of the word ‘Blank’ with whatever the name of your icon is. etc etc. Happy Designing! Download Source here


Related:  VizualizationBUGroupOrganizing Boardsprototyping