Weather App Concept Design
This is the project completed in a Skillshare online deisgn class.
Design Principal :
Informative, Intuitive and simple.
Main Screen:
The center shows current weather and temperature information. Four days forecast is shown in the lower part of the screen. On the very top of the scree, pages dots gives users the visual clues that there are more than one page. The user can swipe sideways to gets to other city weather info.
Scroll Bar:
Between current weather info and four days forecast, there is a scroll bar. When users scroll to the right, the main screen tranforms into hourly weather forecast. And when the user let go off the tap handle, it will snap back to the left and the screen returns to current weather info.
Settings Page:
On the upper right corner, when users tap on the the gear icon, the main page will slide down and allows the users to access settings page.
In the settings page, users are able to change the unit, set a color theme and add a new city. When the users are done with the choice. They can tap the tip of the main screen (now it's scrolled down and only the tip is shown). The main screen will slide back up.
Other Color Theme:
Credits:
Weather icons by Adam Whitcroft http://adamwhitcroft.com/
Gear icon by Dmitry Kudinov, from The Noun Project
Gear icon by Dmitry Kudinov, from The Noun Project
