infragram icon indicating copy to clipboard operation
infragram copied to clipboard

Published 20 hours ago • verified publisher icon publiclab

Full Screen UI for Infragram Tool and proposal for new logo design [ Outreachy Applicant'22 ]

Open Paridhicodes opened this issue 3 years ago • 2 comments

Hi, I have designed a full screen UI for the Infragram tool and proposed a new logo design.

I, hereby describe the UI designed by me:

  • The bottom left corner shows four options bulleted by a bulb icon. These options redirect the user to the respective web pages. The Q and A option scrolls down to the Q and A section.
  • The top left corner beneath the infragram logo has options to save, download and share(read from left to right).
  • The center dotted area is meant for uploading images.
  • The selection pane designed to the right has selection of options at its extreme right. The selected option will be visible highlighted (as the preset button). For each button, we need to select from options meant for it. Several components that would be used to design sub-options including dropdown, slider, text have been shown.
  • The cancel button takes you to the next option in the right pane in order. Eg. Clicking on cancel in Preset will take you to Analyze.

Tool and header section:

infragram_page1

Q and A and footer section:

infragram_page2

Logo Design:

logo_4 0

Paridhicodes avatar Apr 21 '22 13:04 Paridhicodes

@TildaDares kindly review my design. Thankyou.

Paridhicodes avatar Apr 21 '22 13:04 Paridhicodes

Hi @Paridhicodes, we're accepting proposals on the Public Lab site. You can read through this https://github.com/publiclab/plots2/issues/10840 to know how to submit your proposal there. Thank you!!

TildaDares avatar Apr 21 '22 13:04 TildaDares