Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Create an empty list image, title and summary for WakeUpAt and Alarms tab #82

Open
letelete opened this issue Oct 3, 2018 · 0 comments
Labels
💫 graphic design Some creative stuff has to be done. hacktoberfest hacktoberfest 🔹🔹🔹 hard Task difficulty ⏳ high priority Hotfix needed 🎓 improvement Iterations on existing features or infrastructure made to improve the quality of results. ✨ user experience 🌟 user interface

Comments

@letelete
Copy link
Owner

letelete commented Oct 3, 2018

Empty list needs to be filled out with anything attractive to the user like image which tells about current list state and how to change it.

Just a few words for people interested in this task:

  • The final image must be an XML file, so the project file should be PSD/SVG to make it easy to convert to the XML path (you can use some online converter or just android studio one)
  • We are using TextViews (title and summary) and ImageView to represent that empty list hint to avoid text in the XML file which could affect the performance which means the image should not contain title and summary (TextViews are made for that [read Before you PR for more information])

Your task includes:

  • Creating an 'empty list' image for WakeUpAt and Alarms tab.
  • Inventing the title and the summary for it

Before you PR

  • The final result must be in the XML file.
  • To add the images, go to drawable
    • For WakeUpAt image:
      • Find and replace ic_wake_up_at_empty_list.xml
    • For Alarms image:
      • Add an XML file to the drawable directory as ic_alarms_empty_list.xml
      • In the layout directory, move to the hint_alarms_empty_list.xml and change an ImageView srcCompat attribute from app:srcCompat="@drawable/ic_wake_up_at_empty_list" to app:srcCompat="@drawable/ic_alarms_empty_list"
  • To add the title and summary just move to the strings.xml file and replace the strings from line 42 to line 45 with your ideas
  • In the preview folder, create a new one (call it empty-list or something similiar) and left your project files there (PSD/AI/EPS etc...)
  • That's it. Thank you for contributing :)

Some good examples

  1. Very simple but informative, clean

empty_example_1

  1. Simple, funny, friendly, action button included so the user can easily add new things from the current tab

empty_example_2

  1. Funny, informative, would be great if the action button could be included here, nice image, clean, friendly

44930371-62bec280-ad5e-11e8-8c02-e40eab806426

@letelete letelete added 🎓 improvement Iterations on existing features or infrastructure made to improve the quality of results. 🌟 user interface ✨ user experience 💫 graphic design Some creative stuff has to be done. ⏳ high priority Hotfix needed 🔹🔹🔹 hard Task difficulty hacktoberfest hacktoberfest labels Oct 3, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
💫 graphic design Some creative stuff has to be done. hacktoberfest hacktoberfest 🔹🔹🔹 hard Task difficulty ⏳ high priority Hotfix needed 🎓 improvement Iterations on existing features or infrastructure made to improve the quality of results. ✨ user experience 🌟 user interface
Projects
None yet
Development

No branches or pull requests

1 participant