Tumblelog by Soup.io
Newer posts are loading.
You are at the newest post.
Click here to check if anything new just came in.

September 15 2011

www.ccs.neu.edu

How to design class: object-oriented programming and computing

September 11 2011

May 05 2011

March 18 2011

Type study: Typographic hierarchy « The Typekit Blog

Workers of the web are familiar with establishing a hierarchy through markup by using tags like <h1> and <em>, but what of the aesthetics of it? On the web, a large chunk of our content is text. This means it’s important to understand how to reinforce this hierarchy typographically. A clear understanding of hierarchy results in more beautiful, meaningful, and communicative designs that better serve their audience.

January 05 2011

wordmark.it

A beautiful tool that lets you easily choose the right font without browsing your font library.

September 30 2010

Features

The Type1 format where 256 characters are assigned to keys on our keyboard, is becoming a thing of the past. We now design and produce OpenType fonts which can consist of thousands of characters — additional ligatures, various figure sets, small caps, stylistic alternates, … — referred to as glyphs. With these many sets of glyphs integrated in a single font, we are faced with the challenge of including definitions instructing the applications we're using when to show which glyph. Simply adding a glyph with a ligature to your font doesn’t mean the program you’re using knows when or how to apply it. Whether you want your typeface to change the sequence of f|f|i into the appropriate ligature or want to use old-style figures instead of tabular, you’ll need to add features to your font — glyph substitution definitions — to make it happen.

September 29 2010

6 Tips for Designing with Lines | Design Shack

Today we’re going to look at one of the simplest possible design elements: a line. We’ll learn how to wield lines properly as well as what to avoid when implementing them.

Adding a few simple lines to a design can bring structure and graphical flair to an otherwise boring design. It’s a dead simple trick that, when used effectively, has the effect of adding a layer of finish your design.
Reposted byMadMaid MadMaid

September 02 2010

Why Users Fill Out Forms Faster With Top Aligned Labels | UXMovement.com

Imag­ine a user who is really excited about your prod­uct or ser­vice. They’re ready to sign up, so they go to your form page and start fill­ing out their infor­ma­tion. The way you align your labels with your form fields can affect how easy it is for users to fill out the form. Do you want to give users a quick, easy and pain­less expe­ri­ence or do you want to give them a has­sle? If you want to make their expe­ri­ence quick, easy and pain­less, con­sider using top aligned labels for your form fields.

August 16 2010

August 13 2010

Dario Taraborelli: The Beauty of LaTeX

There are several reasons why one should prefer LaTeX to a WYSIWYG word processor like Microsoft Word: portability, lightness, security are just a few of them (not to mention that LaTeX is free). There is still a further reason that definitely convinced me to abandon MS Word when I wrote my dissertation: you will never be able to produce professionally typeset and well-structured documents using most WYSIWYG word processors. LaTeX is a free typesetting system that allows you to focus on content without bothering about the layout: the software takes care of the actual typesetting, structuring and page formatting, producing documents of astonishing elegance.

Dario Taraborelli: The Beauty of LaTeX

There are several reasons why one should prefer LaTeX to a WYSIWYG word processor like Microsoft Word: portability, lightness, security are just a few of them (not to mention that LaTeX is free). There is still a further reason that definitely convinced me to abandon MS Word when I wrote my dissertation: you will never be able to produce professionally typeset and well-structured documents using most WYSIWYG word processors. LaTeX is a free typesetting system that allows you to focus on content without bothering about the layout: the software takes care of the actual typesetting, structuring and page formatting, producing documents of astonishing elegance.

August 10 2010

Fontblog | Technik, Design und Erotik der FF-DIN-Rundschrift

Bevor sich Fontblog am kommenden Freitag für zwei Wochen in den Urlaub verabschiedet, möchte ich noch eine etwas ausführlichere Schriftgeschichte erzählen, die mir am Herzen liegt – als Naturwissenschaftler und Typograf. Dabei versuche ich die Sachverhalte so exakt wir nötig und so unterhaltsam wie möglich darzulegen, denn es geht um eine der schönsten Sachen der Welt … um Rundungen. Motorradfahrer assoziieren etwas anderes mit ihnen als Schriftentwerfer, verliebte Menschen wiederum widmen sich ihnen auf andere Art als Straßenbauer. Und doch geht die Faszination aller auf eine gemeinsam Eigenschaft jener weichen Kurven zurück, der ich heute auf den Grund gehen möchte.

Fontblog | Technik, Design und Erotik der FF-DIN-Rundschrift

Bevor sich Fontblog am kommenden Freitag für zwei Wochen in den Urlaub verabschiedet, möchte ich noch eine etwas ausführlichere Schriftgeschichte erzählen, die mir am Herzen liegt – als Naturwissenschaftler und Typograf. Dabei versuche ich die Sachverhalte so exakt wir nötig und so unterhaltsam wie möglich darzulegen, denn es geht um eine der schönsten Sachen der Welt … um Rundungen. Motorradfahrer assoziieren etwas anderes mit ihnen als Schriftentwerfer, verliebte Menschen wiederum widmen sich ihnen auf andere Art als Straßenbauer. Und doch geht die Faszination aller auf eine gemeinsam Eigenschaft jener weichen Kurven zurück, der ich heute auf den Grund gehen möchte.
Reposted byanthemurfin

June 14 2010

Readability - An Arc90 Lab Experiment

Readability — An Arc90 Laboratory Experiment

Readability is a simple tool that makes reading on the Web more enjoyable by removing the clutter around what you're reading. Follow the steps below to install Readability in your Web browser.

January 21 2010

January 11 2010

finkregh

Viele Webdesigner beachten inzwischen den immer noch zutreffenden Ratschlag »Mehr Weißraum! Mehr Zeilenabstand!«

Das ist eine gute Sache und dient der ästhetischen Qualität im Netz.

Manchmal jedoch wird des Guten zuviel getan, und ganz besonders gerne sieht man das bei Headlines ab etwa 24 Pixel Schriftgrad. Zum Beispiel hier beim Webwork-Magazin:

WWM

Das Problem hierbei ist nicht unbedingt nur der große Zeilenabstand in der Headline, sondern vor allem, dass unterhalb einer mehrzeiligen Headline eine Zeile mit Meta-Informationen platziert wird. Der Abstand von Headline zur »Metazeile« ist jedoch geringer(!) als der Abstand zwischen den einzelnen Headline-Zeilen. Und das wirkt visuell sehr seltsam: Durch das Gesetz der Nähe begreift man die letzte Zeile der Headline und die Metazeile als eine Einheit. Durch das Gesetz der Ähnlichkeit hingegen sieht man die gesamte Headline als eine Einheit. Und je nach persönlicher Ausprägung wechseln diese Wahrnehmungen ständig hin und her.

Deshalb: Klare Verhältnisse! Dinge, die zusammen gehören, kompakt zusammenfassen und andere Informationsebenen klar genug abtrennen. Ein Zeilenabstand von 1.5em ist zwar für den Fließtext eine gute Wahl, aber bei großen Headlines tun es oft sogar nur 1em oder 1.2em.

praegnanz.de: Zuviel Abstand ist manchmal unschön

December 26 2009

Anti-Grain Geometry - Texts Rasterization Exposures

Joel Spolsky in his article “Font smoothing, anti-aliasing, and sub-pixel rendering” [1] compares Microsoft and Apple ways of text rendering and explains why windows people don't like Safari. Text in Safari looks too blurry and that must be why. I want to go further and sum up my experience and observations about it. I'm not an expert in digital typography, but I “have something to say”. At least, some ideas may be useful for the GNU/Linux community.
Reposted bysicksin sicksin

November 29 2009

Eine erfolgreiche Kampagne?

Anti-Minarette-Plakat

Die Anti-Minarett-Kampagne der rechts-populistischen Volkspartei SVP spaltet die Schweiz. Basel und Lausanne hatten den Aushang der Plakate verboten, Genf und St.Gallen ließen sie aufhängen. Die Wähler der Schweiz stimmten heute mit einer Mehrheit von 57% für ein Verbot weiterer muslimischer Gebetstürme. Ob sie alle wussten, dass es in der Schweiz gerade einmal vier Minarette gibt?

Gut möglich, dass bei einer Kampagne, die sich in der Gestaltung der Stilmittel der Nationalsozialisten bedient, der Inhalt in den Hintergrund tritt. Das Motiv nährt Vorurteile und schürt Ängste. Minarette, die aussehen, als wären sie in den Boden gestellte Pershing-Raketen sind nicht grenzwertig, sie überschreiten die Grenze.

Muss eine Demokratie den Aushang dieses Motivs dulden oder muss sie die Veröffentlichung verhindern? Genau hier gibt es offensichtlich keine Einigkeit. Wichtig ist, dass man die Bildsprache, die sich ganz bewusst an dem Erscheinungsbild der Nationalsozialisten orientiert, richtig deutet. Wie wäre die Wahl wohl ausgegangen, hätte die SVP CD-konform gehandelt und ein in grün gehaltenes und dadurch deutlich freundlicher wirkendes Plakatmotiv gewählt?

Older posts are this way If this message doesn't go away, click anywhere on the page to continue loading posts.
Could not load more posts
Maybe Soup is currently being updated? I'll try again automatically in a few seconds...
Just a second, loading more posts...
You've reached the end.

Don't be the product, buy the product!

Schweinderl