TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Keep your wireframes free of distracting Lorem Ipsum

111 pointsby jpadilla_about 12 years ago

15 comments

greenyodaabout 12 years ago
Judging by the examples, the script fonts appear to have been designed to have realistic characteristics such as uppercase letters and a variety of heights in lowercase letters. But what catches the eye is that none of the characters have descenders (the part of the letter that descends below the baseline of the text, like the bottom of a lowercase "j"). This would make it appear that there's more white space between the lines than required, and detracts from the otherwise realistic shape of the text.
评论 #5271681 未加载
arkitaipabout 12 years ago
Better use actual copy which will allow you to discover the boundaries of your design, e.g. margins, text size, text width, etc.
评论 #5271494 未加载
评论 #5272097 未加载
justjimmyabout 12 years ago
Personally, I find the concept of lorem ipsum or blocked out letters redundant - unless there is indication of what would be there.<p>The most basic wireframes will be just boxes everywhere and I label the boxes, say 'Pricing Plan Feature'.<p>Next iteration, would be wireframe still but all the copy need to be clear and thought out ie: the tag line would be 'Pricing Plan Feature' with a sentence below it like 'Our Plan fits any budget, from $5/month to $100/month' and be in that wireframe.<p>When people wireframe with lorem ipsum/line blocks, giving no indication of what would/is there, it can create assumptions and confusion - for your team mates/clients. If you say it's just for layout, then just use boxes with labels - anything else is just distraction.<p>When I get the copy after the wireframe, it can be frustation to get handed an essay and try to fit it in a space designed for a paragraph.<p>Always design around the content/copy, even at the wireframe stage. Knowing the exact (or close to it) copy/content the better - allowing you to gauge the layout and spacing more accurately.
评论 #5272031 未加载
评论 #5272026 未加载
newishuserabout 12 years ago
The use of Lorem Ipsum is to have a place holder for your typography. With this you're replacing your typography with unrelated glyphs. This is going to make your mock-ups less relevant and is going to be harder to explain to your clients.<p>Also the block font looks extremely heavy, would skew the hierarchy of the page and be pretty distracting.
评论 #5271382 未加载
评论 #5271669 未加载
stephpabout 12 years ago
Hmmm... yeah, I agree with some of the other sentiments here.<p>I personally don't find Lorem Ipsum distracting, and like others have said, think it would be quicker and easier to troubleshoot design issues using real copy. (The no descenders thing especially gets to me.)<p>If Lorem Ipsum is genuinely distracting to other people, though, then to each his own! Glad there's options out there for everyone.
huhtenbergabout 12 years ago
You forgot the blurred version - redacted-quora.ttf
Samuel_Michonabout 12 years ago
Looks familiar...<p><i>"BLOKK is a font for quick mock-ups and wireframing for clients who do not understand latin."</i><p><a href="http://blokkfont.com/" rel="nofollow">http://blokkfont.com/</a>
评论 #5273380 未加载
mmanfrinabout 12 years ago
When I did web design, one of my favorite questions I'd occasionally get from a client was 'Why is my website in latin?'
endianswapabout 12 years ago
What exactly is distracting about Lorem Ipsum? I've never found it distracting, and I've always found it super useful for mocking up layouts that have responsive designs to see how the text moves around.
评论 #5271316 未加载
评论 #5271500 未加载
prolwaysabout 12 years ago
I can see the clients (and these are the same ones who get confused by Lorem Ipsum) complaining that the "font is unreadable".
senorerikabout 12 years ago
A large portion of web design is the use of typography, making this largely counterproductive.
评论 #5271458 未加载
micheljansenabout 12 years ago
Nice, this looks much better than BLOKK.
HunterVabout 12 years ago
Coming from a designer that has worked a lot on magazine/newspaper design this is absolutely helpful. I don't know how many times I've seen Lorem Ipsum be glanced over and almost make it into the final print. This is great!
ZaneAabout 12 years ago
I've created a dead simple Chrome extension that uses Redact Script to block out YouTube comments, <a href="https://github.com/ZaneA/YT-Redact" rel="nofollow">https://github.com/ZaneA/YT-Redact</a>
aedabout 12 years ago
Kind of funny considering that the whole point of Lorem Ipsum was to get rid of the distraction of actual content in the first place.