15
Create UI Mockups with Create UI Mockups with Wireframes and Native OS Wireframes and Native OS Styles Styles ForeUI Features ForeUI Features Introduction Introduction www.foreui.com www.foreui.com 2009.04.30 2009.04.30

Use ForeUI to create Screen Mockups

Embed Size (px)

DESCRIPTION

Introduce the key features of ForeUI, a UI prototyping tool that support both wireframe and native OS styles.

Citation preview

Page 1: Use ForeUI to create Screen Mockups

Create UI Mockups with Create UI Mockups with Wireframes and Native OS Wireframes and Native OS

StylesStyles

ForeUI Features IntroductionForeUI Features Introduction

www.foreui.comwww.foreui.com

2009.04.302009.04.30

Page 2: Use ForeUI to create Screen Mockups

What is UI Mockup?What is UI Mockup?

Wireframes Style

Native OS Style

Page 3: Use ForeUI to create Screen Mockups

When, What and WhyWhen, What and Why

• Wireframes style mockup is very suitable Wireframes style mockup is very suitable for discussing requirements with clients.for discussing requirements with clients.– Fewer details, focus on functionalityFewer details, focus on functionality– Inaccurate, avoid problems during Inaccurate, avoid problems during

acceptanceacceptance

• Native OS style mockup is good for Native OS style mockup is good for internal demonstration and internal demonstration and documentation.documentation.– Closer to the final resultCloser to the final result

Page 4: Use ForeUI to create Screen Mockups

Why ForeUI?Why ForeUI?

• Easy to UseEasy to Use– Drag and dropDrag and drop– Unlimited undo/redoUnlimited undo/redo– Tool tips anywhereTool tips anywhere

• Various UI ThemesVarious UI Themes– WireframeWireframe– Windows XPWindows XP– Mac OS XMac OS X

• Rumple EffectRumple Effect– Make mockup like a “design on paper”Make mockup like a “design on paper”– Configurable strengthConfigurable strength

Page 5: Use ForeUI to create Screen Mockups

Predefined Elements Predefined Elements

Drag Elements to the Plot Area

List Elements by Categories

Filter to Find Element Quickly

Page 6: Use ForeUI to create Screen Mockups

Image DockImage Dock

•Manage All Used Images•Add / Remove Images•Edit / Resize Images•Change Image Links

•Drag Image to the Plot Area•Drag Image into Element

Page 7: Use ForeUI to create Screen Mockups

Bottom ToolbarBottom Toolbar

•Switch UI Theme•Change Plot Size•Change Plot Background Color•Turn On/Off Rumple Effect

Page 8: Use ForeUI to create Screen Mockups

Smart Object SnapSmart Object Snap

Easy to Layout Elements

Page 9: Use ForeUI to create Screen Mockups

Floating Tool PaneFloating Tool Pane

Selection Sensitive Tool Pane

Page 10: Use ForeUI to create Screen Mockups

Context MenuContext Menu

Right-Click to Popup Context Menu

Page 11: Use ForeUI to create Screen Mockups

Switch UI ThemesSwitch UI Themes

Choose UI Theme

Page 12: Use ForeUI to create Screen Mockups

Rumple EffectRumple Effect

Rumple Settings

Page 13: Use ForeUI to create Screen Mockups

Sample MockupsSample Mockups

Page 14: Use ForeUI to create Screen Mockups

Sample MockupsSample Mockups

Page 15: Use ForeUI to create Screen Mockups

Try ForeUI For Free NowTry ForeUI For Free Now

• You can download ForeUI for free at You can download ForeUI for free at http://www.foreui.com/download.htmhttp://www.foreui.com/download.htm

• You can apply a You can apply a free licensefree license for youfor you if yo if you are willing to share the experience of Fu are willing to share the experience of ForeUI with your blog readers. Please senoreUI with your blog readers. Please send a mail to d a mail to [email protected]@foreui.com