What is ForeUI?

ForeUI is a handy UI prototyping tool which can help you on UI and Interaction design for web/desktop app. More info are available on http://www.foreui.com/

How to Use This Site?

This site is tightly integrated with ForeUI software. You can upload your plot file, custom element or library form ForeUI and share them with others. You can also download resources shared by others from this site or via ForeUI.

User login

Powered by Drupal, an open source content management system

This is simply the XPS Viewer, since I feel Adobe shouldn't be the only viewer people make mockups for. All of the arrows I submitted earlier are used in this prototype. I hope you enjoy.

This is a bunch of customized arrows that you can use for your prototypes.

I made some ad spots with the enhanced Text element in V2.10. This library has ad spots with these dimensions: 125x125, 200x125, 300x125, 300x250 and 600x100. In addition the CPC ad spots and embeded ad spots are also included.

I wrote a Adobe Reader Plugin to scetch the view of a PDF File.

Its completely build with the Fore UI Rescources.

Have Fun

Search box is simple but frequently used :-)

Pagination is very frequently used for web site prototyping.
This pagination element consist of a few hyperlink elements, you can change the behavior of each link.
The hyperlinks are grouped, so you need to ungroup it if need to change its text.

This is a set of real scale iPhone widgets. The iPhone screen size is 320x480, which is exactly the same with the real iPhone.

As the first revision of this library, it contains 14 elements, including: iPhone shell (vertical and horizontal), keyboard (vertical and horizontal), top bar (vertical and horizontal), menu (big), menu item (top, middle and bottom), spinner, toggle button (on and off) and slider.

The toggle buttons (on and off) are interactive in the simulation.

This is a modified version of Evan Taylor's StarRating.fce element. I made the following changes.

1. A border to make it look smooth
2. A confirmation message when mousing out

More to come.

I will also include this element in a plot to make it more interactive.

I create this rating element with 10 star images. The mouse events are handled to control the star image show / hide. All stuffs are packed into a group, if you want to change the gap between stars, you need to ungroup it before doing that.

It is an example for high-fidelity, interactive blog prototype creation.

This prototype defines many interactions and aim to provide the "real" experience. Such a prototype is quite suitable to be used in usability test. The menu bar, the search block, the category block, the calendar, the bookmarks etc, all these are clickable.

You can launch the simulation from ForeUI or just click here to play with it.

Remarks: This plot has been included in ForeUI 2.00 installation.