User:Joey

From The Document Foundation Wiki
Jump to: navigation, search

LibO Logo Design

Initial Branding

First of all, the current logo from the initial branding set is not bad, but especially the logo text has several issues that I denoted in the mailing list; for reference, these were the points I citicised:

LibreOffice Initial-Artwork-Logo ColorLogoBasic 500px.png
  1. The "LibreOffice" still has no proper ligatures. From a typographic point of view the text looks cheap.
  2. There is no proper spacing/connection between logo and logo text: For me logo and text look like two distinct parts. There are several reasons for this. The edges on the logo are rounded while the text has sharp ones. The lines of text and logo are not the same width.
  3. I don't like the emboss effect on the "contemporary color" version (while this might be my personal opinion, I still want you to consider that for a second. In my eyes it just looks like a cheap gimp filter added to the normal version).

Also - for reference - my previously improved version: File:Logo.svg

One issue with this file was that the ffi ligature looks too much like a serif font. Also, the letters were set too dense which makes them hardly readable on smaller scales. I'll address these issue in the following steps.

Step-by-Step Improvement

Ligature

LogoImprovementStep1.png

  • The ligature ffi connects the bar of both f's, but not the top part of the first f (as usually done; otherwise the whole ffi would look too dense). Also, the first f is somewhat lowered which makes it easier for the eye to follow the line O-ffi.
  • Two different ligatures can be found below.

Manual Kerning for "LibreOffice"

LogoImprovementStep2.png

  • The ligature ffi connects the bar of both f's, but not the top part of the first f (as usually done; otherwise the whole ffi would look too dense). Also, the first f is somewhat lowered which makes it easier for the eye to follow the line O-ffi.

Manual Kerning for "TDF"

LogoImprovementStep3.png

  • The text line is slightly shorter
  • The 'o' in "Foundation" is moved slighty to the left
  • The whole line looks more evenly spaced

LogoImprovementStep4.png

  • I'm not sure anymore about that (what do you think?)
  • The logo looks more solid and fits better to the 'L' in "Libre" and 'T' in "The" (these letters have sharp edges)
  • Making the upper right edges sharp doesn't look good (I've tried that)

Final Comparison

LogoImprovementComparison.png

Alternative Ligatures

In the follow-up of our discussion in the mailing list, I'd like to present two different ligatures which don't connect the f with the dot on the i. I also restored the round edges of the paper logo.

Alternative 1

Lig1alternative.png

Close-up of ligature

  • first f lowered
  • dot on the i raised to first f's lower line
  • even spacing of letters

NOTE: "even" does not mean "equal". See Alternative 3 for equal spacing (which looks uneven).

Alternative 2

Lig2alternative.png

Close-up of ligature

  • first f raised
  • dot on the i raised

(Note that the slope on the left part of the left f, pointing towards the "O", is way too steep. I'll fix that in a next version.)


Alternative 3

Lig3alt.png

  • same bending on both f's
  • euqual spacing for all three letters
  • dot on the i lowered to match the distance between the upper bar on the f and the i's body

Alternative 5

Ligature5.png

  • no complete ligature, following the original design
  • rest see draft 4 on the voting page

Stuff

ImprovedLogoRender.jpg