From 3b8ee1d5fc15e8a5d77e22d6a9e3d2b33f34f98b Mon Sep 17 00:00:00 2001 From: Valeria Aquamine <69796052+aquam1ne@users.noreply.github.com> Date: Fri, 2 Oct 2020 02:16:39 +0300 Subject: [PATCH] Ui guidlines (#151) * Updated images --- wiki/UI.md | 23 +++++++++++++++-------- wiki_static/ui/UI-Standby-status-1.png | 3 +++ wiki_static/ui/UI-Standby-status-88.png | 3 +++ wiki_static/ui/UI-Standby.png | 4 ++-- wiki_static/ui/UI-app-menu-buttons.png | 3 +++ wiki_static/ui/UI-app-menu.png | 4 ++-- wiki_static/ui/UI-main-menu-screen.png | 4 ++-- wiki_static/ui/controls.png | 3 +++ wiki_static/ui/menu-navigation.png | 4 ++-- wiki_static/ui/reboot-combo.png | 4 ++-- wiki_static/ui/reboot-to-bootloader.png | 4 ++-- wiki_static/ui/reboot-to-dfu.png | 4 ++-- 12 files changed, 41 insertions(+), 22 deletions(-) create mode 100644 wiki_static/ui/UI-Standby-status-1.png create mode 100644 wiki_static/ui/UI-Standby-status-88.png create mode 100644 wiki_static/ui/UI-app-menu-buttons.png create mode 100644 wiki_static/ui/controls.png diff --git a/wiki/UI.md b/wiki/UI.md index a4bfe50a..cbb7b631 100644 --- a/wiki/UI.md +++ b/wiki/UI.md @@ -12,7 +12,7 @@ Left ← (OK) → Right Down ⮌ Back ``` -![](./../wiki_static/ui/buttons.png) +![](./../wiki_static/ui/controls.png) On directinal pad only one button out of 4 can be pressed at once. `◉ OK` and `⮌ Back` buttons are indepandent. @@ -45,6 +45,8 @@ Reboot to rescue DFU mode. Useful when firmware and bootloader is broken. 2. Release `Left ←` + `⮌ Back` and keep `◉ OK` pressed 3. Release `◉ OK` +To exit from `Firmware Update` mode use [reboot combination](#reboot-combination) + ![](../wiki_static/ui/reboot-to-dfu.png) # Menu structure @@ -53,10 +55,14 @@ Reboot to rescue DFU mode. Useful when firmware and bootloader is broken. # Standby screen -On standby screen we can see battery life status and dolphin animation. +On standby screen we can see battery, status bar and dolphin animation. Animation can cover the status bar according to the battery charge width. ![](../wiki_static/ui/UI-Standby.png) +![](../wiki_static/ui/UI-Standby-status-1.png) + +![](../wiki_static/ui/UI-Standby-status-88.png) + # Main menu Active row is always in the middle of the screen. @@ -89,19 +95,20 @@ Scrollbar has 32 dots and a simple thumb # Application menu -Font: `Helvetipixel` +Font: `Helvetipixel` Size: 16 px ![](../wiki_static/ui/UI-app-menu.png) -## Application screen with buttons +# Application screen with buttons +Font: `Helvetipixel` +Size: 16 px +Minimum button width is 38 px. +Maximum button width is 63 px. -# Settings menu - -* Display -* Power +![](../wiki_static/ui/UI-app-menu-buttons.png) # Pass-code lock diff --git a/wiki_static/ui/UI-Standby-status-1.png b/wiki_static/ui/UI-Standby-status-1.png new file mode 100644 index 00000000..7f3b9d89 --- /dev/null +++ b/wiki_static/ui/UI-Standby-status-1.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:4c12a162b72981ed39198302d341dbf98926fb0348e4adb28951edb38212d9b2 +size 66933 diff --git a/wiki_static/ui/UI-Standby-status-88.png b/wiki_static/ui/UI-Standby-status-88.png new file mode 100644 index 00000000..b16d7004 --- /dev/null +++ b/wiki_static/ui/UI-Standby-status-88.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:d9bf3e7b75e872cc6eb011632cdddff7cbbf94e4bbb946323828a43e87377861 +size 66765 diff --git a/wiki_static/ui/UI-Standby.png b/wiki_static/ui/UI-Standby.png index 58fa9c85..cfa213e3 100644 --- a/wiki_static/ui/UI-Standby.png +++ b/wiki_static/ui/UI-Standby.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:94dac8ea00b3016e3d2034674b7705e1c359141cc7a593eb5baae10fea02edaa -size 103983 +oid sha256:5af29b87766dc0003fa8792b5f83aeb2812061a00230a57ed7e9a6b357062c0c +size 123092 \ No newline at end of file diff --git a/wiki_static/ui/UI-app-menu-buttons.png b/wiki_static/ui/UI-app-menu-buttons.png new file mode 100644 index 00000000..d6715c13 --- /dev/null +++ b/wiki_static/ui/UI-app-menu-buttons.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:601c1785c7a166211227e63464fbd42470d84db46f68ee42181f869bd24a4f86 +size 210810 diff --git a/wiki_static/ui/UI-app-menu.png b/wiki_static/ui/UI-app-menu.png index d3072f36..38232e6b 100644 --- a/wiki_static/ui/UI-app-menu.png +++ b/wiki_static/ui/UI-app-menu.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:eaf7e06f7f4696c16f95c6a8dabd9ba0b61b7311f81f6793ac914acd0cef4c49 -size 113293 +oid sha256:68a747341f7dcedb783085119899a46225790cdc49d4137765e25a27f35a63e1 +size 125870 \ No newline at end of file diff --git a/wiki_static/ui/UI-main-menu-screen.png b/wiki_static/ui/UI-main-menu-screen.png index 7f4b2b6c..f71cadbe 100644 --- a/wiki_static/ui/UI-main-menu-screen.png +++ b/wiki_static/ui/UI-main-menu-screen.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:249289d049f6926b42b378f019175616bf8d2777e4af15a71f9ab162c91ade6a -size 373376 +oid sha256:cae6297bf556c0de8be5a5ddc79179fcada810ff8a7321d743a998948288df4a +size 372772 \ No newline at end of file diff --git a/wiki_static/ui/controls.png b/wiki_static/ui/controls.png new file mode 100644 index 00000000..37fa0f4c --- /dev/null +++ b/wiki_static/ui/controls.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:8033a8c6d7e78ac0f7cdb36dd221bb3ad1e3dac77c08ad513a5fc94143663e9f +size 28652 diff --git a/wiki_static/ui/menu-navigation.png b/wiki_static/ui/menu-navigation.png index 852f5981..de20bdad 100644 --- a/wiki_static/ui/menu-navigation.png +++ b/wiki_static/ui/menu-navigation.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:545469542f434677a88a8ddba799c5ac907d34a80b06a467002a49ccd1282391 -size 126876 +oid sha256:8efca86373db8fb50b2ba7079256789a8b5a1909c2164701e115be30db624c87 +size 142143 \ No newline at end of file diff --git a/wiki_static/ui/reboot-combo.png b/wiki_static/ui/reboot-combo.png index b9642cd2..687ceca3 100644 --- a/wiki_static/ui/reboot-combo.png +++ b/wiki_static/ui/reboot-combo.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:bb07cbaa87f25bb901a7f62d56e84e57bc276ace52d83de9fddd86515a5fbafe -size 32934 +oid sha256:57983594ae8618469a24115af959af7df67a9ed05335826e43cca4874781f4ce +size 28644 \ No newline at end of file diff --git a/wiki_static/ui/reboot-to-bootloader.png b/wiki_static/ui/reboot-to-bootloader.png index aa72a83b..4c4eeed9 100644 --- a/wiki_static/ui/reboot-to-bootloader.png +++ b/wiki_static/ui/reboot-to-bootloader.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:da18c8626cf717dba133296f546b753a82bdf785ac7e46b5bbf28d624268364d -size 53573 +oid sha256:6dba4fdd7f78386a485c0edd10becdf31b0faa995bbda8e05d021f5b0f5af7aa +size 53708 \ No newline at end of file diff --git a/wiki_static/ui/reboot-to-dfu.png b/wiki_static/ui/reboot-to-dfu.png index d2f5f5c1..e0f04703 100644 --- a/wiki_static/ui/reboot-to-dfu.png +++ b/wiki_static/ui/reboot-to-dfu.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:ed30c4b7f4a64b134ab9470f2c83bfb5fd1c18a47e967dd46bcd65037d82bccb -size 53196 +oid sha256:c78169b92565d77583ce93acf4b6ca7beeeffb96d62553c7110e1f3b60e2b6b5 +size 123074 \ No newline at end of file