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:
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.