Spagett1 / pineflash

A tool to flash ironos to the pinecil soldering iron and possibly other pine64 devices in the future
Other
213 stars 12 forks source link

improve UI design for better contrast, colors and layout #30

Open River-Mochi opened 1 year ago

River-Mochi commented 1 year ago

Issue

Proposal

  1. See mock image design
  2. Put all selectors in a row
  3. Make UPDATE button larger with a color like green
  4. Does Egui allow use of Fontawesome icons in the app? is that where folder icon comes from?
  5. move INFO messages to the right of [UPDATE] which gives lot of room if Info message is longer.
  6. this leaves all Logs at the bottom for cleaner user interaction.

Option 1, just one idea I have. other possibilities too to help organize the screen so it's visually pleasing and easier for the user to follow for UI and UX.

image
Option 2 Next image adds Pinecil Connected function conveniently to left of the Update button. [Pinecil is connected] or [Pinecil is not connected.]

image

Spagett1 commented 1 year ago

A mate made this mockup for me, this is what the end goal will be

Screenshot