User:NikosA: Difference between revisions

From GRASS-Wiki
Jump to navigation Jump to search
m (→‎GRASS-Wiki logo: More alternative logograms)
Line 28: Line 28:
{|
{|
|[[File:current_grasswiki_logo.png|thumb|border|center|link=http://grass.osgeo.org/download/logos/|The current GRASS-Wiki logo... is where?]]
|[[File:current_grasswiki_logo.png|thumb|border|center|link=http://grass.osgeo.org/download/logos/|The current GRASS-Wiki logo... is where?]]
|[[File:180px-500px-Grass_GIS.svg_altered.png|thumb|border|center|link=http://grass.osgeo.org/download/logos/|A slightly altered GRASS-Wiki logo...|alt=A slightly altered GRASS-Wiki logo...]]
|[[File:Grasswiki_logogram_suggestion_A_vector.png|thumb|border|center|link=http://grass.osgeo.org/download/logos/|Alternative GRASS-Wiki logogram|alt=Alternative GRASS-Wiki logogram]]
|[[http://grasswiki.osgeo.org/grass-wiki/images/Grasswiki_logogram_suggestion_A_vector.png|thumb|border|center|link=http://grass.osgeo.org/download/logos/|Alternative GRASS-Wiki logogram|alt=Alternative GRASS-Wiki logogram]]
|[[File:Grasswiki_logogram_suggestion_B_vector.png|thumb|border|center|link=http://grass.osgeo.org/download/logos/|Alternative GRASS-Wiki logogram|alt=Alternative GRASS-Wiki logogram]]
|[[http://grasswiki.osgeo.org/grass-wiki/images/Grasswiki_logogram_suggestion_B_vector.png|thumb|border|center|link=http://grass.osgeo.org/download/logos/|Alternative GRASS-Wiki logogram|alt=Alternative GRASS-Wiki logogram]]
|[[File:Grasswiki_logogram_suggestion_E_vector.png|thumb|border|center|link=http://grass.osgeo.org/download/logos/|Alternative GRASS-Wiki logogram|alt=Alternative GRASS-Wiki logogram]]
|[[http://grasswiki.osgeo.org/grass-wiki/images/Grasswiki_logogram_suggestion_E_vector.png|thumb|border|center|link=http://grass.osgeo.org/download/logos/|Alternative GRASS-Wiki logogram|alt=Alternative GRASS-Wiki logogram]]
|[[File:Grasswiki_logogram_suggestion_F_vector.png|thumb|border|center|link=http://grass.osgeo.org/download/logos/|Alternative GRASS-Wiki logogram|alt=Alternative GRASS-Wiki logogram]]
|[[http://grasswiki.osgeo.org/grass-wiki/images/Grasswiki_logogram_suggestion_F_vector.png|thumb|border|center|link=http://grass.osgeo.org/download/logos/|Alternative GRASS-Wiki logogram|alt=Alternative GRASS-Wiki logogram]]
|}
|}



Revision as of 10:28, 26 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! :-?):


GRASS-Wiki styling

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


File:Current grasswiki logo.png
The current GRASS-Wiki logo... is where?
Alternative GRASS-Wiki logogram
Alternative GRASS-Wiki logogram
Alternative GRASS-Wiki logogram
Alternative GRASS-Wiki logogram
Alternative GRASS-Wiki logogram
Alternative GRASS-Wiki logogram
Alternative GRASS-Wiki logogram
Alternative GRASS-Wiki logogram

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)

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