User:NikosA: Difference between revisions

From GRASS-Wiki
Jump to navigation Jump to search
Line 57: Line 57:
GRASS-Wiki, '''better typography'''!
GRASS-Wiki, '''better typography'''!


[[File:Sample_screenshot_while_working_on_the_custom_css.jpg|center|border|700px|alt=GRASS-Wiki, better typography|GRASS-Wiki,  better typography]]
[[File:Sample_screenshot_while_working_on_the_custom_css.jpg|center|border|800px|alt=GRASS-Wiki, better typography|GRASS-Wiki,  better typography]]




[[File:Sample_screenshot_while_working_on_the_custom_css_2.jpg|center|border|700px|alt=GRASS-Wiki, better typography|GRASS-Wiki,  better typography]]
[[File:Sample_screenshot_while_working_on_the_custom_css_2.jpg|center|border|800px|alt=GRASS-Wiki, better typography|GRASS-Wiki,  better typography]]


==== Elements ====
==== Elements ====

Revision as of 10:58, 16 January 2013

Nikos Alexandris

Other userpages

Userpage at OSGeo's wiki

Contact

nik at nikosalexandris dot net

Scratching ideas for the GRASS-wiki

Various ideas discussed with <http://archi.tect.gr/>

Testing will take place on (...not sure! :-?):


File:Current grasswiki logo.png
The current GRASS-GIS wiki logo... is where?
A slightly altered GRASS-GIS-Wiki logo...
A slightly altered GRASS-GIS-Wiki logo...

GRASS-Wiki native colors

Should GRASS-Wiki pages wear GRASS' native colors?

Or else... ?

Some random example: light grey font-color (#dcdcdc), green border (#4da948)

Also,

  • style the tab-bar to approach the grass-gis website?

Better typography

Review and possibly alter:

  • move ToC on the right, make it fixed! This will "save" some long pages!
  • linespacing (between hierarchy elements!)
  • indentation of code blocks -- might improve readability
  • (non-code) text wrapping -- narrower body text column, easier to read


Some proof-of-clean-typography screenshots

First impressions of a custom css designed by <http://archi.tect.gr/>

Holistic Look & Feel

GRASS-Wiki, better typography!

GRASS-Wiki, better typography
GRASS-Wiki, better typography


GRASS-Wiki, better typography
GRASS-Wiki, better typography

Elements

The very left column is like a Wiki's connection terminal -- it should look and act like that for the user. It should also clearly state GRASS-GIS' identity.

GRASS-Wiki, the main Toolboxes on the left should state GRASS-GIS' robust, clean and open identity
GRASS-Wiki, the main Toolboxes on the left should state GRASS-GIS' robust, clean and open identity


Better typography is not only about aesthetics. It's about readability and making things easier to study. The screenshot below speaks for itself. Hint: the ToC is always accessible, following the user's eyes!

GRASS-Wiki, better typography, ToC follows scrolling down and therefore always visible
GRASS-Wiki, better typography, ToC follows scrolling down and therefore always visible


The Table of Contents is a must have for page-content organisation and navigation. Can it be *always* accessible while not distracting the user from reading when not required? Yes, it can.

GRASS-Wiki, semi-transparent ToC, fixed on the right
GRASS-Wiki, semi-transparent ToC, fixed on the right
GRASS-Wiki, clean ToC when hovering over with mouse pointer, fixed on the right
GRASS-Wiki, clean ToC when hovering over with mouse pointer, fixed on the right


The Categories bar, finally can receive the attention it deserves!

GRASS-Wiki, clean and attractive Categories bar
GRASS-Wiki, clean and attractive Categories bar


Related sources:

Distance between ToC and 1st Section

Match Media-Wiki's bigger distance from ToC to 1st Section!

GRASS-Wiki, distance between ToC and 1st Section
GRASS-Wiki, distance between ToC and 1st Section
Media-Wiki, distance between ToC and 1st Section
Media-Wiki, distance between ToC and 1st Section

Distance between Sections

Seems to be the same, for some reason, anyhow, some lengthy GRASS-pages look overfilled/noisy!

GRASS-Wiki, distance between Sections
Media-Wiki, distance between Sections

The GRASS-Wiki Special Pages are nicely structured, easy to read. Is there, and what exactly, a formatting difference with the "dafault" GRASS-Wiki pages?

Distance between Sections in GRASS-Wiki's Special Pages page
Distance between Sections in GRASS-Wiki's Special Pages page

Various Links