EEVblog® Electronics Community Forum
Electronics => Projects, Designs, and Technical Stuff => Topic started by: ricko_uk on April 05, 2022, 10:38:06 pm
-
Hi,
I would like to make an interactive GUI simulation for a touch display product, so for example depending on which button they press a different screen is displayed.
It would be helpful for me but also for the client. It would be nice if they can download it on their smart phone (even if the screen size would obviously be different) or as second option, onto their PC.
I was wondering about a couple of things...
- can you suggest any free solution, preferably iphone/android app and if not then PC?
- how do they make those really nice UI graphics? Obviously you can have a graphic designer doing them for you and then use either the vector or the bitmaps. But perhaps there are packages that already have built-in fancy graphic templates?
Thank you :)
-
The simplest method for GUI simulation/demonstration I know of, is to make web pages (HTML+CSS+Javascript) pretending to be the UI. Works everywhere. Use screenshots from actual buttons and so on; then, you can show how the same UI looks on different devices (assuming you target multiple platforms).
-
Yep. Now, if you're not familiar with HTML, or CSS, or JS, it may not be all that easier to do than just writing a quick mock-up UI with your favorite GUI library. But the benefit of going HTML is that you can have other people do it for you. There are many, many web developers out there.
I've occasionally used Pencil: https://pencil.evolus.vn/
but, IIRC, it doesn't create "dynamic" content. It's just static. That may have changed though, so it's worth a look.