Помогни ни да направим Uroci.net по - богат! Добави урок

CSS типография

Stalik   трудност:    видян: 21015


Създаване на четим текст


Макар че повечето тънки номера, които споменахме дотук, с страхотни, има още неща, които трябва да имаме предвид, когато пишем онлайн. Не бива да забравяме, че пред монитора хората по-често преглеждат, не четат, което означава, че разумната употреба на заглавия, получер текст, курсив и списъци с водещи символи (bullets) могат много да улеснят читателите ви в по-бързото възприемане на информацията, която им поднасяте. Ключовата дума тук е "разумна". В никакъв случай не се увличайте в подчертаването на части от текста; маркирайте само най-важните неща.


Заглавията са ваши първи приятели. Те не само помагат за по-смилаемо раздробяване на информацията и групирането й на порции, но помагат да украсите оформлението си. Тествайте различни заглавия - с различни цветове, с получер, с курсив, с по-малко пространство между буквите и др. подобни.



Външни препратки


Остана да приложите нещата на практика. В обширното уеб пространство има премного подходящи примери, а тук маркирахме само някои основни неща, които са наистина полезни и важни. Показахме, как вниманието към детайла създава не само нещо красиво, но и по-функционално.

 

  • Kottke.org – Сайта на Джейсън винаги е бил пример за много четим уеб продукт. Тук има доста текст и междуредовото пространство, оставящо буквите да дишат, е наистина от голяма полза.
  • Rob Weychert – Роб страхотно съчетава различни шрифтове и чист CSS, за да придаде интересен и разнообразен вид на нещата.
  • Subtraction – С вниманието си към детайла, размерите на шрифтовете и междуредовите разстояния Кхой доказва, че е възможно да използвате Arial, най-широко разпространеният шрифт в уеб, за да създадете нещо красиво.
  • A List Apart – Типографските решения на Джейсън са страхотни. Той използва курсив и главни букви, за да придаде на текста разнообразие и смел типографски почерк, като при това лежи почти изцяло на CSS.
  • Reading Online Text: A Comparison of Four White Space Layouts – Изследване за използването на... бялото пространство и четимостта на текста.
  • Текст и шрифт в уеб дизайна: основни грешки

 

Следващите линкове дават допълнителна информация за шрифтовете по подразбиране в Windows и Mac:

 

Mac

Windows


Обобщение

 

Следващият път, когато седнете да правите нов дизайн, отделете специално време и внимание на настройване на CSS-а за постигане на по-голямо типографско съвършенство. Експериментирайте. Преди да преминете към по-сложни методи, като sIFR или заместване на изображения, уверете се, че сте разбрали добре CSS опциите.

 

Сайтът ви ще бъде по-гъвкав, по-достъпен и лесен за поддръжка в дългосрочен план, а потребителите ви ще ви обичат - или поне ще оценят вниманието ви към детайла.

 

Автор: Гарет Даймън за Digital Web Magazine



Страници: «1 2 3

Коментари (1)

menian на 26.08 2009 в 15:22ч.
2 пъти браво - много добре и подробно написано. Благодаря за примерните сайтове накрая.

Регистрирайте се, за да добавите коментар


Калдейта ЕООД - © 2003-2010. Всички права запазени.
Препоръчваме: Национален Бизнес | Bomba.bg | IT Новини | Диплома.бг | TRAVEL туризъм | Реферати | AmAm.bg | Иде.ли | Курсови работи | Фото Форум | Spodeli.net | Фото-Култ | Atol.bg | Elmaz.com | MobileBulgaria.com | Казанлък.Com