]]>
]]>
]]>
Web上で図の作成と リアルタイムコラボレーション Cacoo(カクー)はWeb上で簡単にサイトマップやワイアーフレーム、UML、ネットワーク図などの図が作成できるドローツールです。 ご利用は無料です。
The first tool to create the prototypes of network and desktop applications!
]]>
Allows you to design interactive UI mockups you can share with others.
]]>
When designing a UI we usually go right from a quick paper sketch to HTML/CSS. We skip the static Photoshop mockup. Here are a few reasons
HotGloo The Online Wireframe Application * smoothen the planning process * get a clearer picture of site informations * provide a precise framework for designers & programmers * build up a more intense project relationship with clients * improve the communication process
]]>
]]>
]]>
]]>
Hot Gloo The Online Wireframe Application * smoothen the planning process * get a clearer picture of site informations * provide a precise framework for designers & programmers * build up a more intense project relationship with clients * improve the communication process
Functional wireframes: experience your software before it's built
Creating a wireframe is one of the first steps you should take before designing a website. A wireframe helps you organize and simplify the elements and content within a website and is an essential tool in the development process. A wireframe is basically a visual representation of content layout in a website design.
]]>
Les wireframes (ou zonings selon les agences) sont ces schémas fonctionnels qui premettent de présenter une maquette de site (ou autres) au client avant d’amorcer de manière effective la phase de création graphique. Bien entendu chaque agence a ses recettes internes pour en faire. Eric de Superfiction (expert es zonings) s’est penché sur le sujet et décortique l’art du Wireframe à travers l’étude de 3 acteurs majeurs : Microsoft Powerpoint, Microsoft Visio et Axure RP pro.
Two clients of ours from Bethel University, Mark Erickson (Director of Web Communications) and Michael Vedders (Director of Web Technology), came to mStoner’s Chicago office for two days earlier in the month to work directly with us on the Bethel strategy document. The idea was that two days of intense collaboration and discussion would produce a more cohesive report, better suited to Bethel’s needs.
It Doesn’t Get Any More Old School than Paper and Scissors
Part of this two day process was an exercise that I like to call paper wireframing, or Pwireframing. It’s an idea that came to me based on a link that my colleague Laurel Hechanova sent me: The Design Police Visual Enforcement Kit. If you take a look at this page, it’s essentially a print-it-yourself sticker kit, laying out a bunch of funny “laws” you can stick to a piece of communication.
]]>
wireframes, sitemaps, user flows, sketches, prototypes, etc.,
]]>
Wireframing is a great tool to have in your web design arsenal. Learn to use Illustrator effectively to create web design wireframes. This tutorial reviews some techniques for setting up your document for the web, quickly building rounded boxes for layouts, creating a repository of usable web elements, using callouts, and more.