Systers, an AnitaB.org community
Design a Dark/Night Mode UI for the Mentorship App.
Prerequisites
- Basic Understanding of color theory and typography.
- [Option 1] Install Git and Android Studio, then clone the project and open project in Android Studio.
- [Option 2] Install the app directly in your Android Smartphone.
- [Option 3] Watch the app walkthrough video on youtube.
- Download and install any designing or prototyping tool that you're comfortable with, I suggest using Adobe XD.
Steps
- Get to know the whole application and analyze the flow, typography, recent color scheme to get started.
- Choose appropriate colors and color scheme for the dark mode, the primary color should go with the theme color of the app.
- Choose an appropriate text color for the dark mode which is clearly readable on the app.
- Design dark mode for every page/screen of the mentorship app.
- Export the designs into a PDF/JPG form which also mentions the color hex codes, font face, font styles used for the dark mode.
Resources
- Material UI guide for designing dark theme
- If you need help or get lost, post a "New Topic" in the design-tasks stream.
Work Submission
- After successfully completing the document, attach your work here as PDF/JPG and submit for the review.
Task tags
Students who completed this task
Menina, BartekPacia, HardikJH, polabedz