Typography is the art, process, or style of setting type and creating glyphs.

learn more… | top users | synonyms

61
votes
6answers
10k views

Why are calculator screen digits right-aligned?

Is there any logical reason behind digit alignment on a calculator? If yes, can we apply this for visual interfaces of numbers on the web?
61
votes
2answers
16k views

Ideal column width for paragraphs online

There is nothing worse than coming across a website with paragraphs that span the width of your screen resolution. They are usually so hard to read, I don't even bother. A lot of web designers use ...
50
votes
8answers
11k views

Is there a problem with using black text on white backgrounds?

Why do a lot of websites use a text color other than #000000 black when the background is white? For instance, this text will be displayed using a dark grey: .post-text { color: #333; } Have ...
44
votes
5answers
55k views

What is the best color combination for on screen reading?

I work at an airline as a pilot and I am involved in the "paperless" project which aims to have no more paper in the cockpit - all the data should be accessible from tablet devices. We have a lot to ...
42
votes
3answers
5k views

What's the deal with Windows 8 elements with ALL CAPS?

Here's how Microsoft new Windows Azure portal elements look like: and that seems to be "Windows 8 style". Visual Studio 2012 also has plenty of user elements in ALL CAPS. For dozens of years ALL ...
41
votes
9answers
13k views

All capital titles: good or bad?

What is the recommended use for all capitals titles? For example: THIS IS A TITLE. The website http://camvine.com/ has all capital titles, e.g. MARKET SECTORS. Good, bad?
28
votes
5answers
995 views

When displaying statistics to a user, is it better to bold the data or the label?

The following picture shows some statistics. Here they bold the data, not the label. Which is better? Does it depend on the information being shown? What if you have a header on a report with some ...
24
votes
5answers
2k views

How easy to read are small caps vs lower case?

I'm well aware that text in ALL CAPITALS is harder to read than text in lower case or mixed case, for whatever reason. But what about Sᴍᴀʟʟ Cᴀᴘs? With a bit of Googling I can't find any references ...
23
votes
7answers
3k views

Why does Apple use images of text for headers?

I have just noticed that Apple uses images for simple text headings. I guess its to enhance readability but still don't get on why images? Check this - http://www.apple.com/why-mac/ Heading - "Make ...
20
votes
12answers
13k views

White text on black background

Are there any reasons to avoid using white text on a black background?
20
votes
3answers
852 views

Should angle quotation marks be used as arrows?

Angle quotes (a.k.a. guillemets) are often used as arrows in pagination and such. For example, this image is from a pagination example on Bootstrap's site: As a native U.S. English speaker, these ...
15
votes
11answers
2k views

Why is it that all caps text looks like SHOUTING, but all caps handwriting is easier to read?

Specifically for UI -- handwritten mockups, comics, etc are always better all-caps, but the same is never true for printed text. Why is that? Visual Studio 2012's all-caps menus are generally ...
14
votes
4answers
1k views

Difference - Font and Typeface

I would like to know the difference between a font and a typeface. If anyone could please help me. I tried to Google it, but I can't understand that in general, Why the term 'Fonts' is used rather ...
13
votes
10answers
992 views

What are some good books for learning about typography?

I really want to learn the basics of type. However, there are so many books on the subject that I get overwhelmed while searching.
11
votes
3answers
666 views

Labeling a multi-layered bar graph

Question I love Last.fm's bar graph. It allows me to quickly compare how someone plays one song over another. I'm trying to apply the same design to my app. It monitors the health of servers and ...
10
votes
6answers
729 views

Is highlighting important words a good idea?

Is it a good idea to highlight the important words in a text on a web page? What impact does it have on the reader? Does it help to understand the text or does it disturb?
10
votes
10answers
5k views

Should headings always use the same font as the body?

I'm working on some of the layout for a User Handbook and right now my main concern is fonts. I'm trying to decide whether to use the same font for the body text and the headings. If I use different ...
10
votes
4answers
1k views

Different Font Faces in same Web Application

The context here is a web application delivered through the browser. My question is: is it ever okay to have different font faces or a single application? To me it looks obvious but not egregious.
9
votes
5answers
10k views

Why is 13px Arial font the web standard?

If you use any of Google's applications, from search to Gmail you will find the base font used for most things is 13px Arial. font-family: arial, sans-serif; font-size: 13px; ...
8
votes
3answers
344 views

Best way to select a typeface?

What process do you use to select a typeface? How do you determine which types are best for long passages of text, which are best for headlines, etc.?
7
votes
3answers
1k views

Should a logo always be square? [closed]

I want to create a new logo for myself. Because I love typographic logos, I'll create such a logo. The most of the logos I see are square, but for a typographic logo it is sometimes hard to create a ...
7
votes
5answers
917 views

What is the best way to create an eye-catching display of numeric values in a web page?

I am going to design a management level monitoring page for displaying some sums and counts. No interaction is allowed and it will be used as a monitoring page on a big LCD in the managers view. The ...
7
votes
6answers
273 views

What are the strengths and weaknesses of dynamic responsive typography?

By dynamic responsive typography, I mean a system where the type changes in real time based on an external attribute of the environment or the user, without the user explicitly setting it. Here is an ...
6
votes
4answers
2k views

Is it bad practice to use Guillemets (laquo and raquo) on links?

Is it bad practice to use the HTML entities of the guillemets « («) and » (») on links? Originally they're used in many languages like French and Spanish to indicate ...
6
votes
2answers
925 views

Should i line wrap my emails?

When my coworkers send their emails, some would diligently line wrap the body text into lines that are at most, say 78 characters wide, others would use no line break in a paragraph, and the ...
6
votes
4answers
6k views

Which fonts are designed for accessibility and good screen legibility?

Ideally I need something that has been specifically designed for easy reading on displays. Accessibility is key really. Does anyone have a suggestion for a good webfont that looks fairly similar to ...
6
votes
2answers
1k views

What are some good font guidelines for headers, paragraphs, etc. that just look really nice?

One thing I find somewhat difficult is getting the various fonts and sizes and weights to look "just right". What are some good guidelines to follow for font sizes, weights and styles when making web ...
5
votes
2answers
432 views

Serif vs. Sans Serif

For text-heavy pages on the web, is there evidence to suggest that serif fonts are a better option? The studies I've found seem very murky in pointing one way or another indicating that yes, users ...
5
votes
1answer
447 views

What is the name of the technique where an article quotes itself in large text?

This technique comes from print media, and I'm sure that if I'd ever taken a typography class I'd know it. I tried googling but couldn't find anything helpful. What is it called when an article ...
5
votes
4answers
466 views

Why are certain fonts more legible than others?

Given that I have at least basic understanding of typography, I would like to understand what attributes typography designers alter to make text more legible and more pleasing to the eyes? For ...
5
votes
2answers
405 views

What Is Macrotypography?

So far I know only about typography. But now I see somewhere the "macrotypography" word . I don't know what is that how it affects design for web pages?
5
votes
1answer
159 views

What is the optimal vertical margin between paragraphs?

Here on ux.StackExchange they have gaps that are a bit smaller than one line height (~88%), but I’ve read a few times that 100% of the line height provides best readability because it continues the ...
4
votes
3answers
3k views

Ampersand on first or second line?

Should the ampersand be on the first or the second line of a title? Or does it depend on the length of each line?
4
votes
1answer
298 views

Should Font Faces be the Same Across Different Devices?

My company has been working on a fluid grid design for our website so users can access information through their mobile phones and tablets. I was thinking of incorporating a font change on various ...
4
votes
1answer
335 views

Apply the legibility principles to screen reading

How to apply the legibility principles to screen reading? What is important point for it? What is the difference between the "legibility" and "readability"?
4
votes
1answer
117 views

Do the concepts of typographic scale and vertical rhythm apply equally to print media and web apps?

I have been learning about these two fundamental concepts and I see how beneficial they are for print media (including 'digital print' like blogs and webzines.) do these concepts apply equally to ...
3
votes
2answers
345 views

Why are computer keyboard keys printed in Uppercase? [duplicate]

Although many users mostly type lowercase letters, why are all keyboards printed with uppercase letters?
3
votes
2answers
269 views

When can UX best practices be ignored?

I suppose you could rephrase this question as "When can design supersede User Experience?" I've just designed a Nav bar that goes against everything I stand for as a UX Professional, yet I feel I can ...
3
votes
2answers
415 views

Font 'Roboto' mandatory in Google's material design?

Is using the font 'Roboto' mandatory in Google's material design – or can I use different fonts in a material design based website?
3
votes
1answer
112 views

What are factors in the Visual Design of a Language? [closed]

Just to be clear, I'm talking about something like typography, though in most cases typography relates to the redesigning of a set of symbols, not the designing of a set of symbols. I'm guessing that ...
3
votes
2answers
83 views

The Ideal Typographic Measure

If you read a lot about typography, you probably have read that the ideal measure (also called line length) that is recommended is between 45-75 characters (somewhere around 2-3 alphabets) including ...
3
votes
3answers
137 views

Is it a good practise to put Ellipsis on H1

I'm designing this blog web site with big typography, and was wondering, since I could't find a thing on the web about that, if it's a good practise to shorten long titles with Ellipsis. It seems ...
3
votes
2answers
193 views

Should colons be styled in the same way as the preceding label is?

Is it common for designers to style a colon in the same way as the preceding label, even though the following text does not follow this style? For instance, I have the habit of making the colon bold ...
3
votes
0answers
90 views

Should a UI say “My Stuff”, or “Your Stuff”? [duplicate]

I've been getting some different opinions on this question, and wondered if anyone has a well-motivated response. Basically, if I have a part of a website that's called "My something" or "Your ...
2
votes
2answers
842 views

Ascender- and x-height effects on readability

How do ascender-height and x-height affect readability? Does a high x-height in comparison to the ascender height lead to lower readability?
2
votes
4answers
251 views

All Caps in International Design [closed]

I have my own opinions on this but need some arguments when talking with designers. What are the advantages/disadvantages of using caps for all words in mobile application design?
2
votes
2answers
195 views

Best way to convince managers importance of typography

Most designers know that typography has a big influence on design and as well as the most important, readability (which is a big part of ux). But consumers don't know unless they have been told so or ...
2
votes
0answers
319 views

When using Verdana, is it common to use Tahoma for headlines? [closed]

So Verdana looks excellent at small sizes. For big sizes like headlines though, is it common to use Tahoma as a replacement, which I hear is a condensed version of Verdana?
1
vote
5answers
2k views

Basic color scheme for great readability [closed]

Are there any good recommendations for web site color scheme that provide good readability e.g. body text color (body) main heading color (h1) sub heading color(h2, h3 etc) background color border ...
1
vote
4answers
219 views

Handling long text wrapping in multi-level navigation sidebars

This is something that's always bothered me, and short of 'make the text smaller' I've yet to find a real helpful solution to this anywhere. As an example I'm going to be using this admin theme I ...