SlideShare a Scribd company logo
1 of 15
Create UI Mockups withCreate UI Mockups with
Wireframes and Native OS StylesWireframes and Native OS Styles
ForeUI Features IntroductionForeUI Features Introduction
www.foreui.comwww.foreui.com
2009.04.302009.04.30
What is UI Mockup?What is UI Mockup?
Wireframes Style
Native OS Style
When, What and WhyWhen, What and Why
• Wireframes style mockup is very suitableWireframes 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 acceptanceInaccurate, avoid problems during acceptance
• Native OS style mockup is good forNative OS style mockup is good for
internal demonstration andinternal demonstration and
documentation.documentation.
– Closer to the final resultCloser to the final result
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
Predefined ElementsPredefined Elements
Drag Elements to the Plot
Area
List Elements by Categories
Filter to Find Element Quickly
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
Bottom ToolbarBottom Toolbar
•Switch UI Theme
•Change Plot Size
•Change Plot Background Color
•Turn On/Off Rumple Effect
Smart Object SnapSmart Object Snap
Easy to Layout Elements
Floating Tool PaneFloating Tool Pane
Selection Sensitive Tool Pane
Context MenuContext Menu
Right-Click to Popup Context Menu
Switch UI ThemesSwitch UI Themes
Choose UI Theme
Rumple EffectRumple Effect
Rumple Settings
Sample MockupsSample Mockups
Sample MockupsSample Mockups
Try ForeUI For Free NowTry ForeUI For Free Now
• You can download ForeUI for free atYou can download ForeUI for free at
http://www.foreui.com/download.htmhttp://www.foreui.com/download.htm
• You can apply aYou can apply a free licensefree license for youfor you if youif you
are willing to share the experience ofare willing to share the experience of
ForeUI with your blog readers. PleaseForeUI with your blog readers. Please
send a mail tosend a mail to vivi@foreui.comvivi@foreui.com

More Related Content

Similar to Use ForeUI to create Screen Mockups

Best Prototyping Tools for UI UX Designers
Best Prototyping Tools for UI UX DesignersBest Prototyping Tools for UI UX Designers
Best Prototyping Tools for UI UX DesignersYellowSlice1
 
Lean Prototyping - A Practical Guide
Lean Prototyping - A Practical GuideLean Prototyping - A Practical Guide
Lean Prototyping - A Practical GuideFramebench
 
PSU Web 2014: UX and Design Tools That Will Improve Your Productivity
PSU Web 2014: UX and Design Tools That Will Improve Your ProductivityPSU Web 2014: UX and Design Tools That Will Improve Your Productivity
PSU Web 2014: UX and Design Tools That Will Improve Your ProductivityJennifer Aldrich
 
Cerebro for vfx eng
Cerebro for vfx engCerebro for vfx eng
Cerebro for vfx engCineSoft
 
A11Y Camp - Lessons learnt from building accessible native mobile apps
A11Y Camp - Lessons learnt from building accessible native mobile appsA11Y Camp - Lessons learnt from building accessible native mobile apps
A11Y Camp - Lessons learnt from building accessible native mobile appsAshton Williams
 
W4 introduction to al interface
W4 introduction to al interfaceW4 introduction to al interface
W4 introduction to al interfaceNurbiha A Shukor
 
Edtech lab presentations 7 30 15
Edtech lab presentations 7 30 15Edtech lab presentations 7 30 15
Edtech lab presentations 7 30 15Omar Jacalne
 
Usability Design: Because it's awesome
Usability Design: Because it's awesomeUsability Design: Because it's awesome
Usability Design: Because it's awesomeJen Yu
 
Evaluation technologies
Evaluation  technologiesEvaluation  technologies
Evaluation technologiesolliedwyer
 
Evaluation technologies
Evaluation  technologiesEvaluation  technologies
Evaluation technologiesolliedwyer
 
Evaluation - Technologies
Evaluation - TechnologiesEvaluation - Technologies
Evaluation - Technologies11153231
 
Introductie Visual Studio ALM 2012
Introductie Visual Studio ALM 2012Introductie Visual Studio ALM 2012
Introductie Visual Studio ALM 2012Delta-N
 
Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul ...
Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul ...Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul ...
Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul ...Anthony D. Paul
 
Games Design 2 - Lecture 10 - Game Interface Prototyping
Games Design 2 - Lecture 10 - Game Interface PrototypingGames Design 2 - Lecture 10 - Game Interface Prototyping
Games Design 2 - Lecture 10 - Game Interface PrototypingDavid Farrell
 

Similar to Use ForeUI to create Screen Mockups (20)

Q6
Q6Q6
Q6
 
Best Prototyping Tools for UI UX Designers
Best Prototyping Tools for UI UX DesignersBest Prototyping Tools for UI UX Designers
Best Prototyping Tools for UI UX Designers
 
Question 4
Question 4Question 4
Question 4
 
Lean Prototyping Guide
Lean Prototyping GuideLean Prototyping Guide
Lean Prototyping Guide
 
Lean Prototyping - A Practical Guide
Lean Prototyping - A Practical GuideLean Prototyping - A Practical Guide
Lean Prototyping - A Practical Guide
 
PSU Web 2014: UX and Design Tools That Will Improve Your Productivity
PSU Web 2014: UX and Design Tools That Will Improve Your ProductivityPSU Web 2014: UX and Design Tools That Will Improve Your Productivity
PSU Web 2014: UX and Design Tools That Will Improve Your Productivity
 
Cerebro for vfx eng
Cerebro for vfx engCerebro for vfx eng
Cerebro for vfx eng
 
A11Y Camp - Lessons learnt from building accessible native mobile apps
A11Y Camp - Lessons learnt from building accessible native mobile appsA11Y Camp - Lessons learnt from building accessible native mobile apps
A11Y Camp - Lessons learnt from building accessible native mobile apps
 
W4 introduction to al interface
W4 introduction to al interfaceW4 introduction to al interface
W4 introduction to al interface
 
Edtech lab presentations 7 30 15
Edtech lab presentations 7 30 15Edtech lab presentations 7 30 15
Edtech lab presentations 7 30 15
 
Usability Design: Because it's awesome
Usability Design: Because it's awesomeUsability Design: Because it's awesome
Usability Design: Because it's awesome
 
Evaluation technologies
Evaluation  technologiesEvaluation  technologies
Evaluation technologies
 
Evaluation technologies
Evaluation  technologiesEvaluation  technologies
Evaluation technologies
 
Evaluation - Technologies
Evaluation - TechnologiesEvaluation - Technologies
Evaluation - Technologies
 
Introductie Visual Studio ALM 2012
Introductie Visual Studio ALM 2012Introductie Visual Studio ALM 2012
Introductie Visual Studio ALM 2012
 
Introductie Visual Studio ALM 2012
Introductie Visual Studio ALM 2012Introductie Visual Studio ALM 2012
Introductie Visual Studio ALM 2012
 
Authoring metaphors
Authoring metaphorsAuthoring metaphors
Authoring metaphors
 
Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul ...
Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul ...Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul ...
Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul ...
 
Requirement designer
Requirement designerRequirement designer
Requirement designer
 
Games Design 2 - Lecture 10 - Game Interface Prototyping
Games Design 2 - Lecture 10 - Game Interface PrototypingGames Design 2 - Lecture 10 - Game Interface Prototyping
Games Design 2 - Lecture 10 - Game Interface Prototyping
 

Recently uploaded

Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxOnBoard
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machinePadma Pradeep
 
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024BookNet Canada
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):comworks
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Alan Dix
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Enterprise Knowledge
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitecturePixlogix Infotech
 
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024BookNet Canada
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Allon Mureinik
 

Recently uploaded (20)

Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machine
 
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
 
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
 

Use ForeUI to create Screen Mockups

  • 1. Create UI Mockups withCreate UI Mockups with Wireframes and Native OS StylesWireframes and Native OS Styles ForeUI Features IntroductionForeUI Features Introduction www.foreui.comwww.foreui.com 2009.04.302009.04.30
  • 2. What is UI Mockup?What is UI Mockup? Wireframes Style Native OS Style
  • 3. When, What and WhyWhen, What and Why • Wireframes style mockup is very suitableWireframes 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 acceptanceInaccurate, avoid problems during acceptance • Native OS style mockup is good forNative OS style mockup is good for internal demonstration andinternal demonstration and documentation.documentation. – Closer to the final resultCloser to the final result
  • 4. 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
  • 5. Predefined ElementsPredefined Elements Drag Elements to the Plot Area List Elements by Categories Filter to Find Element Quickly
  • 6. 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
  • 7. Bottom ToolbarBottom Toolbar •Switch UI Theme •Change Plot Size •Change Plot Background Color •Turn On/Off Rumple Effect
  • 8. Smart Object SnapSmart Object Snap Easy to Layout Elements
  • 9. Floating Tool PaneFloating Tool Pane Selection Sensitive Tool Pane
  • 10. Context MenuContext Menu Right-Click to Popup Context Menu
  • 11. Switch UI ThemesSwitch UI Themes Choose UI Theme
  • 15. Try ForeUI For Free NowTry ForeUI For Free Now • You can download ForeUI for free atYou can download ForeUI for free at http://www.foreui.com/download.htmhttp://www.foreui.com/download.htm • You can apply aYou can apply a free licensefree license for youfor you if youif you are willing to share the experience ofare willing to share the experience of ForeUI with your blog readers. PleaseForeUI with your blog readers. Please send a mail tosend a mail to vivi@foreui.comvivi@foreui.com