background preloader

ProtoShare: Collaborative Website Wireframe and Prototype Tool

ProtoShare: Collaborative Website Wireframe and Prototype Tool

http://www.protoshare.com/

Related:  UX & games development tools

Female Game Character Concept: Chapter 1 - Create a Solid Design by Marc Brunet In the first chapter of this exclusive new series we will explore various ideas in Photoshop and create a polished draft of the best one! Introduction This tutorial will cover every step in the creation of a concept for a female game character. It is geared towards industry professionals or skilled amateurs as it will assume you have good knowledge of anatomy, volumes in a 3D space, perspective and color. There won't be orthographic drawings for the final concept sheet since I find it tends to soak out all the soul of a concept once translated to 3D.

Dropbox Dropbox is a home for all your photos, docs, videos, and files. Anything you add to Dropbox will automatically show up on all your computers, phones and even the Dropbox website — so you can access your stuff from anywhere. Dropbox also makes it super easy to share with others, whether you're a student or professional, parent or grandparent. Even if you accidentally spill a latte on your laptop, have no fear!

Crank Software - Crank Storyboard Suite What if you could decouple the roles of the UI designer and embedded systems engineer allowing them to focus on their core competencies? What if they could complete their work in parallel? And, what if this better way of approaching product development delivered the envisioned user interface (UI) user experience (UX)? Website wireframe A wireframe document for a person profile view A website wireframe, also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website.[1] Wireframes are created for the purpose of arranging elements to best accomplish a particular purpose. The purpose is usually being informed by a business objective and a creative idea.

9 Excellent Tools for Design Mockups So you've just taken some killer photos with your new DSLR, or you captured a great video with your iPhone — what's next? While it feels natural to just post media quickly to your Facebook Page, sometimes great photos or video need their own home in the form of a personal website. But on the other hand, it's not easy to make a website layout that complements rich media. In order to make a great website, professional web designers take advantage of mockup tools to analyze layout, design and functionality. Baseline “Real” baseline grid on the web When I first started to design Baseline, I wanted to base the grid on the work of Josef Müller-Brockmann, unfortunately some missing CSS attributes — like type leading — kept me from implementing a true grid based approach. I then decided to another look at the basic grid used in print: the baseline grid.

Product Review: Justinmind Prototyper By Afshan Kirmani Published: January 4, 2010 “I’ve been exploring Justinmind Prototyper, a prototyping tool that serves the ideation process well and, more important, generates HTML code for the prototypes we create.” Since our clients require an ideation phase before looking at a product’s visual design, I’ve been looking at a lot of wireframing and other prototyping tools lately. To find out more about prototyping tools, I’ve combed several mailing lists—such as SIGIA and IxDA—looking for discussions about the latest tools that are available to us. As a result of what I’ve found out, I’ve been exploring Justinmind Prototyper, a prototyping tool that serves the ideation process well and, more important, generates HTML code for the prototypes we create.

HTML HTML or HyperText Markup Language is the standard markup language used to create web pages. HTML is written in the form of HTML elements consisting of tags enclosed in angle brackets (like <html>). HTML tags most commonly come in pairs like <h1>and </h1>, although some tags represent empty elements and so are unpaired, for example <img>. The first tag in a pair is the start tag, and the second tag is the end tag (they are also called opening tags and closing tags). 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.

HOW The time has come to close the legendary HOW Forums, but don’t worry; there are so many ways to connect with HOW and with other designers these days! The graphic design community has gone social. HOW Social Media Shortcuts Connect with HOW HOWdesign.com is also open to your thoughts and opinions. Gui Prototyping Tools Here is an alphabetical list of tools helping with drawing screen mock-ups. 10screens create and share clickable rich prototypes online, Now free as of July 2012 Allows multi-level drill-down of workflows to screens. Templates for various mobile devices with soft keyboard support Adobe FireWorks CS4 Adobe Flash Catalyst (former Thermo) production-ready version available in April 2010, as part of Adobe CS5 specialized tool, for interaction design create prototypes based on designers work (e.g. photoshop, illustrator files) Antetype - automatic layout - no more pixel pushing widget library (400+ pre-made) responsive web design - breakpoints, content wrapping, fluid designs interactions - clickthrus, mouse events wireframes, visual design, prototypes iOS Viewer web viewer OS X viewer Mac OS X only 30 day free trial - Examples and Inspiration : App Mockup Tools Get it now! Use VB for the demo. I think MS has some "crippled" versions for free. RealBasic works.

A suite of Javascript libraries and tools designed for working with HTML5 Recent Updates Follow @CreateJS November 2014 Welcome to the Virtual Crash Course in Design Thinking Welcome to the d.school’s Virtual Crash Course resource page! We know not everyone can make a trip to the d.school to experience how we teach design thinking. So, we created this online version of one of our most frequently sought after learning tools.

ProtoShare is an easy-to-use, collaborative prototyping tool that helps teams visualize requirements with website wireframes and interactive prototypes while working together in real-time. Тип: Online Цена: от 49$/месяц by viktory12345 Feb 10

Related:  WireframesPrototypageUI Prototypingmobileandroid phonegapNástrojeUX Wireframe / Prototype Tools