Комментарии к статье «Базовая сетка в веб дизайне» http://designformasters.info/posts/baseline-grid/ Сайт для веб-разработчиков Mon, 12 May 2008 01:45:38 +0000 http://wordpress.org/?v=2.1 Автор: Евгений http://designformasters.info/posts/baseline-grid/#comment-56 Евгений Thu, 12 Apr 2007 13:29:38 +0000 http://designformasters.info/posts/baseline-grid/#comment-56 <h3>Калькулятор для относительных единиц</h3>Для тех кто все-таки предпочитает <code>em</code> есть отличный калькулятор выполняющий все вычисления за вас и генерирующий соответствующий CSS <a href="http://topfunky.com/baseline-rhythm-calculator/" rel="nofollow">Baseline Rhythm Calculator</a> Калькулятор для относительных единиц

Для тех кто все-таки предпочитает em есть отличный калькулятор выполняющий все вычисления за вас и генерирующий соответствующий CSS Baseline Rhythm Calculator

]]> Автор: Valery http://designformasters.info/posts/baseline-grid/#comment-67 Valery Sat, 14 Apr 2007 20:27:49 +0000 http://designformasters.info/posts/baseline-grid/#comment-67 <h3>Интересный подход</h3>Очень полезная статья. Интересный подход

Очень полезная статья.

]]> Автор: 4g3n7 http://designformasters.info/posts/baseline-grid/#comment-82 4g3n7 Sat, 21 Apr 2007 20:20:22 +0000 http://designformasters.info/posts/baseline-grid/#comment-82 <h3>Полезная статья</h3>Да, для пиксельного размера подходит. Посмотрел пример - реально круто! Но с относительными действительно сложно - я сейчас на 62.5% подсел... Полезная статья

Да, для пиксельного размера подходит.
Посмотрел пример - реально круто!

Но с относительными действительно сложно - я сейчас на 62.5% подсел...

]]> Автор: Дмитрий http://designformasters.info/posts/baseline-grid/#comment-86 Дмитрий Mon, 23 Apr 2007 01:21:30 +0000 http://designformasters.info/posts/baseline-grid/#comment-86 "ацесибилити" - это ужасно :) даже "аксесибилити" [?k'sesi'biliti] было бы лучше. Извините, статья хорошая, в переводе читать приятно, но это слово зацепило. "ацесибилити" - это ужасно :) даже "аксесибилити" [?k'sesi'biliti] было бы лучше. Извините, статья хорошая, в переводе читать приятно, но это слово зацепило.

]]> Автор: Евгений http://designformasters.info/posts/baseline-grid/#comment-87 Евгений Mon, 23 Apr 2007 02:16:36 +0000 http://designformasters.info/posts/baseline-grid/#comment-87 <h3>Исправлено</h3>Спасибо, я думал этот вариант написания уже искоренен на сайте, а он закрался в статью про базовую сетку, негодяй. Исправлено

Спасибо, я думал этот вариант написания уже искоренен на сайте, а он закрался в статью про базовую сетку, негодяй.

]]> Автор: sky http://designformasters.info/posts/baseline-grid/#comment-98 sky Mon, 30 Apr 2007 12:13:41 +0000 http://designformasters.info/posts/baseline-grid/#comment-98 <h3>Хм...</h3>с сеткой читабельность улучшается? а если оставить значения, принятые в браузере по умолчанию? Тот, кто знаком с типографикой просто повесится? или нормально? ;) Хм...

с сеткой читабельность улучшается?
а если оставить значения, принятые в браузере по умолчанию? Тот, кто знаком с типографикой просто повесится? или нормально? ;)

]]> Автор: Евгений http://designformasters.info/posts/baseline-grid/#comment-102 Евгений Tue, 01 May 2007 09:13:39 +0000 http://designformasters.info/posts/baseline-grid/#comment-102 <p>Может повеситься и тот, кто с типографикой совсем незнаком.</p> <p>Вот пример из <a href="http://webtypography.net/sxsw2007/webtypography-sxsw2007-notes.pdf" rel="nofollow">Web Typography Sucks (PDF 4Mb)</a> Ричарда Руттера и Марка Боултона, верхний текст использует параметры браузера по умолчанию нижний базовую сетку, разница очевидна.</p> <p><img alt="Пример использования базовой сетки" src="/stuff/baseline-grid/grid-example.gif" width="550" height="900" /></p> <p>Но для хорошей читабельности страницы, одной базовой сетки недостаточно более подробно об этом можно узнать из статьи Бена Ханта <a href="/posts/readability/" rel="nofollow">Читабельность</a></p> Может повеситься и тот, кто с типографикой совсем незнаком.

Вот пример из Web Typography Sucks (PDF 4Mb) Ричарда Руттера и Марка Боултона, верхний текст использует параметры браузера по умолчанию нижний базовую сетку, разница очевидна.

Пример использования базовой сетки

Но для хорошей читабельности страницы, одной базовой сетки недостаточно более подробно об этом можно узнать из статьи Бена Ханта Читабельность

]]> Автор: sky http://designformasters.info/posts/baseline-grid/#comment-108 sky Thu, 03 May 2007 12:55:01 +0000 http://designformasters.info/posts/baseline-grid/#comment-108 <h3>Хочу так!</h3>Я скачал книгу Эмиля Рудера - Типографика. Хочу узнать основные принципы типографики для использования на страницах сайтов. Но книга большая, 290 страниц, и никак не ориентирована на веб. Читается сложно. Есть может быть более "популярные" издания или материал на эту тему, ориентированный как-то на веб? Например правила, касающиеся ширины абзацев, отступов, пространства и прочее? Хочу так!

Я скачал книгу Эмиля Рудера - Типографика. Хочу узнать основные принципы типографики для использования на страницах сайтов. Но книга большая, 290 страниц, и никак не ориентирована на веб. Читается сложно.

Есть может быть более "популярные" издания или материал на эту тему, ориентированный как-то на веб?
Например правила, касающиеся ширины абзацев, отступов, пространства и прочее?

]]> Автор: Евгений http://designformasters.info/posts/baseline-grid/#comment-111 Евгений Thu, 03 May 2007 15:50:21 +0000 http://designformasters.info/posts/baseline-grid/#comment-111 <p>Я тоже скачал книгу «Типографика» Эмиля Рудера, мне кажется, она написана для людей, у которых уже есть базовые знания по типографике, очень большое внимание деталям, и мало что подходит для веб.</p> <p>Посмотрите <a href="http://webtypography.net/sxsw2007/webtypography-sxsw2007-notes.pdf" rel="nofollow">Web Typography Sucks (PDF 4Mb)</a> Ричарда Руттера и Марка Боултона, это не книга, а слайды по веб типографике. Сайт авторов этого творения тоже стоит посетить <a href="http://webtypography.net" rel="nofollow">Web Typography<a>.</p> Я тоже скачал книгу «Типографика» Эмиля Рудера, мне кажется, она написана для людей, у которых уже есть базовые знания по типографике, очень большое внимание деталям, и мало что подходит для веб.

Посмотрите Web Typography Sucks (PDF 4Mb) Ричарда Руттера и Марка Боултона, это не книга, а слайды по веб типографике. Сайт авторов этого творения тоже стоит посетить Web Typography.

]]> Автор: Же http://designformasters.info/posts/baseline-grid/#comment-269 Же Mon, 02 Jul 2007 14:41:37 +0000 http://designformasters.info/posts/baseline-grid/#comment-269 <h3>ye</h3>по-моему <a href="http://www.google.ru/search?q=%D0%AF%D0%BD+%D1%87%D0%B8%D1%85%D0%BE%D0%BB%D1%8C%D0%B4" rel="nofollow">Ян Чихольд</a> все просто очень описывает. Правила легко перенести на веб. Просто вместо листа — монитор и расстояние до него. ye

по-моему Ян Чихольд все просто очень описывает.
Правила легко перенести на веб.
Просто вместо листа — монитор и расстояние до него.

]]> Автор: Rumake http://designformasters.info/posts/baseline-grid/#comment-3221 Rumake Tue, 06 May 2008 04:18:07 +0000 http://designformasters.info/posts/baseline-grid/#comment-3221 Великолепно! Спасибо большое журналу за ссылки и перевод. Мы сейчас для нашего клиента обновляем дизайн и решили делать так как описано здесь. Если интересно можете посмотреть <a href="http://www.notis.ru/new.html" rel="nofollow">наработки новой версии</a>. Там также для примера разлинован бэкграунд, чтоб насладиться в полной мере:) "Design For Masters" теперь у меня в закладках:) Великолепно! Спасибо большое журналу за ссылки и перевод. Мы сейчас для нашего клиента обновляем дизайн и решили делать так как описано здесь.

Если интересно можете посмотреть наработки новой версии. Там также для примера разлинован бэкграунд, чтоб насладиться в полной мере:)

"Design For Masters" теперь у меня в закладках:)

]]>