Sidhartha Nandan's profile

Arduino UI Redesign

ARDUINO UI REDESIGN
 
This is a freetime project that I did for myself. I work a lot on electronics and Arduino Boards and circuits and what I noticed was that their UI is very old school so this is my re-design for the old GUI of Arduino software. Total overhal with new fonts and colors and a dark interface. Go on and have a look. 
Old Design of the Arduino UI
 
 
 
 
 
 
 
 
The basic interface of Arduino with dark colors and change of layout. The main thing to notice is the Arduino logo on the corner which is dynamic and changes states.
The way the programs are written have also changed with numbering on all lines to show the line the user is on. Also the colors and the font of the formatting has been changed so that it is easier for the user to write lines of codes without loosing track and also auto formatting.
The Arduino logo has changed it colour to its active color. That states specifies that there is a Arduino Board attached to the USB of the computer and ready to UPLOAD data.
The right button on the righ hand corner is to check and review the code written. If the code is correct then is shows the binary sketch size on the console window on the right.
On a Mac Screen
The right button on the righ hand corner is to check and review the code written. If the code is incorrect then it shows the problem in the console window on the right as well as the state of the Arduino logo turns to Red.
The three states of the software. 
Left: Inactive - No board attached
Middle: Active - All ready
Right: Error - Error in Code while verifying
There is a upload button right next to the review button. It uploads the code to the attached Arduino Board to use. When pressed a window pops up to show the progress of upload.
The Uploading pop up screen
On a Mac Screen
The pop up window shows COMPLETE when the whole code has been uploaded into the attached Arduino Board.
On a Mac Screen
 
 
This is a free time project of mine to see how I can change the look of an existing working UI. Thanks for watching and I want to how it looks. So please do comment.
Arduino UI Redesign
Published:

Arduino UI Redesign

This is a freetime project that I did for myself. I work a lot on electronics and Arduino Boards and circuits and what I noticed was that their U Read More

Published: