|
what follows represent the current state of the application, some part of the design haven't been implemented yet, the goal, is t
|
|
what follows represent the current state of the application, some part of the design haven't been implemented yet, the goal is rather to enumerate the different use case to open the discussion.
|
|
|
|
|
|
Different states:
|
|
Different states:
|
|
|
|
|
... | @@ -12,20 +12,33 @@ Different states: |
... | @@ -12,20 +12,33 @@ Different states: |
|
Grid item
|
|
Grid item
|
|
|
|
|
|
|
|
|
|
| state | dark | light |
|
|
| state | light | dark |
|
|
| ------ |------ | ------ |
|
|
| ------ |------ | ------ |
|
|
| normal | ![Screenshot_20210421_164839](uploads/5a72abaa51e2017283a70771263df261/Screenshot_20210421_164839.png) | ![Screenshot_20210421_165457](uploads/662a858fc3e6c7b424a179ad2e69f7e5/Screenshot_20210421_165457.png) |
|
|
| normal | ![Screenshot_20210421_164839](uploads/5a72abaa51e2017283a70771263df261/Screenshot_20210421_164839.png) | ![Screenshot_20210421_165457](uploads/662a858fc3e6c7b424a179ad2e69f7e5/Screenshot_20210421_165457.png) |
|
|
| hover | ![Screenshot_20210421_165214](uploads/b0eb1915802c2527a6064b9efb154345/Screenshot_20210421_165214.png) | ![Screenshot_20210421_165531](uploads/e093dbdc0eaf8bbf0f5e164c0c486104/Screenshot_20210421_165531.png) |
|
|
| hover | ![Screenshot_20210421_165214](uploads/b0eb1915802c2527a6064b9efb154345/Screenshot_20210421_165214.png) | ![Screenshot_20210421_165531](uploads/e093dbdc0eaf8bbf0f5e164c0c486104/Screenshot_20210421_165531.png) |
|
|
| focused |![Screenshot_20210421_165241](uploads/7cc8a55ee7fd29c9ff7203e967a1bd34/Screenshot_20210421_165241.png) | ![Screenshot_20210421_165614](uploads/d1c7477ccf8ea3aba7bc6b55a35265ae/Screenshot_20210421_165614.png) |
|
|
| focused |![Screenshot_20210421_165241](uploads/7cc8a55ee7fd29c9ff7203e967a1bd34/Screenshot_20210421_165241.png) | ![Screenshot_20210421_165614](uploads/d1c7477ccf8ea3aba7bc6b55a35265ae/Screenshot_20210421_165614.png) |
|
|
| focused+hover | ![Screenshot_20210421_165214](uploads/b0eb1915802c2527a6064b9efb154345/Screenshot_20210421_165214.png) | ![Screenshot_20210421_165531](uploads/e093dbdc0eaf8bbf0f5e164c0c486104/Screenshot_20210421_165531.png) |
|
|
| focused+hover | ![Screenshot_20210421_165214](uploads/b0eb1915802c2527a6064b9efb154345/Screenshot_20210421_165214.png) | ![Screenshot_20210421_165531](uploads/e093dbdc0eaf8bbf0f5e164c0c486104/Screenshot_20210421_165531.png) |
|
|
| selected | ![Screenshot_20210421_165302](uploads/b8f3d5fb2582a347d810bec2d2a12c7b/Screenshot_20210421_165302.png) | ![Screenshot_20210421_165637](uploads/16612deb4f65f68739a9d296ca752b9b/Screenshot_20210421_165637.png) |
|
|
| selected | ![Screenshot_20210421_165302](uploads/b8f3d5fb2582a347d810bec2d2a12c7b/Screenshot_20210421_165302.png) | ![Screenshot_20210421_165637](uploads/16612deb4f65f68739a9d296ca752b9b/Screenshot_20210421_165637.png) |
|
|
| selected + hover | ![Screenshot_20210421_165323](uploads/99662f78549dc859792a1fafe181e687/Screenshot_20210421_165323.png) | ![Screenshot_20210421_165531](uploads/e093dbdc0eaf8bbf0f5e164c0c486104/Screenshot_20210421_165531.png) |
|
|
| selected + hover/focus | ![Screenshot_20210421_165323](uploads/99662f78549dc859792a1fafe181e687/Screenshot_20210421_165323.png) | ![Screenshot_20210421_165531](uploads/e093dbdc0eaf8bbf0f5e164c0c486104/Screenshot_20210421_165531.png) |
|
|
| selected + focus | ![Screenshot_20210421_165323](uploads/99662f78549dc859792a1fafe181e687/Screenshot_20210421_165323.png) | ![Screenshot_20210421_165531](uploads/e093dbdc0eaf8bbf0f5e164c0c486104/Screenshot_20210421_165531.png) |
|
|
|
|
|
|
|
|
|
|
List item
|
|
|
|
|
|
|
|
|
|
|
|
| state | light | dark |
|
|
|
|
| ------ |------ | ------ |
|
|
|
|
| normal | ![Screenshot_20210421_170230](uploads/53f1c8523e021a20c526ae2b8e868ccd/Screenshot_20210421_170230.png) | ![Screenshot_20210421_170620](uploads/63ddac7103e130450d9b7a3640f86932/Screenshot_20210421_170620.png)
|
|
|
|
| hover | ![Screenshot_20210421_170250](uploads/669d94009b0ab392da7915366993891c/Screenshot_20210421_170250.png) | ![Screenshot_20210421_170636](uploads/bc2313645777e238f239748636a99a55/Screenshot_20210421_170636.png)
|
|
|
|
| focused | ![Screenshot_20210421_170302](uploads/df7a00c86ec9cf3e71fd037822b2df9d/Screenshot_20210421_170302.png) | ![Screenshot_20210421_170636](uploads/bc2313645777e238f239748636a99a55/Screenshot_20210421_170636.png)
|
|
|
|
| focused+hover | ![Screenshot_20210421_170250](uploads/669d94009b0ab392da7915366993891c/Screenshot_20210421_170250.png) | ![Screenshot_20210421_170636](uploads/bc2313645777e238f239748636a99a55/Screenshot_20210421_170636.png)
|
|
|
|
| selected | ![Screenshot_20210421_170326](uploads/76db5c7c17b3e484a228d69635d6e490/Screenshot_20210421_170326.png) | ![Screenshot_20210421_170831](uploads/0e406072f7a7a0db5c7e193bf9b29a29/Screenshot_20210421_170831.png)
|
|
|
|
| selected + hover/focus | ![Screenshot_20210421_170415](uploads/54785833394fc0602be563f89960dda4/Screenshot_20210421_170415.png) | ![Screenshot_20210421_170851](uploads/d3d94c9d6faa74476e6cb22dc148b194/Screenshot_20210421_170851.png)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Tab bar button
|
|
Tab bar button
|
|
|
|
|
|
| state | dark | light |
|
|
| state | light | dark |
|
|
| ------ |------ | ------ |
|
|
| ------ |------ | ------ |
|
|
| normal | ![Screenshot_20210421_164246](uploads/98acfbdceb6a286868591fbf273e3de9/Screenshot_20210421_164246.png) | ![Screenshot_20210421_164321](uploads/2c8a4d0c28e3e1828e9b4aaf787a1d7e/Screenshot_20210421_164321.png) |
|
|
| normal | ![Screenshot_20210421_164246](uploads/98acfbdceb6a286868591fbf273e3de9/Screenshot_20210421_164246.png) | ![Screenshot_20210421_164321](uploads/2c8a4d0c28e3e1828e9b4aaf787a1d7e/Screenshot_20210421_164321.png) |
|
|
| hover | ![Screenshot_20210421_164454](uploads/26c2cd3b50fede78985a630fb19037a8/Screenshot_20210421_164454.png) | ![Screenshot_20210421_164348](uploads/40351304cb7a3881a31720fb48d5c0af/Screenshot_20210421_164348.png) |
|
|
| hover | ![Screenshot_20210421_164454](uploads/26c2cd3b50fede78985a630fb19037a8/Screenshot_20210421_164454.png) | ![Screenshot_20210421_164348](uploads/40351304cb7a3881a31720fb48d5c0af/Screenshot_20210421_164348.png) |
|
... | @@ -35,6 +48,8 @@ Tab bar button |
... | @@ -35,6 +48,8 @@ Tab bar button |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| state | dark | light |
|
|
| state | dark | light |
|
|
| ------ |------ | ------ |
|
|
| ------ |------ | ------ |
|
|
| normal |
|
|
| normal |
|
... | @@ -42,7 +57,7 @@ Tab bar button |
... | @@ -42,7 +57,7 @@ Tab bar button |
|
| focused |
|
|
| focused |
|
|
| focused+hover |
|
|
| focused+hover |
|
|
| selected |
|
|
| selected |
|
|
| selected + hover |
|
|
| selected + hover/focus |
|
|
| selected + focus |
|
|
|
|
|
|
|
|
|
|
|