GUI Control Panel Interface Design Electronic Layout
Layout design style options for 7″ LCD touchscreen controller system. This application displays data from sensor inputs for a motor vehicle This interface displays diagnostic screens for tell-tale alerts in addition to speed, tachometer, fuel level and engine temperature.
Click a thumbnail for a better look:
-
- Control panel design seven
-
- Design two
-
- My control panel design three
-
- Final control panel design
-
- Panel design five
-
- Design number six for control panel
-
- Horizontal layout design one.
-
- Vertical layout design one.
-
- Client’s original control panel interface.
As the project develops, the graphics and layout will be refined and revised reflecting branding and client requirements.
Initially, the control panel interface design is sketched out in pencil. Then the designs are refined in vector format. From there the graphical elements are treated in Photoshop. At that point the UI assets are exported to an array of 32 bit .png files with alpha channel, for manipulation by program code. The UI operation is demonstrated, animated and tweaked in an HTML5 setting for client review. When finalized and approved, the whole package is delivered for compiling the final executable.
Contact me for your electronic mobile device application, online interactive and visual communication projects.