Anatomie der Buchstaben

Design Tagebuch

Anatomie der Buchstaben

Zu Studienzeiten bin ich an den Setzkästen in der Druckerei unserer FH lediglich vorbeigegangen, voller Demut für das Handwerk, aber auch mit großer Erleichterung, da mein Schwerpunkt im Studium die Arbeit am Computer sein sollte. Mit DTP wurde der Schriftsatz revolutioniert und vereinfacht. Beim Entwerfen von und beim Arbeiten mit Schriften bedienen wir uns aber immer noch der ursprünglichen Begriffe.

Dieser Artikel ist losgelöst von den tagesaktuellen Themen. Er ist als Typografie-Basiswissen gedacht und vor allem auch als Mitmachwerk, denn vollständig wird die Liste erst, nachdem die aufgeführten Begriffe und ihre grafische Aufbereitung kritisch von allen Seiten beäugt werden. Sicherlich gibt es noch den ein oder anderen Begriff, der in diese Liste gut hineinpasst.

Dargestellt sind in diesem Artikel die beim Schriftentwerfen zu gestaltenden Elemente der Buchstaben. Beim Satz spricht man von den „druckenden Teilen“. Im Gegensatz zur Makrotypografie, bei der es etwa um den Satzspiegel oder der Schriftgröße geht, wird in dieser Auflistung der Bereich der Mikrotypografie oder Detailtypografie behandelt.

Unter allen Lesern, die per E-Mail an anatomie-der-buchstaben {ät }designtagebuch.de einen konstruktiven Hinweis schicken, wird ein Exemplar „Anatomie der Buchstaben“ aus dem Verlag Hermann Schmidt, der 232 Seiten starken Anregung zum Typedesign, im Wert von 68 € verlost.

Danke an alle, die diese Liste komplettieren und verfeinern möchten und Danke auch an jene, die eine ähnliche Zusammenstellung ins Netz gestellt haben.

Anatomie der Buchstaben | A – Z

  • Abstrich

    Abstrich / Grundstrich

    Nach unten geführter Strich.

  • Anstrich

    Anstrich

    Schräg und horizontal. Auch „Nase“, „Ansatz“ oder „Dachansatz“ genannt.

  • Arm

    Arm

    Horizontale Linien bei Großbuchstaben.

  • Aufstrich

    Aufstrich

    Nach oben geführter Strich. Die dünste Linie im Buchstaben nennt man zudem „Haarstrich“.

  • Auslauf

    Auslauf

    Endung eines Buchstabens.

  • Bauch

    Bauch

    Rundung der Buchstaben innerhalb der Mittellänge beim d, b, p und q.

  • Bein

    Bein

    Abstrich am K, k und R.

  • Bogen

    Bogen

    Bezeichnet ebenfalls eine Rundung der Buchstaben etwa beim P, B oder D.

  • Cauda

    Cauda

    Abstrich am Q. Lateinischer Begriff für „Schwanz“.

  • Deckstrich

    Deckstrich

    Horizontale Linie beim T, Z und z.

  • Diagonale

    Diagonale

    Schräge Verbindung im Z und N.

  • Dickte

    Dickte

    Breite eines Buchstabens, inklusive der Vor- und Nachbreite. Der nichtdruckende Teil einer Drucktype nennt man zudem Fleisch.

  • Endstrich

    Endstrich

    Abschluss: schräg, wie beim u oder rund wie beim a.

  • Fähnchen

    Fähnchen

    Häkchen am g. Auch „Ohr“ genannt.

  • Fuß

    Fuß

    Unterer Bereich des Abstrichs z.B. am R.

  • Grundlinie

    Grundlinie

    Horizontale Achse zwischen der Mittellänge und der Unterlänge.

  • Hals

    Hals

    Auch „Schaft“ genannt.

  • Kegel

    Kegel / Kegelhöhe

    Die Schriftgröße leitet sich vom Kegel und seiner Höhe ab. Bleisatz-Letter

  • Kehlung

    Kehlung

    Innerer Bogen der Serife. Auch „Serifenrundung“ genannt.

  • Kurve

    Kurve

    Kehre im großen und kleinen S sowie in der 8.

  • Ligatur

    Ligatur

    Verbindung von zwei oder mehreren Buchstaben zu einer Einheit.

  • Majuskel

    Majuskel

    Großbuchstaben.

  • Minuskel

    Minuskel

    Kleinbuchstaben.

  • Mittellänge

    Mittellänge

    Mittlerer Teil eines Buchstabens. Auch „x-Höhe“ genannt.

  • Mittellinie

    Mittellinie

    Horizontale Achse zwischen der Oberlänge und der Mittellänge.

  • Oberlänge

    Oberlänge

    Oberer Teil eines Buchstabens.

  • Punze

    Punze

    Teilweise oder vollständig geschlossene Innenfläche eines Buchstabens.

  • Punkt

    Punkt

    Kreisfläche beim i, j und bei den Umlauten.

  • Querstrich

    Querstrich

    Horizontale Linie etwa beim A oder beim H. Die dünste Linie im Buchstaben nennt man zudem „Haarstrich“.

  • Schattenachse

    Schattenachse

    Achse zwischen den Stellen mit der geringsten Strichstärke.

  • Scheitel

    Scheitel

    Wendepunkt, an dem Aufstrich und Abstrich zusammenlaufen.

  • Schenkel

    Schenkel

    Jeweils gegenüberliegende Linien.

  • Schleife

    Schleife

    Geschlossener oder teilweise geschlossener unterer Bereich eines g. Auch „Schlinge“ genannt.

  • Schulter

    Schulter

    Obere Rundung etwa beim m, n, a und h.

  • Schweif

    Schweif

    Bei Script Schriften als verzierendes Element. In Antiqua-Schriften beim t, y und j zu finden.

  • Serife

    Serife

    Serifen sind häkchenartige Enden. Links ist eine Halbserife dargestellt, die man nur bei Großbuchstaben findet.

  • Sporn

    Sporn

    Serifen sind häkchenartige Enden. Links ist eine Halbserife dargestellt, die man nur bei Großbuchstaben findet.

  • Stamm

    Stamm

    Senkrechte und zugleich stärkste Linie innerhalb eines Buchstabens.

  • Steg

    Steg

    Verbindende Linie, die von der Schleife bis zur Grundlinie am g verläuft.

  • Taille

    Taille

    Runde Verdickungen etwa beim a, g, c, j oder e (seltener).

  • Tropfen

    Tropfen

    Runde Verdickungen etwa beim a, g, c, j oder e (seltener).

  • Unterlänge

    Unterlänge

    Unterer Teil eines Buchstabens.

  • Versalhöhe

    Versalhöhe

    Höhe einer Majuskel.

Weiterführende Angebote zum Thema Typografie

Blogs zum Thema Typografie

Sent with Reeder

Sent from my iPhone

How HTML5 Will Change the Way You Use the Web [Web Browsing]

via Lifehacker by Kevin Purdy on 12/1/09

Firefox and Safari partially support it, Google's Wave and Chrome projects are banking on it, and most web developers are ecstatic about what it means. It's HTML5, and if you're not exactly sure what it is, here's an explainer.

Image taken from Bruce Lawson's fantastic HTML5 presentation.

What is HTML5? Some kind of really fancy link tag?

HTML5 is a specification for how the web's core language, HTML, should be formatted and utilized to deliver text, images, multimedia, web apps, search forms, and anything else you see in your browser. In some ways, it's mostly a core set of standards that only web developers really need to know. In other ways, it's a major revision to how the web is put together. Not every web site will use it, but those that do will have better support across modern desktop and mobile browsers (that is, everything except Internet Explorer).

What Awesomeness can I expect from HTML5?

The big, marquee changes in HTML5 have already made some headlines, thanks to browser makers like Google, Apple, Mozilla, and others picking them up and implementing them. The shortlist:

  • Offline storage: Kind of like "Super Cookies," but with much more space to store both one-time data and persistent app databases, like email. Actually, you can think of offline storage as something a lot like Google Gears—you just won't need to install a plug-in to reap the benefits.
  • Canvas drawing: Sites can mark off a space on a page where interactive pictures, charts and graphs, game components, and whatever else imagination allows can be drawn directly by programming code and user interaction—no Flash or other plug-ins required.
  • Native video and audio streaming support: It's in the very early stages and subject to format disruption, but sites like YouTube and Pandora could one day skip Flash entirely to bring you streaming audio and video, with timed playback and other neat features.
  • Geolocation: Just what it sounds like, but not limited to a single provider's API or browser tool. HTML5 can find your location and use it to tailor things like search results, tag your Twitter updates, and more. Location-aware devices are a big deal.
  • Smarter forms: Search boxes, text inputs, and other you-type-here fields get better controls for focusing, validating data, interacting with other page elements, sending through email, and more. It may not sound that sexy, but it could mean less annoyance as a user, and that's always a good thing.
  • Web application focus: Without breaking down the hundreds of nuts and bolts, it's fair to say that HTML5 is aimed at making it easier to build wikis, drag-and-drop tools, discussion boards, real-time chat, search front-ends, and other modern web elements into any site, and have them work the same across browsers.

Where can I see HTML5 in action?

Ooh, good question!

From this page right here, with a soon-to-be-optional-maybe-Flash, you can check out these video demonstrations:

Google I/O 2009 Keynote, pt. 1

Firefox 3.5 Treats Videos Like Web Pages:

If you're running an up-to-date version of Firefox, Safari, Chrome, or Opera—or, basically, any regularly updated browser besides Internet Explorer—give these links a shot.

HTML5 Demos: Huge list of capability demonstrations, gracefully compiled by Remy Sharp.

Welcome to Safari: Written entirely with HTML5 and CSS 3.

YouTube in HTML5: No Flash required at all (for Chrome and Safari only, at this point).

Canvas drawing and audio

Neat interactive site that shows tweets from folks who are digging on HTML5, with streaming background audio and interactive data pieces.

Why is it being pushed? Don't Flash and JavaScript already work?

Make no mistake, HTML5 has much love for JavaScript and its many relatives—in fact, the new markup standards make it easier for JavaScript-type code to point at, and pull from, pieces of each web page. As for Flash, and Silverlight, and other browser plug-ins, well, they are artificial solutions for a natural problem that HTML5 is trying to fix: Placing and managing interactive elements on a web page.

Besides being a major source of browser memory leaks and crashes, Flash and its brethren also doesn't work on every platform, and has to be re-written and adapted for every new one. If you're looking to make a clever application available to as many people as possible, a write once, use everywhere system is ideal. When more browsers and developers support HTML5's audio, video, and interaction standards, the idea of the web as the universal app store—for smartphones, for desktops and laptops, Windows, Mac, and Linux—gets closer to reality.

Apple tried to pitch this mentality to developers with their first iPhone release. That pronouncement was, to put it mildly, roundly mocked. Since then, webapps have become a lot more powerful and respectable as mainstays of productivity, and enthusiasm for the walled garden model of application markets has waned quite a bit in the minds of an increasing number of developers.

That's not to say that HTML5-powered web applications, with their lack of serious local storage, hardware access, and serious offline capabilities, are going to make the iPhone App Store, the Android Market, or the desktop software we're all used to obsolete. But look at how Chrome is positioning its Chrome OS for netbooks, which relies on HTML5 for offline storage: A secondary computer, in terms of hard-and-fast capabilities, but one you might use just as often, if not more, for the web-connected convenience.

How will HTML5 makes its way onto my web?

HTML5 isn't a software release, or a web development law. It's a voted-upon and group-edited standard, written in broad fashion to accommodate different styles of development and the different thinking among web browser makers.

Put more simply, it depends on what you're using to surf. And what standards your web makers are following.

Firefox, Safari, and Chrome on the desktop support a few of the styles and features outlined in HTML5's draft specifications, like offline storage, canvas drawing, and, most intriguingly, tags for audio and video that allow sites to stream multimedia files directly into a browser. Apple's Safari for iPhone and the Android browser also support elements of HTML5, as does Opera Mobile. Want to know the nitty-gritty of where your browser stands on HTML5? Web geeks have put in the time to put it all in a Wikipedia chart.

Those audio and video tags aren't quite as liberating as they may seem. The writers of the HTML5 standard—Ian Hickson of Google and Davd Hyatt of Apple—wanted to define a single, standardized format for video streaming, but while their employers favor the H.264/MPEG-4 standard, open-source firms like Mozilla can't abide by its patent "encumbrance," and Opera and other web firms don't particularly love the licensing costs. Their alternative is Theora, better known (relatively) as Ogg Theora. As it stands, HTML5 simply doesn't require or suggest a single container format or codec to use, which could mean browser-by-browser differences down the road. Ars Technica has a good explainer on the HTML5 video codec debate.

Further reading


If you're already savvy with HTML5, what differences or improvements would you point out that we left out? Tell us what HTML5 means to you, and your browser, in the comments.

Twitter unveils new mobile version

via The Unofficial Apple Weblog (TUAW) von Mike Schramm am 03.12.09

Filed under: , ,

It's probably fair to say that Twitter clients were the first "killer app" category for the iPhone -- Twitterific lead the charge way back when, but Tweetie came quickly after and then the flood gates were opened. But now, a late and unexpected challenger has entered the ring: Twitter themselves. Mashable has the screenshots -- Twitter has always had a slimmed-down mobile client (and it's still up right now at m.twitter.com, while the new preview is at mobile.twitter.com), but this one's a little shinier, with almost all the features and graphics of the main site.

A few things didn't make it -- you can't skin your page as you can in the browser client (although none of the third-party clients that I know allow you to do that from the mobile client either). And lists are missing as well, though perhaps that's because Twitter doesn't quite consider them ready for prime time yet. Still, it's a definite improvement from the other mobile version, and the official blog on the subject says that they still have lots of visitors, despite all the other third-party clients out there.

TUAWTwitter unveils new mobile version originally appeared on The Unofficial Apple Weblog (TUAW) on Fri, 04 Dec 2009 00:00:00 EST. Please see our terms for use of feeds.

Read | Permalink | Email this | Comments

Optionen:

Neuer Google-Coup: Navi-Mammuts sind vom Aussterben bedroht


Sent to you via Google Reader

Neuer Google-Coup: Navi-Mammuts sind vom Aussterben bedroht

Sie haben 2500 Euro für das Navi-System in ihrem Auto ausgegeben? Kann man machen, muss man aber nicht. Denn der Markt für die Orientierungshelfer gerät ins Rutschen. Newcomer werden brutal unter Druck gesetzt - und der Gigant Google könnte am Ende als Sieger dastehen.

Von meinem iPhone gesendet

Google Chrome OS available as free VMWare download

Sent to you via Google Reader

Google Chrome OS available as free VMWare download

Seriously, how awesome have the past few hours been? Engadget turns the design stakes up to 11, Google finally dishes the dirt on Chrome OS, and now you can even download the forthcoming software to have a fiddle with yourself. It's completely free, though you'll need VMWare running atop a Windows, Linux or OS X installation to make the magic happen. Naturally, we've been considerate enough to provide download links for everything you'll require at the source below, so get those fingers clicking. We've already successfully installed the browser-based OS and will soon be sharing our own hands-on thoughts, but if you beat us to it, spill your insight in the comments below. We do read 'em, you know.

Google Chrome OS available as free VMWare download originally appeared on Engadget on Fri, 20 Nov 2009 01:44:00 EST. Please see our terms for use of feeds.

Permalink   |  sourcegdgt, VMWare  ||

Von meinem iPhone gesendet

Facebook Pokes XMPP. MSN, Yahoo & AIM Better Watch Out

via GigaOM by Om Malik on 11/5/09

facebookchat.gifThe instant messaging world should prepare for a major quake — thanks to Facebook, which seems to be all set to launch a new connection interface that would allow Facebook Chat to work with any kind of XMPP client.

The news of this development was first reported by Mickaël Rémond on the company blog of Process One, a Paris-based messaging startup. “It now seems the launch is close as the XMPP software stack has been deployed on chat.facebook.com,” writes Rémond, who is a leading expert on instant messaging and ejabberd and is an active member of the XMPP Standard Foundation.

About a year-and-a-half ago, Facebook had announced that it would build “a Jabber/XMPP interface for Facebook Chat” and that “users will be able to use Jabber/XMPP-based chat applications to connect to Facebook Chat to” communicate, check their friends’ profiles, and set their statuses.

Extensible Messaging and Presence Protocol, or XMPP, has surely become the de facto standard for messaging and presence. After a big push from Google Talk, XMPP is going to get the next major push from Facebook. The world’s largest social-networking service, with over 350 million subscribers, is about to launch the XMPP connection interface. That will allow users to use Facebook Chat with any XMPP client — whether on the desktop or mobile. A good example of how this works is Adium, a popular open-source IM client that allows you to communicate with disparate IM networks. The latest version of Adium supports Facebook Chat.

Why is this news disruptive? Simple: Until now, in order to use Facebook Chat to communicate, one needed to be logged into the Facebook web site or mobile service. However, if the chat can be accessed on any device regardless of whether you are logged into Facebook’s web site, the usage of that IM is only going to increase. This would, in turn, mean tough times for older IM networks such as AOL’s AIM and Microsoft’s MSN.

To understand why independent Facebook Chat on the web (and on the wireless networks) is disruptive, just take a look at its amazing rise. It was prototyped in January 2007 at a Hackathon and become a real project in the fall of 2007 with four engineers. In April 2008, the service went live for consumers and was available to 70 million Facebook users at the time. As of September, nearly a billion user messages were being exchanged every day with 1GB traffic at its peak, according to a presentation made by the Facebook development team at a conference in Edinburgh in September.

howfacebookchatworks.gif

The Google Phone Is Very Real. And It’s Coming Soon

via TechCrunch by Michael Arrington on 11/17/09

The debate over Droid v. iPhone rages on, but lots more Android surprises are on the way. Get ready for the Google Phone. It’s no longer a myth, it’s real.

The next “super” Android device will almost certainly be a HTC phone that’s much thinner than even the Droid or iPhone – The Dragon/Passion. This is the phone the senior Android guys at Google are now carrying around and testing, at least as of a couple of weeks ago. If you’re willing to give up the Droid’s keyboard, the Dragon/Passion is going to be a really cool phone. It should be fully available very soon.

But it isn’t the Google Phone. Everything up until now has just been a warm up to the Google Phone.

Way more interesting are the rumors we’ve been hearing for months about a pure Google-branded phone. Most of our sources have unconfirmed information, which we describe below. But there are a few things we have absolutely confirmed: Google is building their own branded phone that they’ll sell directly and through retailers. They were long planning to have the phone be available by the holidays, but it has now slipped to early 2010. The phone will be produced by a major phone manufacturer but will only have Google branding (Microsoft did the same thing with their first Zunes, which were built by Toshiba).

There won’t be any negotiation or compromise over the phone’s design of features – Google is dictating every last piece of it. No splintering of the Android OS that makes some applications unusable. Like the iPhone for Apple, this phone will be Google’s pure vision of what a phone should be.

That’s it for confirmed, super-high confidence information, which frankly isn’t a whole lot more than we all heard back in late October. But we also have a few more details as well that we’ve gathered from a number of sources. Everything that follows we still consider to be just well-sourced rumors:

One source told us that HTC, a Taiwanese company, is building the new Google phone, but we think that information is incorrect. We have some fairly good information that suggests Google is working with a Korean phone manufacturer on the Google phone – LG or Samsung (we mentioned this on CrunchGear earlier this week). Samsung has multiple parts in the iPhone and could be pressured by Apple not to work with Google, which says LG is the more likely partner for Google. So rumors like this one may be much more important than they first appear. But either way, the best information we have right now points directly at Korea as the birthplace of the Google Phone.

We’ve also heard from a good source that Google is planning a big advertising push around the device early next year – like January.

That’s all we have for now. We don’t yet know what the device will look like, how big it will be, or even if it has a physical keyboard. But we do know that Google is getting into the phone building business directly, and doesn’t seem too concerned about competing with all the other device manufacturers building Android phones.

Update: The Google Phone may be a data only, VoIP device.

Crunch Network: CrunchGear drool over the sexiest new gadgets and hardware.

Mystery Of Droid Autofocus Conspiracy Solved (For Reals This Time)


Mystery Of Droid Autofocus Conspiracy Solved (For Reals This Time)

The problem: users have complained about the autofocus feature on the Droid since day one. As in, it didn’t work (video). Last night I wrote that some users found a fix – clean the lens. It turns out that probably didn’t do a darn thing.


But there were even better conspiracy theories out there, such as Engadget’s idea of a secret software update, which quickly spread around the Internet.


It turns out that wasn’t true, either. And we’ve confirmed that there’s no such thing as a secret software update on Android phones anyway, at least according to people at Google. Updates, even security updates, must be approved for installation by the user.


So what was the real reason for the problem, and the fix? Well, it fixed itself. The problem, as MobileCrunch duly noted, was an issue with the phone’s timestamp: “According to Google Engineer Dan Morrill, there is an unfortunate bug in the Droid’s autofocus routine. It improperly rounds a timestamp used in the calculations, which somehow throws the entire focusing process off. Today it works, and tomorrow it will work…but 24.5 days from now, the bug will be back.”


But by the time the problem cycles back again, Verizon will have pushed out a fix for the problem.


As we say around the office, Android is freedom from the iPhone. But sometimes that freedom feels a little bit like this:


[YouTube Video]


Crunch Network: CrunchBase the free database of technology companies, people, and investors




Von meinem iPhone gesendet

Adobe Releases Flash Player 10.1 And AIR 2.0 - Both Include Multi-touch Support (Robin Wauters/TechCrunch)


Sent to you via Google Reader

Adobe Releases Flash Player 10.1 And AIR 2.0 - Both Include Multi-touch Support (Robin Wauters/TechCrunch)


Robin Wauters / TechCrunch:

Adobe Releases Flash Player 10.1 And AIR 2.0 - Both Include Multi-touch Support  —  A mere week after Adobe Systems reported that it would be shedding nearly 700 employees or 9% of its total worldwide workforce, the company is releasing two highly anticipated new products that have been in the works …

Von meinem iPhone gesendet