From version < 12.5 >
edited by Ecaterina Moraru (Valica)
on 2018/03/30 07:36
To version < 12.6 >
edited by Ecaterina Moraru (Valica)
on 2018/03/30 07:38
< >
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -55,7 +55,7 @@
55 55  (% class="col-xs-12 col-sm-4" %)
56 56  (((
57 57  * Having colors for each extensions gives a more vivid look, plus help the users quickly identify and differentiate between extensions
58 -* As a fallback we could provide an icon and a background gradient
58 +* As a fallback we could provide a default icon and a background gradient
59 59  * But extension contributors should be encouraged to add their own colors and icons
60 60  * Current requirements
61 61  ** Icon (+name, +description)
... ... @@ -67,11 +67,13 @@
67 67  
68 68  (% class="col-xs-12 col-sm-4" %)
69 69  (((
70 +Fallback
70 70  [[[[image:overview_mono.png||width="100%"]]>>attach:overview_mono.png]]
71 71  )))
72 72  
73 73  (% class="col-xs-12 col-sm-4" %)
74 74  (((
76 +Customizations
75 75  [[[[image:overview_color.png||width="100%"]]>>attach:overview_color.png]]
76 76  )))
77 77  )))

 Design
 Idea
 

Description

Proposal

Homepage

  • Replace the livetable and provide a grid with different extension sections
  • Provide 3 different styles to display extensions depending on the importance / priority (big, medium, small layout)
  • Add colors and dedicated icons for each extension

Before
before.png

After
after.png

Search

  • Provide a custom search for the extensions
  • Provide dedicated facets
  • Display the extensions in a grid manner

beforeSearch.png

afterSearch.png

Details

  • Having colors for each extensions gives a more vivid look, plus help the users quickly identify and differentiate between extensions
  • As a fallback we could provide an icon and a background gradient
  • As a fallback we could provide a default icon and a background gradient
  • But extension contributors should be encouraged to add their own colors and icons
  • Current requirements
    • Icon (+name, +description)
  • Minimum requirements
    • Icon + Color || Image (we could extract the color from the image)
  • Maximum requirements
    • Icon + 2 Colors + Primary screenshot

overview_mono.png

Fallback
overview_mono.png

overview_color.png

Customizations
overview_color.png

mini_mono.png

mini_color.png

medium_icon.png


 

Get Connected