quaap/LaunchTime

Auto theme shift, sidebar border.etc, and Material Design

Opened this issue · 0 comments

Crystal-RainSlide commented

Those issue are my suggestion on the appearance.
Theme shift is just like "day/night mode" in regular apps. You may also allow random theme shifting for appearance.
By now, sidebar is only equiped with…background and 3 level width. In all, it may got:

  • background image
  • border
  • border radius
  • shadow (by dp in Material Design)
  • separates which can be put on demand
  • width by percentage and, if possible, pixel in two orientation.
  • height: I really think the height is perfect, but Material Design may have some specs.
  • font
  • font style
  • menu/list mode: now, the sidebar is (looked like) made up by standalone tabs, not something with a high integrality. Menu/list mode will put the tabs into a menu/list. Thus, border, border radius and shadow are owned by the large menu/list, tabs may only got separates.
  • Ripple (for Material Design)

The must have ones:

  • background image
  • border radius
  • shadow
  • separates
  • font
  • menu/list mode

Material Design

That will need UI comps in a higher Android API, at least 5.0. Or you have to put those in the apk… Something insame, ripple definitely needs 5.0.

In this unique-designed launcher, Material Design should not be a stupid switch. It may be a theme; it should be a possibility. Which means users who love MD can customize it into a MD launcher.

I think the settings' UI is not daily used, so it may shift its style from Andrid 2.3 later than the home screen.

So just focus on the sidebar first. But wait! Material Design don't have static sidebar now… Its tab bar is on the top of the screen. Top tab bar is possible but not high-efficiency. (Still, you may make one if you want) Just pick menu, or list view on android for the sidebar.

A material design menu is with:

  • 2 dp border radius
  • no border
  • no separates
  • 2 dp elevation in this case, which means 2dp shadow.
  • any background if needed, but a speced contrast

For "chips" inside:

  • 0dp border radius
  • no border
  • no shadow
  • ripple

List view in Android is Similar, but items inside may got moderate separates. Like "Settings" and Notification bar in Android L & M.

So many stuffs. Drop some or do sth later freely~
And, I got some ideas about the bottom bar, it is already well designed in layout, have to say. Will explain some styling later…