Веб и типографика.
Всем привет.
Частенько вижу такие замечания, типа "типографика говно" или "шрифт говно". А как оно может быть говном если использовался только arial или georgia? Как типографику сделать не говном? Че почитать, че по-изучать? В общем, как научится делать качественную шрифтовую часть при дизайне сайта?
Спасибо.
Комментарии пользователей
Даже с самым убогим шрифтом можно красиво оформить. Отступы, интервал, цвет и т.д.
Посмотри много-много современных забугорских сайтов и сделай свои выводы. На пальцах этого не объяснить. Напримет, тут: http://www.awwwards.com/, http://www.selected-webdesign.com/, http://www.cssawards.net/ Из чтива недавно нашел статью: http://webdesign.tutsplus.com/articles/typography-articles/a-beginners-guide-to-pairing-fonts/ (на английском). Часто рекомендуют «Типографику» Рудера.
+1 типографика - темный лес, все говорят «говно», почему - скажут немногие :)
Я когда учился, нам препод по шрифтам говорила: — Расстояние между буквами - один пункт, но это не обязательно, делайте как чувствуете.
Надеюсь понятно объяснил.
Джеймс Феличи. Типографика: шрифт, верстка, дизайн - одна из лучших книг на русском языке про типографику и верстку. При чем все по делу.
Вот хороший пример несочитающихся шрифтов А вот тут уже классно смотрятся
Часто текстовые блоки смотрятся стремно из-за того что дизайнер делает слишком маленькое междустрочное расстояние, либо оставляет стандартное (ооочень приблизительный ориентир - в выделенном тексте в фотошопе должны просматриваться промежутки между выделенными строчками текста, но это общее и усредненное, исходить конечно нужно из конкретной ситуации). Часто на общий вид текстовых блоков влияют поля вокруг текста, к ним тоже надо подходить аккуратно и стараться не делать их слишком маленькими (хотя тут тоже зависит от ситуации). В презентациях макетов фейлово выглядит отсутствие сглаживания на шрифтах больше 10-11 кегля, зажатый трекинг (если есть сомнения лучше и трекинг и кернинг оставлять стандартным), слишком сильный (белое по черному), или слишком слабый контраст, также если блок выпадает из сетки, или сетки нет как таковой, то текст также будет выглядеть плохо. В остальном все зависит от ситуации, макета и задач, можно посоветовать смотреть много сайтов, смотреть где и как сделано, что смотрится хорошо, что плохо и делать из этого выводы. Ну и обязательно критично относиться к своим макетам.
FunFun в верхнем варианте вроде называется «конфликт», когда разные шрифты одного типа (с засечками). в нижнем варианте шрифтовой контраст... поправьте меня, если я не прав
Картинкам нужно свое место, то что текст их обтекает — не очень хорошо. Картинка без подписи тоже плохо, теряет свою ценность. А на сайте в основном лица, хотелось бы знать кто они и как зовут, не вчитываясь в текст. Длину строки побольше, вообще, я бы две колонки оставил. Сделал бы их воздушнее. Сейчас новости на главной слипаются в одну. В текущем сайте и композиционных ошибок много. А переделать что-то есть множество путей, у каждого дизайнера свой =) Так что надо начать переделывать, начать со структуры сайта и структуры страниц. И выложить на критику. По выбору шрифта, например. Можно оставить какой сейчас есть, только обеспечить подход к параграфам текста. Сложное обстоятельство — заголовки на этом сайте, они длинные. То есть, либо кегль меньше, либо заголовки редактировать усердней. Можно поподбирать размеры на сайте http://www.gridlover.net/
Огромное спасибо.