Author Topic: UI Wireframing Tools  (Read 12253 times)

Offline leeor_net

  • Administrator
  • Hero Member
  • *****
  • Posts: 2352
  • OPHD Lead Developer
    • LairWorks Entertainment
UI Wireframing Tools
« on: May 02, 2018, 10:18:58 PM »
Pencil
Forum user havkyp found Pencil, a free open-source GUI prototyping tool that works very well. Some of the wireframes he provided are in this format.

Draw.Io
I've had success with draw.io both for wire framing and for flow charting program logic. It integrates well with Google Drive as well which makes it a very attractive web-based program (no need to download a separate software package).

EDIT:

I attached a Pencil file that can be used as a template.
« Last Edit: April 22, 2019, 01:37:47 PM by leeor_net »

Offline Goof

  • Jr. Member
  • **
  • Posts: 57
Re: UI Wireframing Tools
« Reply #1 on: May 05, 2018, 04:35:33 AM »
I do use Inkscape for these needs.
And if I need to extract parts of existing bitmap resources, I use The Gimp. (2.10.0 just released 10 days ago)

Offline jballou

  • Newbie
  • *
  • Posts: 6
Re: UI Wireframing Tools
« Reply #2 on: April 22, 2019, 08:59:15 AM »
Do we have starting documents for things like main game interface so I can add/change things in there?

Offline leeor_net

  • Administrator
  • Hero Member
  • *****
  • Posts: 2352
  • OPHD Lead Developer
    • LairWorks Entertainment
Re: UI Wireframing Tools
« Reply #3 on: April 22, 2019, 01:36:12 PM »
I've been using a template for awhile. I'll attach it to the original post.