ForeUI is an easy-to-use UI prototyping tool, designed to create mockup / wireframe / prototypes for any application or website you have in mind.

All posts by xavier

ForeUI V1.35 is Released!

Hi everyone, I am proud to announce that ForeUI V1.35 is released today!

This new version is really interesting, you will find that ForeUI can do much more things than before 🙂

Button Icon Placement

This new feature is requested by Erik, he also gave us some useful suggestions, thank you Erik!

Now we can specify how to place the button icon, like this:

icon_placement1

Selection Changed Event

This new event is really useful, it will be triggered when selection within the element is changed, with it we can implement multiple actions for one element, according to its selected item.

Now this event is available on Menu Bar, Menu, List, Tree, Table and Tabs:

selection_changed_event1

Menu Bar/Menu/List/Tree/Table/Tabs Become Interactive

This enhancement is really big and exciting.  Now these elements are not only images durring the simulation, they are interactive and you can operate on them!

These elements also support a new property to indicate which item is selected:

selected_index_property1

In order to demonstrate how can we do with these new features, I use about 10 minutes to create an interactive wireframe, which is simple but quite interesting.   The simulation effect looks like this:

selection_demo2

If you are interested, you can run the DHTML version of this demo in your web browser, via the links below:

Interactive Selection Demo with Hand Drawing UI Theme

Interactive Selection Demo with Wireframe UI Theme

Interactive Selection Demo with Windows XP UI Theme

Interactive Selection Demo with Mac OS X UI Theme

The plot file for this demo is also included in the install package, you can open the “interactive_selection.4ui” plot in ForeUI and see what’s inside.

This new version also fixed two bugs:

[Bug_0068]  Duplicated pages don’t copy action targets well
Reported by Cristian Prundeanu, thank you Cristian Prundeanu!

[Bug_0072]  Hand drawing theme: Image elements are always grayscale.
Reported by Jeremy, thanks for the reporting!

ForeUI V1.32 is Released!

We’ve just released the V1.32 of ForeUI, which include some bug fixings, enhancement and customized element.

Hand Drawing Theme: Transparent background

We’ve introduced the hand drawing theme in V1.30, but the background of elements are always white in this theme.  Cristian Prundeanu suggested a solution to allow filling the background for color, so here it is.  Thank you Cristian Prundeanu 🙂

hd_color

New Customized Element:  Vertical Button

This element is required by Erik, it is useful when we need a button with vertical layout.  Thank you Erik 🙂

vertical_button

This new version also fixed some bugs:

  • Fixed Bug_0065: Transparent GIF image are not painted collectly.
  • Fixed Bug_0066: The spaces at the beginning are not renderred on the plot.
  • Fixed Bug_0067: The font is not exported to DHTML in V1.30
  • Fixed Bug_0070: Image Export: choose existed file and change the name doesn’t make sense.
  • Fixed Bug_0071: Hand drawing theme: Tabs should have different color when disabled.

Fidelity Independent Wireframe

I’ve just post a new article about the “Fidelity Independent Wireframe”.  It seems I’ve made a new word :-), anyway, I got the inspiration from the word “Platform Independent”.

No matter which name is used, it is one of the most important design concept of ForeUI.  We make prototype skinnable, so that the fidelity of prototype can be freely switched.  The figures below are prototype for the same design but with various fidelities:

lo_fi

mid_fi

hi_fi

With ForeUI, we don’t have to create them one by one, just create one prototype and then switch the UI theme to export different figures.  It is a significant time saving.

You can find more details about the prototype fidelity in the article.

ForeUI V1.30 is Released!

1

Hello everybody, today we released the V1.30 of ForeUI 🙂

This version is really exciting, since it provides a brand new UI theme: Hand Drawing.  That means ForeUI can be used to create low fidelity wireframe now. What’s more, we can freely switch the fidelity of wireframe in ForeUI.

ForeUI with Hand Drawing UI Theme

ForeUI with Hand Drawing UI Theme

Another new feature is the z-index input field, now we don’t have to guess the z value of element:

zindex

This version also contains some enhancements and bug fixings:

  • Enhancement:  Exporting the rumple effect to DHTML.
  • Enhancement:  Auto check new versions when startup.
  • Fixed Bug_0063:  The text label collapses spaces when simulating.
  • Fixed Bug_0064:  After dragging the opacity slider, too may opacity records in undo history.

We’d like to express our great thanks to  Cristian Prundeanu,  he gave us so many good suggestions on our support forum.  Some enhancement and bug fixings above are required by him.  Thank you Cristian Prundeanu, we are so happy to get so many useful feedback from you 🙂

Also we want to thank Louis Marshall here, he gave us many suggestions via email, that help us a lot!  Thank you Louis Marshall, you are such a good guy 🙂

ForeUI V1.27 is Released!

ForeUI V1.27 is released today!

This version provides a new customized element named “Placeholder”.  Placeholder is  frequently used during UI prototyping, it can represent something that is not confirmed at this time, and help building the whole layout of the design.

placeholder

Also this version fixed some bugs:

Bug_0057: Text label is on incorrect location during simulation.

Bug_0058: The file “website_simulation.4ui” and “installer_simulation.4ui” can not be loaded at V1.25.

Bug_0059: Too many css files are used, it will meet problem when simulating in IE.

Bug_0061: The conditional loop is not really stopped when condition is not satisfied.

Bug_0062: The text label ignore the line break when simulating.