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

learn more… | top users | synonyms

49
votes
2answers
10k 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 ...
39
votes
3answers
4k 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 ...
30
votes
9answers
7k 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
4answers
5k 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 ...
25
votes
5answers
29k 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 ...
23
votes
7answers
2k 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 ...
21
votes
5answers
596 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 ...
19
votes
12answers
9k views

White text on black background

Are there any reasons to avoid using white text on a black background?
13
votes
11answers
1k 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 ...
13
votes
10answers
726 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.
12
votes
4answers
937 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 ...
11
votes
3answers
511 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
605 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?
9
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.
8
votes
10answers
3k 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 ...
8
votes
3answers
328 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
5answers
715 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
3answers
615 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 ...
6
votes
5answers
6k 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; ...
6
votes
6answers
222 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
3k 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 ...
5
votes
1answer
331 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
263 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
230 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
2answers
896 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
1answer
141 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
2answers
335 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 ...
4
votes
1answer
211 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
306 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"?
3
votes
3answers
936 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?
3
votes
2answers
251 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
1answer
103 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 ...
2
votes
2answers
565 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
0answers
259 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
2answers
197 views

Best approach for displaying content across a full screen UI design?

While I've become pretty accustomed to designing within responsive grids I wanted to take a stab at creating a full screen interface. One of the more challenging aspects in doing so is dealing with ...
1
vote
0answers
80 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 ...
1
vote
0answers
126 views

Where can i find a great tutorial for Typography? [closed]

I am willing to learn typography and I need to find a tutorial which explains typography particularly in the context of web development and its relationship with usability can somebody point to some ...
1
vote
1answer
75 views

Need to learn the right way to use fonts colors on my site? [closed]

I want to learn web design to make good-looking websites. I have learned CSS, JavaScript, HTML quite well. But I need to be able to choose the right fonts, colors, backgrounds, images, etc. I want to ...
0
votes
1answer
266 views

Should text be bigger on mobile?

Should text be bigger on mobile despite the fact that we're dealing with smaller screen real-estate? Pros: Easier to read while in motion Easier to read under difficult lighting Cons: Requires ...
0
votes
2answers
231 views

Why not to use uppercase everywhere? [duplicate]

Is there a reason other then the possibly historical accidental convention that we use lower-case everywhere instead of the much better UPPERCASE which increases READABILITY and uses the same amount ...
0
votes
2answers
67 views

Using justified type on body copy [duplicate]

I feel like I know the answer to this, but how do you feel about justified type when it comes to common ux principles. My gut tells me not to use it, but I'd like a better reason than that. I'm ...
0
votes
1answer
117 views

What is the research behind Font Awesome? [closed]

I'm using Bootstrap for a site which defaults the use of Font Awesome. So far it looks beautiful, but I started trying to find the reasons why Font Awesome was so awesome so I might compare it to ...
0
votes
2answers
2k views

What's a safe serif font for an eBook read on iPad?

I'm currently working on a document which I expect to be read as a PDF eBook on iPad. The primary font family is Times New Roman which is just fine until it's presented in either italics or bold at ...
0
votes
1answer
139 views

typography standards for presenting web based online reports?

Should the online reports, developed either for internal or external purposes, follow a standard representation method? like, fonts, font size , color of text for heading and body,placement of graphs ...
0
votes
3answers
61 views

Responsive Webdesign: How to reduce headlines, labels etc on smaller devices

I had the special problem, that in a "desktop-first" responsive webdesign project (I know, bad idea.. ), there was a shopping cart-like element in a very narrow column (4 columns in a 12 column total ...
-1
votes
1answer
299 views

Trying to create a decent semi-flat design. Failing [closed]

We hit a snag in our project: We've only got a few weeks till launch and the designer who was to make a skin for our product has not delivered the (very) goods. I took a stab at creating a skin for ...