Вольный перевод статьи на замечательном сайте Webdesignerwall, с моими комментариями и замечаниями.
Итак, что бы ваш текст было удобнее читать, нужно превратить его из серой однородной массы в “золушку”, а именно использовать цвета, шрифт, пространство между строк, чтобы визуально выделить основные элементы и сделать чтение комфортным. Все это, как вы уже догадались, приведет к повышению уровня юзабилити сайта.
Правило 1. Используйте разный размер шрифта.
Для заголовков это теги h1 h2 и font-size не меньше 20px. Увеличиваем размер ( и толщину соответственно) заголовка – делаем его важнее. Самые главные заголовки выделяют тегом h1.
Уменьшаем – делаем менее значимым.
Правило 2. Тип шрифта.
Используйте разный тип шрифта. Например заголовок шрифтом с засечками, текст – без.
Набор шрифтом для web достаточно ограничен, поэтому можно использовать Photoshop и с помощью
- CSS вставить картинку с текстом в background, вместо самого текста
- Использовать Flash, Javascript+Flash = любой шрифт динамически.
Правило 3. Цвета
Используйте цвета, для букв, для ссылок, для заголовков.
Правило 4. Cases – или по-русски использование букв в верхнем регистре или просто больших букв.
подходит для небольшого текста, избегайте использовать для длинных фраз
Правило 5. Стиль и декорирование.
Не выделяйте текст подчеркиванием, это путает пользователя. Ведь он привык видеть подчеркнутыми ссылки. Можно выделить курсивом текст, можно увеличить шрифт, использовать тег <strong>.
Правило 6. Использование цитаты.
Для цитирования есть тег blockquote. Его можно применять как по прямому назначению, вставить цитату, так и для выделения важной части параграфа визуально, с помощью цвета и отступов.
Правило 7. Использование пространства – между букв, строк, параграфоф.
- Расстояние между блоками – регулируется padding, margin
- Расстояние между параграфами – регулируется padding, margin
- Расстояние между букв (Tracking) –
letter-spacing - Расстояние между строк (Leading)-
line-height - Отступы (Indentation) -
paddingormargin, blockquote
В итоге общая картинка должна выглядеть так
Related posts:
Хорошая статейка, я в принципе этих правил и придерживаюсь, может конечно и не полностью, но тем не менее. Шрифт с засечками это как понимать?
Казалось бы прописные истины. Но когда смотришь на последнюю картинку, что это действительно золушка, а не серая масса.
Хорошие советы, почаще бы им следовали люди было бы интереснее читать многие блоги. Я бы ещё добавил использование графики в умеренных масштабах.
to Заводской раб
Засечки – это штрихи, обычно в начале или в конце буквы, например у шрифта типа Arial засечек нет , а у Georgia есть. Попробуйте в html редакторе посмотреть, разницу сразу увидите.
Thanks for this article, it’s very informative. I like reading about this subject, keep up the good work!
I do agree with all the ideas you have presented in your post. They are very convincing and will definitely work. Thanks for the post.
Your feeds are fed into other blogger’s RSS feeders, making it syndicated or putting in another way, people out there will subscribe to them and receive online copies of your text.
Dorset@live.com
thanks for the post. I am very happy to read this post. . . . .
I definitely enjoying every little bit of it. It is a great website and nice share. I want to thank you. Good job! You guys do a great blog, and have some great contents. Keep up the good work.
Been looking for this article for long time ago and finally found here. thanks for sharing this post. appreciate!
I am really thankful to the author of this post for making this lovely and informative article live here for us. We really appreciate ur effort. Keep up the good work. . . .
Your feeds are fed into other blogger’s RSS feeders, making it syndicated or putting in another way, people out there will subscribe to them and receive online copies of your text.
Took me time to read all the comments, but I really enjoyed the article. It proved to be Very helpful to me and I am sure to all the commenters here! It’s always nice when you can not only be informed, but also entertained!
Thank you for the sensible critique. Me & my neighbour were preparing to do some research about that. We got a good book on that matter from our local library and most books where not as influensive as your information.
Superb blog website, keep myself through looking it, I will be seriously serious to know another recommendation of it.
I enjoyed reading your interesting yet very informative insights. I am looking forward to reading more of your most recent articles and blogs.
Wow, I feel what you stated earlier is very true. Reflects what I’m experiencing. Well since I am already right here, ponder whether you’d be sort enough to change links with my site. I will likely be inserting your hyperlink within the blogroll part, and I hope that our hyperlink change might help us make our blogs better. Hope you’ll be able to fulfill my humble request.
Advantageously, the post is actually the sweetest topic on this registry related issue. I fit in with your conclusions and will thirstily look forward to your future updates. Just saying thanks will not just be enough, for the extraordinary clarity in your writing. I will immediately grab your rss feed to stay informed of any updates.
Considerably, the blog post is actually the greatest on this worthy topic. I concur with your decisions and will thirstily look forward to see your approaching updates. Saying thanks will not just be adequate, for the phenomenal lucidity in your writing. I will at once grab your feeds to stay informed of any updates. Delightful work and much success in your business endeavors! Have a nice day
Wow this really takes me back, like your blog design too. Is it Drupal?
Thanks for taking the time to discuss this, I feel strongly about it and love learning more on this topic. If possible, as you gain expertise, would you mind updating your blog with more information? It is extremely helpful for me.
I think you have a point
I thought it was going to be some boring old post, but I’m glad I visited. I will post a link to this page on my blog. I believe my visitors will find that very useful.
Do you truly think that?
Wow this definitely takes me back, where is your contact details hmm?
Rather interesting topic, I did going over it.
Hey guys, i just got $10 reading a blog simular to this! I’m not bullsh!tting and spamming for links to my site… Follow the link ull see its a BlogSpot.com link not! my website. It really works, find out how and why! Make $10 by JUST reading this!
Hi, often very good to find out other individuals through the hole world in my browsing, I genuinely appreciate the time it must have taken to set together this great site. best regards
Fed up with obtaining low amounts of useless traffic for your site? Well i want to inform you of a brand new underground tactic that makes me personally $900 on a daily basis on 100% AUTOPILOT. I could be here all day and going into detail but why dont you simply check their site out? There is a great video that explains everything. So if your serious about making quick hard cash this is the site for you. Auto Traffic Avalanche
Nice Infos! One of my favorit Blogs!Have a nice Day!
Definitely concur with what you stated. Your explanation was certainly the simplest to understand. I inform you, I usually get irked when folks discuss issues which they plainly do not know about. You managed to strike the nail right on the head and explained out everything without having complication. Perhaps, people can take a signal. Will likely be back to get more. Thanks
While this topic could be really touchy for most individuals, my opinion is always that there has to turn out to be a middle or widespread ground that we all can locate. I do appreciate that youve added relevant and intelligent commentary in this write-up although. Thank you!
Great to have this comment box working again.
Why have you deleted my post? It was very beneficial information and i assure atleast one person found it helpful unlike the rest of the comments on this site. I’ll post it again. Sick and tired of obtaining low amounts of useless visitors for your website? Well i wish to let you know about a new underground tactic that produces myself $900 every day on 100% AUTOPILOT. I could truthfully be here all day and going into detail but why dont you simply check their site out? There is a great video that explains everything. So if your serious about making hassle-free hard cash this is the website for you. Auto Traffic Avalanche
Great information and slick site design you gt here.
This blog is really helpful for someone who has been having difficulties with this situation. I have seen a number of resources but to no avail. I will continue reading and learning here in the hope of ultimately getting past this.
Super concept! I’m right in the middle of re-designing my site so this came at great time.
Hello there! I really enjoy reading your blog! If you keep making such great posts I will come back every day to keep reading!
Hello there! I really enjoy reading your blog! If you keep making such great posts I will come back every day to keep reading!
Sick! Just got a brand-new Pearl and I can read your blog on my phone’s browser, it didn’t work on my old one.
hello, brilliant blog. one for my bookmarks.
hi, brilliant weblog. definitely for my bookmarks.
Hello there! I really enjoy reading your blog! If you keep making such great posts I will come back every day to keep reading!
Hello! I just wanted to take the time to make a comment and say I have really enjoyed reading your blog. Thanks for all your work.
Hello, I just wanted to take some time today to make a comment and say I have really enjoyed reading your blog. Thanks for all your work!