Difference between revisions of "User:NikosA"

From GRASS-Wiki
Jump to: navigation, search
m (Scratching ideas for the GRASS-wiki)
m (Some proof-of-clean-typography screenshots: re-structuring, proposed Customising Look & Feel screenshots)
Line 53: Line 53:
 
''First impressions of a custom css designed by <http://archi.tect.gr/>''
 
''First impressions of a custom css designed by <http://archi.tect.gr/>''
  
 +
==== Holistic Look & Feel ====
 +
 +
[[File:Sample_screenshot_while_working_on_the_custom_css.jpg|frame|alt=GRASS-Wiki, better typography, ToC follows scrolling down and therefore always visible|GRASS-Wiki,  better typography, ToC follows scrolling down and therefore always visible]]
 +
 +
[[File:Sample_screenshot_while_working_on_the_custom_css_2.jpg|frame|alt=GRASS-Wiki, better typography, ToC follows scrolling down and therefore always visible|GRASS-Wiki,  better typography, ToC follows scrolling down and therefore always visible]]
 +
 +
 +
==== 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.
 
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.
Line 82: Line 90:
  
 
* http://www.kaikkonendesign.fi/typography/section/1
 
* http://www.kaikkonendesign.fi/typography/section/1
 
  
 
=== Distance between ToC and 1st Section ===
 
=== Distance between ToC and 1st Section ===

Revision as of 03:45, 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, ToC follows scrolling down and therefore always visible
GRASS-Wiki, better typography, ToC follows scrolling down and therefore always visible
GRASS-Wiki, better typography, ToC follows scrolling down and therefore always visible
GRASS-Wiki, better typography, ToC follows scrolling down and therefore always visible


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


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

Various Links