Details

      Gliffy Diagrams

      1. agreed logo location and heading.png
        41 kB
      2. frontpage-blue.png
        460 kB
      3. frontpage-green.png
        463 kB
      4. frontpage-purple.png
        445 kB
      5. frontpage-red.png
        452 kB
      6. heading-demo.png
        34 kB
      7. heading-dev.png
        35 kB
      8. heading-development.png
        37 kB
      9. heading-development-no-moodle.png
        29 kB
      10. heading-docs.png
        35 kB
      11. heading-downloads.png
        35 kB
      12. heading-downloads-no-moodle.png
        26 kB
      13. heading-net.png
        33 kB
      14. heading-org.png
        34 kB
      15. heading-org-01a.png
        33 kB
      16. heading-org-01b.png
        33 kB
      17. heading-org-02a.png
        29 kB
      18. heading-org-02b.png
        30 kB
      19. heading-org-03a.png
        33 kB
      20. heading-org-03b.png
        33 kB
      21. heading-tracker.png
        34 kB
      22. heading-translation.png
        35 kB
      23. inner-blue.png
        107 kB
      24. inner-green.png
        108 kB
      25. inner-purple.png
        108 kB
      26. inner-red.png
        108 kB
      27. logo-orange.png
        49 kB
      28. logo-org-orange.png
        5 kB
      29. logo-org-white.png
        4 kB
      30. logo-white.png
        47 kB
      31. nav-dropdown.png
        107 kB
      32. nav-dropdown-menu.png
        120 kB
      33. nav-menu.png
        176 kB
      34. secondary-menu-demo.png
        38 kB
      35. secondary-menu-dev.png
        45 kB
      36. secondary-menu-dev-2.png
        50 kB
      37. secondary-menu-docs.png
        46 kB
      38. secondary-menu-downloads.png
        43 kB
      39. secondary-menu-net.png
        31 kB
      40. secondary-menu-net-3.png
        47 kB
      41. secondary-menu-org.png
        36 kB
      42. secondary-menu-tracker.png
        41 kB
      43. secondary-menu-tracker-2.png
        49 kB
      44. secondary-menu-translation.png
        45 kB
      45. sites-menu-a.png
        74 kB
      46. sites-menu-b.png
        104 kB
      47. smallscreen-01.png
        209 kB
      48. smallscreen-02.png
        159 kB
      49. smallscreen-03.png
        100 kB
      50. study-13-sites-menu-a.jpg
        94 kB
      51. study-13-sites-menu-b.jpg
        95 kB
      52. tertiary-menu-org.png
        39 kB
      53. tertiary-menu-org-dropdown.png
        58 kB
      54. tertiary-menu-org-dropdown-2-innerpage.png
        62 kB
      55. tertiary-menu-org-dropdown-homepage.png
        365 kB
      56. tertiary-menu-org-dropdown-homepage-2.png
        425 kB
      57. widescreen-01.png
        375 kB
      58. widescreen-02.png
        160 kB
      59. widescreen-03.png
        172 kB
      60. widescreen-04.png
        181 kB

        Issue Links

          Activity

          Hide
          barbararamiro Barbara Ramiro added a comment - - edited


          widescreen-01.png

          on the left COULD be a page with a bit of description about each site
          on the right is a dropdown menu for all moodle sites

          Show
          barbararamiro Barbara Ramiro added a comment - - edited widescreen-01.png on the left COULD be a page with a bit of description about each site on the right is a dropdown menu for all moodle sites
          Hide
          barbararamiro Barbara Ramiro added a comment -


          widescreen-02.png

          widescreen-03.png

          widescreen-04.png

          MOCKUPS FOR WIDESCREEN

          on the left is a home page for each site with a think header
          on the right is an inner page for each site with a thin line
          each site will have different color
          right beside the site dropdown menu on the top left is the site title
          on the right side is the menu to a particular site

          Show
          barbararamiro Barbara Ramiro added a comment - widescreen-02.png widescreen-03.png widescreen-04.png MOCKUPS FOR WIDESCREEN on the left is a home page for each site with a think header on the right is an inner page for each site with a thin line each site will have different color right beside the site dropdown menu on the top left is the site title on the right side is the menu to a particular site
          Hide
          barbararamiro Barbara Ramiro added a comment -


          study-13-sites-menu-a.jpg

          study-13-sites-menu-b.jpg

          Here's a mock up of the site menu... the style is not final...
          The left side of the header looks empty at the moment.

          Show
          barbararamiro Barbara Ramiro added a comment - study-13-sites-menu-a.jpg study-13-sites-menu-b.jpg Here's a mock up of the site menu... the style is not final... The left side of the header looks empty at the moment.
          Hide
          barbararamiro Barbara Ramiro added a comment -


          smallscreen-01.png

          smallscreen-02.png

          smallscreen-03.png

          MOCKUPS FOR SMALLSCREEN

          It's pretty much the same with the widescreen but on the top right is a dropdown menu for each particular site

          Show
          barbararamiro Barbara Ramiro added a comment - smallscreen-01.png smallscreen-02.png smallscreen-03.png MOCKUPS FOR SMALLSCREEN It's pretty much the same with the widescreen but on the top right is a dropdown menu for each particular site
          Hide
          tsala Helen Foster added a comment -

          Just noting from looking at this issue in our sites meeting on 27/05/13 that we need to discuss and agree on how the top menu is displayed - in a bar across the top or as a dropdown menu.

          From Mary's notes and screenshots in MDLSITE-1876, it seems that other 'meta-sites' (sites consisting of a number of smaller sites) have a bar across the top listing all the smaller sites for ordinary screen sizes and a dropdown menu for mobile screen sizes.

          As the moodle community sites are most likely accessed mostly from laptops and desktops, my vote is to have a bar across the top listing the main community sites and a dropdown menu for mobile screen sizes.

          Show
          tsala Helen Foster added a comment - Just noting from looking at this issue in our sites meeting on 27/05/13 that we need to discuss and agree on how the top menu is displayed - in a bar across the top or as a dropdown menu. From Mary's notes and screenshots in MDLSITE-1876 , it seems that other 'meta-sites' (sites consisting of a number of smaller sites) have a bar across the top listing all the smaller sites for ordinary screen sizes and a dropdown menu for mobile screen sizes. As the moodle community sites are most likely accessed mostly from laptops and desktops, my vote is to have a bar across the top listing the main community sites and a dropdown menu for mobile screen sizes.
          Hide
          barbararamiro Barbara Ramiro added a comment -

          Thanks Helen for you vote. Though I still wonder why we want to show all the sites all the time on the top navigation bar. Do we really need to? Or can we organize it in such a way that those sites are easily accessible any time via dropdown keeping the whole interface neat, simple and clutter free by showing only navigation for a particular site. Too many navigation on screen takes much time for a user to analyze what to do and where to go as compared to showing only what is relevant to that site. This is called Context based approach.

          I'd like to share this... 7 Interface Design Techniques to Simplify and De-clutter Your Interfaces

          Show
          barbararamiro Barbara Ramiro added a comment - Thanks Helen for you vote. Though I still wonder why we want to show all the sites all the time on the top navigation bar. Do we really need to? Or can we organize it in such a way that those sites are easily accessible any time via dropdown keeping the whole interface neat, simple and clutter free by showing only navigation for a particular site. Too many navigation on screen takes much time for a user to analyze what to do and where to go as compared to showing only what is relevant to that site. This is called Context based approach. I'd like to share this... 7 Interface Design Techniques to Simplify and De-clutter Your Interfaces
          Hide
          barbararamiro Barbara Ramiro added a comment -


          sites-menu-a.png

          sites-menu-b.png

          I find net.tutsplus.com neat.

          Show
          barbararamiro Barbara Ramiro added a comment - sites-menu-a.png sites-menu-b.png I find net.tutsplus.com neat.
          Hide
          marycooch Mary Cooch added a comment - - edited

          Thank you very much for uploading screenshots to here as it makes it much easier for me to visualise I understand what you are saying now; however, my concern is that we have the community sites in a dropdown menu then people coming to one - Moodle.org - for example won't immediately see that other sites exist. So although they are easily accessible from the dropdown menu, a newcomer to Moodle won't be made aware that other sites are available.

          Show
          marycooch Mary Cooch added a comment - - edited Thank you very much for uploading screenshots to here as it makes it much easier for me to visualise I understand what you are saying now; however, my concern is that we have the community sites in a dropdown menu then people coming to one - Moodle.org - for example won't immediately see that other sites exist. So although they are easily accessible from the dropdown menu, a newcomer to Moodle won't be made aware that other sites are available.
          Hide
          dobedobedoh Andrew Nicols added a comment -

          Are there any analytics available to suggest what the most common device/browser types are perchance?

          Show
          dobedobedoh Andrew Nicols added a comment - Are there any analytics available to suggest what the most common device/browser types are perchance?
          Hide
          nebgor Aparup Banerjee added a comment -

          <leftearlyfrommeetingbut> how about if we have 'show all the sites all the time on the top navigation bar' except when we scroll down it disappears or responsively compacts itself into something like the dropdown/hamburger show in the above screenshot. </bettergetbacktoweekend>

          Show
          nebgor Aparup Banerjee added a comment - <leftearlyfrommeetingbut> how about if we have 'show all the sites all the time on the top navigation bar' except when we scroll down it disappears or responsively compacts itself into something like the dropdown/hamburger show in the above screenshot. </bettergetbacktoweekend>
          Hide
          barbararamiro Barbara Ramiro added a comment -

          First of, sites heading...


          heading-org.png


          heading-docs.png


          heading-downloads.png


          heading-demo.png


          heading-tracker.png


          heading-development.png


          heading-translation.png


          heading-net.png

          Oooppps i need to change demo to school demo

          Show
          barbararamiro Barbara Ramiro added a comment - First of, sites heading... heading-org.png heading-docs.png heading-downloads.png heading-demo.png heading-tracker.png heading-development.png heading-translation.png heading-net.png Oooppps i need to change demo to school demo
          Hide
          barbararamiro Barbara Ramiro added a comment - - edited


          heading-development.png


          heading-dev.png

          I am thinking of sort or branding like moodledev instead of moodledevelopment. Same thing for the documentation where its sort of like branded as moodledocs. What ya think?

          Also, note the secondary menu. is it possible not to include the word dev since it is on the dev site? Please refer to


          heading-dev.png

          Show
          barbararamiro Barbara Ramiro added a comment - - edited heading-development.png heading-dev.png I am thinking of sort or branding like moodledev instead of moodledevelopment. Same thing for the documentation where its sort of like branded as moodledocs. What ya think? Also, note the secondary menu. is it possible not to include the word dev since it is on the dev site? Please refer to heading-dev.png
          Hide
          barbararamiro Barbara Ramiro added a comment -


          heading-development-no-moodle.png


          heading-downloads-no-moodle.png

          Here is how it looks like without the moodle logo beside the heading

          Show
          barbararamiro Barbara Ramiro added a comment - heading-development-no-moodle.png heading-downloads-no-moodle.png Here is how it looks like without the moodle logo beside the heading
          Hide
          barbararamiro Barbara Ramiro added a comment -


          logo-orange.png


          logo-white.png

          White logo instead of orange to go with different sites color. I should upload screenshots of different colors with the orange logo

          Show
          barbararamiro Barbara Ramiro added a comment - logo-orange.png logo-white.png White logo instead of orange to go with different sites color. I should upload screenshots of different colors with the orange logo
          Hide
          nebgor Aparup Banerjee added a comment -

          The screenshots here have a menu that is very different from the menu defined in the goodle doc @ MDLSITE-1876. For the purposes of the theme(MDLSITE-1876) and clone.moodle.org, i'm going to work with the google doc from the resolved 'nailed down' MDLSITE-1876.

          I'm not sure how the menu in this issue (heading-org.png) is going to be in the footer at this point.

          Show
          nebgor Aparup Banerjee added a comment - The screenshots here have a menu that is very different from the menu defined in the goodle doc @ MDLSITE-1876 . For the purposes of the theme( MDLSITE-1876 ) and clone.moodle.org, i'm going to work with the google doc from the resolved 'nailed down' MDLSITE-1876 . I'm not sure how the menu in this issue (heading-org.png) is going to be in the footer at this point.
          Hide
          barbararamiro Barbara Ramiro added a comment -

          Hi Apu, the attachment section is getting crowded filled with old and new studies so please refer to the most recent comments with thumbnails.

          Show
          barbararamiro Barbara Ramiro added a comment - Hi Apu, the attachment section is getting crowded filled with old and new studies so please refer to the most recent comments with thumbnails.
          Hide
          barbararamiro Barbara Ramiro added a comment -

          Here is the agreed logo location and heading


          agreed logo location and heading.png

          Show
          barbararamiro Barbara Ramiro added a comment - Here is the agreed logo location and heading agreed logo location and heading.png
          Hide
          tsala Helen Foster added a comment -

          Apu, re. the footer, I think we still need to talk and agree on what should be included in it.

          Show
          tsala Helen Foster added a comment - Apu, re. the footer, I think we still need to talk and agree on what should be included in it.
          Hide
          barbararamiro Barbara Ramiro added a comment -

          Up for vote (",)

          Nav bar: Moodle.org, Home or Community
          Heading: moodle.org, Community

          Moodle.org on the nav bar and the heading look redundant but this is the case for moodle.net

          heading-org-01a.png

          Moodle.org on the nav bar and moodlecommunity on the heading sounds better

          heading-org-01b.png

          Home icon on the nav bar and moodle.org on the heading

          heading-org-02a.png

          Home icon on the nav bar and moodlecommunity

          heading-org-02b.png

          Community on the nav bar and moodle.org on the heading

          heading-org-03a.png

          Community on the nav bar and moodlecommunity on the heading which makes it consistent with the rest

          heading-org-03b.png

          Show
          barbararamiro Barbara Ramiro added a comment - Up for vote (",) Nav bar: Moodle.org, Home or Community Heading: moodle.org, Community Moodle.org on the nav bar and the heading look redundant but this is the case for moodle.net heading-org-01a.png Moodle.org on the nav bar and moodlecommunity on the heading sounds better heading-org-01b.png Home icon on the nav bar and moodle.org on the heading heading-org-02a.png Home icon on the nav bar and moodlecommunity heading-org-02b.png Community on the nav bar and moodle.org on the heading heading-org-03a.png Community on the nav bar and moodlecommunity on the heading which makes it consistent with the rest heading-org-03b.png
          Hide
          tsala Helen Foster added a comment -

          I vote for moodle.org in the nav bar and the heading. All of the sites are 'Moodle community sites', so it seems a bit odd to me to describe moodle.org as 'Community'.

          Show
          tsala Helen Foster added a comment - I vote for moodle.org in the nav bar and the heading. All of the sites are 'Moodle community sites', so it seems a bit odd to me to describe moodle.org as 'Community'.
          Hide
          barbararamiro Barbara Ramiro added a comment - - edited


          secondary-menu-org.png


          secondary-menu-docs.png


          secondary-menu-downloads.png


          secondary-menu-demo.png


          secondary-menu-tracker.png


          secondary-menu-dev.png


          secondary-menu-translation.png


          secondary-menu-net.png

          Show
          barbararamiro Barbara Ramiro added a comment - - edited secondary-menu-org.png secondary-menu-docs.png secondary-menu-downloads.png secondary-menu-demo.png secondary-menu-tracker.png secondary-menu-dev.png secondary-menu-translation.png secondary-menu-net.png
          Hide
          barbararamiro Barbara Ramiro added a comment - - edited


          tertiary-menu-org.png

          Show
          barbararamiro Barbara Ramiro added a comment - - edited tertiary-menu-org.png
          Hide
          lazydaisy Mary Evans added a comment -

          Bringing in different colours like this is great and I also love the use of different font types for the page titles.

          One thought did occurred to me, however, when I saw these changes today, is that care should be taken for Moodle users who suffer from colour deficient vision. This LINK shows a chart of colours that takes into account the different types of colour deficient vision.

          I was worrying more about the yellow and blue as these two colours that are just as important as red and green, which to some people are indistinguishable.

          Show
          lazydaisy Mary Evans added a comment - Bringing in different colours like this is great and I also love the use of different font types for the page titles. One thought did occurred to me, however, when I saw these changes today, is that care should be taken for Moodle users who suffer from colour deficient vision. This LINK shows a chart of colours that takes into account the different types of colour deficient vision. I was worrying more about the yellow and blue as these two colours that are just as important as red and green, which to some people are indistinguishable.
          Hide
          marycooch Mary Cooch added a comment -

          I absolutely love all these One thing I am really bad at is design, so I totally admire people like Barbara with that skill (and Mary Evans too!) Mary could well have a point about the colours for certain viewers - I recall at school that being an issue with worksheet colours. I wonder if there is a similar consideration with the use of capital letters as were told that dyslexics found capitalised words harder to read?

          Show
          marycooch Mary Cooch added a comment - I absolutely love all these One thing I am really bad at is design, so I totally admire people like Barbara with that skill (and Mary Evans too!) Mary could well have a point about the colours for certain viewers - I recall at school that being an issue with worksheet colours. I wonder if there is a similar consideration with the use of capital letters as were told that dyslexics found capitalised words harder to read?
          Hide
          barbararamiro Barbara Ramiro added a comment -

          Thanks Mary & Mary (",) for the complements.

          Regarding the page titles though, it is a bad practice to display the domain extension (#5 of 7 Bad Design Practices to Avoid on Your Home Page) but Martin wants it there for a reason and Helen has a reason too for moodle.org. I am hoping though that we can avoid it. It's a bit redundant with the domain name.

          Regarding colors, I do agree with you Mary E that yellow is indistinguishable not only for color blinds but for everyone especially on white background. I tried a lot of different yellow shades and nothing really works well. Helen has stated her reason for yellow but I also hope she is open to change once she sees the mockups.

          Regarding fonts, based on my personal experience with my dyslexic students in the past, their opinions and preferences vary greatly. But I will come up with mixed letters and will let the team decide in behalf of the dyslexics. Though if we really want to make our site truly dyslexic friendly we've got a lot of things to consider such as background color not white, navigation not green or red etc Dyslexia Style Guide. Better yet have a separate style not only for dyslexics but for color blinds as well.

          Cheers

          Show
          barbararamiro Barbara Ramiro added a comment - Thanks Mary & Mary (",) for the complements. Regarding the page titles though, it is a bad practice to display the domain extension (#5 of 7 Bad Design Practices to Avoid on Your Home Page ) but Martin wants it there for a reason and Helen has a reason too for moodle.org. I am hoping though that we can avoid it. It's a bit redundant with the domain name. Regarding colors, I do agree with you Mary E that yellow is indistinguishable not only for color blinds but for everyone especially on white background. I tried a lot of different yellow shades and nothing really works well. Helen has stated her reason for yellow but I also hope she is open to change once she sees the mockups. Regarding fonts, based on my personal experience with my dyslexic students in the past, their opinions and preferences vary greatly. But I will come up with mixed letters and will let the team decide in behalf of the dyslexics. Though if we really want to make our site truly dyslexic friendly we've got a lot of things to consider such as background color not white, navigation not green or red etc Dyslexia Style Guide . Better yet have a separate style not only for dyslexics but for color blinds as well. Cheers
          Hide
          tsala Helen Foster added a comment -

          Barbara, sorry I don't remember saying we had to use yellow, so please feel free to use a different colour.

          I'd prefer submenu names not to be all in capitals, not just for dyslexics, but for general readability (as described in http://en.wikipedia.org/wiki/All_caps ).

          Show
          tsala Helen Foster added a comment - Barbara, sorry I don't remember saying we had to use yellow, so please feel free to use a different colour. I'd prefer submenu names not to be all in capitals, not just for dyslexics, but for general readability (as described in http://en.wikipedia.org/wiki/All_caps ).
          Hide
          lazydaisy Mary Evans added a comment -

          Hi Barbara, I think the use of .com .org or .co.uk are in themselves a form of Branding and so in this case Martin is correct in his insistence that moodle.org is used. I like it!

          Show
          lazydaisy Mary Evans added a comment - Hi Barbara, I think the use of .com .org or .co.uk are in themselves a form of Branding and so in this case Martin is correct in his insistence that moodle.org is used. I like it!
          Hide
          barbararamiro Barbara Ramiro added a comment -


          tertiary-menu-org-dropdown.png

          Show
          barbararamiro Barbara Ramiro added a comment - tertiary-menu-org-dropdown.png
          Hide
          lazydaisy Mary Evans added a comment -

          @Barbara, I like the tertiary-menu either as a d/down or inline as you have displayed it previously.

          @Aparup, regarding the Custommenu I just wondered if you where aware of this feature that Dan Marsden added in MDL-31043. I was wondering if its use may be useful for adding the tertiary menu?

          Show
          lazydaisy Mary Evans added a comment - @Barbara, I like the tertiary-menu either as a d/down or inline as you have displayed it previously. @Aparup, regarding the Custommenu I just wondered if you where aware of this feature that Dan Marsden added in MDL-31043 . I was wondering if its use may be useful for adding the tertiary menu?
          Hide
          barbararamiro Barbara Ramiro added a comment -

          Thanks for your feedback, Mary (",)

          Show
          barbararamiro Barbara Ramiro added a comment - Thanks for your feedback, Mary (",)
          Hide
          nebgor Aparup Banerjee added a comment -

          Mary, didn't know about that, thanks. The custom menu is actually the secondary menu (which drops down into the 'tertiary') atm. The top sites menu isn't going to drop down or anything so it is now a simple menu bar.

          Show
          nebgor Aparup Banerjee added a comment - Mary, didn't know about that, thanks. The custom menu is actually the secondary menu (which drops down into the 'tertiary') atm. The top sites menu isn't going to drop down or anything so it is now a simple menu bar.
          Hide
          lazydaisy Mary Evans added a comment -

          @Barbara, you're welcome! (",) <- that's so cute!

          @Aparup, I like to use that menu feature in themes as it allows you to use both at different times. By setting frontpage.php as the default menu (global), and general.php to use the one set at theme level, thus allowing different menus in different courses if you have a set of course themes.

          Show
          lazydaisy Mary Evans added a comment - @Barbara, you're welcome! (",) <- that's so cute! @Aparup, I like to use that menu feature in themes as it allows you to use both at different times. By setting frontpage.php as the default menu (global), and general.php to use the one set at theme level, thus allowing different menus in different courses if you have a set of course themes.
          Hide
          nebgor Aparup Banerjee added a comment - - edited

          i'm having trouble lowering the z-index on only dropdown-menu vs navbar and navbar-inner. the rest of the page's content layers incorrectly. any ideas? I've also played with inset shadows but that removes the original outset shadow...
          tried looking at http://www.red-team-design.com/wp-content/uploads/2011/04/css3-box-shadow.html which uses :before and:after pseudo elements for multiple shadows... no luck yet.

          note: all z-indexing must be reset at other media widths.

          Show
          nebgor Aparup Banerjee added a comment - - edited i'm having trouble lowering the z-index on only dropdown-menu vs navbar and navbar-inner. the rest of the page's content layers incorrectly. any ideas? I've also played with inset shadows but that removes the original outset shadow... tried looking at http://www.red-team-design.com/wp-content/uploads/2011/04/css3-box-shadow.html which uses :before and:after pseudo elements for multiple shadows... no luck yet. note: all z-indexing must be reset at other media widths.
          Hide
          barbararamiro Barbara Ramiro added a comment -

          Apu, this might simplify "life"... see tertiary navigation above the drop shadow rather than under (",)


          tertiary-menu-org-dropdown-2-innerpage.png

          Show
          barbararamiro Barbara Ramiro added a comment - Apu, this might simplify "life"... see tertiary navigation above the drop shadow rather than under (",) tertiary-menu-org-dropdown-2-innerpage.png
          Hide
          barbararamiro Barbara Ramiro added a comment -

          Details to note on the mockup below...

          1. Tertiary navigation on top of the drop shadow
          2. Top navigation bar (black) no more drop shadow which makes it consistent with other sites (Drop shadow is on the orange band)
          3. Moodle logo in white (only on the home page)
          4. Tagline spans all the way to the right
          5. Getting started button under the tagline


          tertiary-menu-org-dropdown-homepage.png

          Show
          barbararamiro Barbara Ramiro added a comment - Details to note on the mockup below... 1. Tertiary navigation on top of the drop shadow 2. Top navigation bar (black) no more drop shadow which makes it consistent with other sites (Drop shadow is on the orange band) 3. Moodle logo in white (only on the home page) 4. Tagline spans all the way to the right 5. Getting started button under the tagline tertiary-menu-org-dropdown-homepage.png
          Hide
          nebgor Aparup Banerjee added a comment -

          Thanks Barbara, can you attach the white moodle.org logo separately so i don't crop and have the background tiles misaligned with the actual tile background.

          The mockups look great btw!

          Show
          nebgor Aparup Banerjee added a comment - Thanks Barbara, can you attach the white moodle.org logo separately so i don't crop and have the background tiles misaligned with the actual tile background. The mockups look great btw!
          Hide
          barbararamiro Barbara Ramiro added a comment -

          Revised shades of blue


          secondary-menu-tracker-2.png


          secondary-menu-dev-2.png

          Show
          barbararamiro Barbara Ramiro added a comment - Revised shades of blue secondary-menu-tracker-2.png secondary-menu-dev-2.png
          Hide
          barbararamiro Barbara Ramiro added a comment -

          Since yellow does not work on white background, here is a new color for moodle.net. Let me know what you think (" ,)


          secondary-menu-net-3.png

          Show
          barbararamiro Barbara Ramiro added a comment - Since yellow does not work on white background, here is a new color for moodle.net. Let me know what you think (" ,) secondary-menu-net-3.png
          Hide
          lazydaisy Mary Evans added a comment - - edited

          Nice (" ,)

          Show
          lazydaisy Mary Evans added a comment - - edited Nice (" ,)
          Hide
          xymoodle XY Ng added a comment -

          Warm gray suggestions (not sure how it'd suit your existing colour palette):

          • #332E2C (dark warm gray)
          • #2B2624
          • #332926 (warmer warm gray)

          Show
          xymoodle XY Ng added a comment - Warm gray suggestions (not sure how it'd suit your existing colour palette): #332E2C (dark warm gray) #2B2624 #332926 (warmer warm gray)
          Hide
          barbararamiro Barbara Ramiro added a comment -

          Header

          • New tagline
          • Tagline Text-align: center
          • Getting started button: removed


          tertiary-menu-org-dropdown-homepage-2.png

          Show
          barbararamiro Barbara Ramiro added a comment - Header New tagline Tagline Text-align: center Getting started button: removed tertiary-menu-org-dropdown-homepage-2.png
          Hide
          barbararamiro Barbara Ramiro added a comment -

          Thanks XY for your suggestions (" ,)

          I tried all your suggestions but they are all too dark and too close to the color of the top navigation bar which make moodle.net not obvious as the current site.

          Because I appreciate your initiative to help, here are some pointers to consider...

          • Highlight the current site (make it obvious)
          • Use distinct color for site identity
          • Harmony with the color scheme we have for the other sites (as you can see from the screenshots)
          • Should go well with our orange logo

          Cheers (" ,)

          Show
          barbararamiro Barbara Ramiro added a comment - Thanks XY for your suggestions (" ,) I tried all your suggestions but they are all too dark and too close to the color of the top navigation bar which make moodle.net not obvious as the current site. Because I appreciate your initiative to help, here are some pointers to consider... Highlight the current site (make it obvious) Use distinct color for site identity Harmony with the color scheme we have for the other sites (as you can see from the screenshots) Should go well with our orange logo Cheers (" ,)
          Hide
          dougiamas Martin Dougiamas added a comment -

          Barbara can you post individual graphics for the last mockup for Aparup to actually use.

          Show
          dougiamas Martin Dougiamas added a comment - Barbara can you post individual graphics for the last mockup for Aparup to actually use.
          Hide
          barbararamiro Barbara Ramiro added a comment - - edited

          MOODLE.ORG LOGO

          For the frontpage: (hover to see white logo)

          For subpages:

          Show
          barbararamiro Barbara Ramiro added a comment - - edited MOODLE.ORG LOGO For the frontpage: (hover to see white logo) For subpages:
          Hide
          nebgor Aparup Banerjee added a comment -

          after a few times hover on and off - moodle is ghosting!

          thanks Barbara

          Show
          nebgor Aparup Banerjee added a comment - after a few times hover on and off - moodle is ghosting! thanks Barbara
          Hide
          tsala Helen Foster added a comment -

          Many thanks Barbara and everyone who helped design a truly beautiful theme which it lovely to use.

          Show
          tsala Helen Foster added a comment - Many thanks Barbara and everyone who helped design a truly beautiful theme which it lovely to use.
          Hide
          dougiamas Martin Dougiamas added a comment -

          Hear hear!

          Show
          dougiamas Martin Dougiamas added a comment - Hear hear!
          Hide
          mudrd8mz David Mudrak added a comment -

          ?

          Show
          mudrd8mz David Mudrak added a comment - ?

            People

            • Votes:
              1 Vote for this issue
              Watchers:
              11 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Development