Browse / Home / Web_design / 1 ...2 3 4

5 Online Wireframe Application You Should Have a Look At

Using a web-based software means you don't have to worry about downloads or upgrades.

A website wireframe is a basic visual guide used in interface design to suggest the structure of a website and relationships between its pages. A webpage wireframe is a similar illustration of the layout of fundamental elements in the interface. Typically, wireframes are completed before any artwork is developed. (via)

Here are my favorite online wireframe web apps for you to try out!


HotGloo

HotGloo

Description: One of the strongest features of german based HotGloo is the simplicity of the alignment of the different objects on the stage. It is almost like a stripped-down version of the Smart Guides feature in Photoshop, giving what you need, without the extra lines.

Link: http://hello.hotgloo.com/


MockFlow

MockFlow

Description: MockFlow wants to help to enhance your planning process by enabling to quickly design and share interactive User Interfaces mockups.

Link: http://mockflow.com/

iPlotz

iPlotz

Description: iPlotz offers a adobe flex based web tool for quickly sketching wireframes of web sites and demonstrating navigation between pages.

Link: http://www.iplotz.com/


Lovely Charts

Lovely Charts

Description: With Lovely Charts, a new online diagramming application, you can draw Flowcharts, Sitemaps, Network Diagrams and Wireframes very fast and easy.

Link: http://lovelycharts.com/

gliffly

gliffly

Description: With Gliffy you can easily create professional-looking flowcharts, diagrams, floor plans, technical drawings, and more...

Link: http://www.gliffy.com/

So have fun prototyping your next application design ;)

Labels: , ,

Amazing A(ir)pplications for making Abstract Background Patterns and Wallpapers

Fractal4D


Fractal4D

A very interesting Adobe AIR application that makes it possible to draw fractal swirls.

By playing with the options like "points in use, line thickness, colors" it is possible to get very surprising results.
Drawn images can be exported as Illustrator files or saved as images.

Random Pattern


Random Pattern

It lets you to create random patterns which you have control on some variables.
It is possible to define the "number of elements", "color scheme used", "width/height", "corner radius" of the objects.
Preset files can be loaded & results can be saved as .SVG files.

Labels: , , ,

MockFlow - UI mockups for Desktop Software, Rich Internet Apps and Web sites.


MockFlow - UI mockups for Desktop Software, Rich Internet Apps and Web sites.


MockFlow is an online tool for creating wireframes of software and websites. It helps to enhance your planning process by enabling to quickly design and share interactive UI mockups.


Link: http://mockflow.com

Related
Creating Interactive Wireframe Prototypes with iPlotz
Lovely Charts - New Online Flex Based Diagramming Application

Labels: , , ,

FontCapture - for my friend, who loves to print and scan


FontCapture - for my friend, who loves to print and scan
Timely to our new CSS Fonts Modul (@font-face) we can create own custom handwriting font, for free.

If you've got a few minutes, a printer and a scanner, FontCapture can turn your handwriting into a font.

Link: http://www.fontcapture.com/

Labels: , , ,

Beautiful and Inspirational Single Page Website Designs


Beautiful and Inspirational Single Page Website Designs
image credit: http://www.ericj.se/


...great artists always found new ways to show their creativity to express themselves and create new trends and techniques to remark their work apart from the rest of the crowd. The Definition of design is more critical in modern terms as now design is a way of communication;


link: Beautiful Single Page Website Designs: 65 New Examples

Labels: , ,

4 favorite & excellent small Javascript Animation Frameworks


4 favorite & excellent small Javascript Animation Frameworks
chromeexperiments:
"we think JavaScript is awesome. we also think browsers are awesome."

Processing.js | $fx | Glimmer | scripty2

Q: “Can these be done in jQuery, MooTools or Prototype as well?”
A: Not at all, because ...this libraries are something different…these are non just effect librariers, but ANIMATION libraries, which are made with purpose of making animation easier.

example links
http://balldroppings.com/js/
http://www.chromeexperiments.com

related post
Data Visualization on the Fly with Obsessing

Labels: , , , ,

Use the Color of an Image to Paint - Psykopaint


Use the Color of an Image to Paint - Psykopaint


Psykopaint is an online photo painting application which uses the color of an image to paint. Very easy and quick to use but very elaborate at the same time. (Beta)

Link: Psykopaint

Labels: , , , ,

50 Example of Stereographic Projections Photography

50 Example of Stereographic Projections Photography

stereographic projections or ‘little planets’, are spectacular images that are created out of panoramic photos.

the basic principle is to take a panoramic photo, make some easy changes to it, and finally apply a photoshop filter (Distort > Polar Coordinates) to complete the effect.

link: 50 Dazzling Examples of Polar Panorama Photography
for detailed instructions, please follow this easy tutorial.

Labels: , ,