Comments 35
Именно из-за перегруженности и мелкого текста (зачастую даже слишком мелкого!) я так не люблю сайты на flash.
UFO just landed and posted this here
Сайт автора достаточно читаемый, хотя тоже не без проблем.
Что там делают многие другие сайты я не понимаю, видимо автор постеснялся отказать в размещении.
Что там делают многие другие сайты я не понимаю, видимо автор постеснялся отказать в размещении.
вот у меня примерно такие же сомнения зародились.
Я открыла сайт, на котором размещён оригинал статьи, и сразу же его закрыла - глаза заболели моментально.
Я открыла сайт, на котором размещён оригинал статьи, и сразу же его закрыла - глаза заболели моментально.
Маленький размер шрифта часто раздражает. Особенно на моих 1400x1050 при величине экрана в 15 дюймов. Но 100% шрифт тоже не сильно нравится. Сам всегда прописываю в стилях body {font-size:90%}. Думаю, самый нормальный.
А 1650 на том же размере экрана, это вообще сдохнуть сразу :)
Пишите «body{font-size:70.5%}», при таком размере шрифта, по умолчанию он примерно равен 10px. Дальше в коде можно использовать «font-size:1.6em», что будет является примерно 16px;
Подпишусь под каждым словом! Хочу, что-бы все «дизайнеры» сайтов, делающие нечитабельные сайты, прочитали эти советы. Аминь
самое смешное, что идея сайтов для людей ещё малое распространение получила, в большинстве случаев у сайтов есть заказчики, имеющие об Интернете весьма смутное представление. Заказчики почему-то поголовно любят, чтобы было много всего, плотно, цветасто, да ещё и чтобы флэшка какая-нибудь вертелась. В общем, чтобы "не хуже, чем у соседа на десятке" (с). А дизайнерам тоже кушать хочется, вот и приходится соглашаться с такими клиентами.
Сегодня, вернее уже вчера, на ALA опубликовали статью "Обучайте своих заказчиков" я перевел можете почитать.
http://designformasters.info/posts/educa…
(сори версия рабочая сейчас переписывается)
http://designformasters.info/posts/educa…
(сори версия рабочая сейчас переписывается)
А, так Design for Masters - это Ваш сайт? Очень приятно!
Он у меня в акрегаторе, так что всё, что там появляется, я читаю в момент появления, а в случае загруженности на работе - вечером того же дня.
Что могу сказать по теме статьи.. Ну да, конечно. Только почему-то менеджер всегда умнее, а главный аргумент - "вот Вася почему-то так делает, и всё нормально, а ты на каждое моё слово вы@#$%бываешься".
Он у меня в акрегаторе, так что всё, что там появляется, я читаю в момент появления, а в случае загруженности на работе - вечером того же дня.
Что могу сказать по теме статьи.. Ну да, конечно. Только почему-то менеджер всегда умнее, а главный аргумент - "вот Вася почему-то так делает, и всё нормально, а ты на каждое моё слово вы@#$%бываешься".
Полностью присоединяюсь. Особенно с "95% того, что обычно называют веб дизайном — это типографика". Задача ХТМЛ - дать браузеру размеченный текст — тут заголовок, тут таблица, тут текст, тут меню. Это левее этого, а это — ниже. А сейчас дизайнеры занимаются рисованием — тут вот, в восьми пикселях от края, меню, причём ровно 92 пикселя в ширину, а текст в нём высотой 9. И ни-ни шаг в сторону. Чуть что поменяешь, все div'ы разъезжаются кто куда. Таблицы хоть не давали ничему накладываться и загибали себе всё что нужно в пределах разметки сайта, а сейчас — просто паноптикум на некоторых сайтах. Я уже давно борюсь с такими дизайнерами, но они не понимают, что размер шрифта — это мой выбор.
К счастью, ИЕ позволяет игнорировать размер шрифта (и только размер, a FF, к сожелению, не умеет этого — или всё (размер, стиль и прочее), или ничего) и задать свою таблицу стилей. Среди прочего полезен line-height: 120% и определение параметров скроллбара. Скроллбар — это элемент интерфейса операционной системы, а не веб-страницы!
Если кто-то скажет, "поставь себе разрешение 800х600 или увеличь все шрифты в ОС", то нет, это очень неудобно. Удобно как раз иметь большое разрешение с маленькими элементами интерфейса (кнопочками, рамочками и т.п.) и маленьким текстом на этих элементах (меню, кнопки, табы и т.п.), а вот сам текст, который я читаю, должен быть побольше.
Спасибо, что затронули актуальную тему!
К счастью, ИЕ позволяет игнорировать размер шрифта (и только размер, a FF, к сожелению, не умеет этого — или всё (размер, стиль и прочее), или ничего) и задать свою таблицу стилей. Среди прочего полезен line-height: 120% и определение параметров скроллбара. Скроллбар — это элемент интерфейса операционной системы, а не веб-страницы!
Если кто-то скажет, "поставь себе разрешение 800х600 или увеличь все шрифты в ОС", то нет, это очень неудобно. Удобно как раз иметь большое разрешение с маленькими элементами интерфейса (кнопочками, рамочками и т.п.) и маленьким текстом на этих элементах (меню, кнопки, табы и т.п.), а вот сам текст, который я читаю, должен быть побольше.
Спасибо, что затронули актуальную тему!
Я бы кроме шрифта отметил бы еще наличие 3-5 колонок, наличие огромного количества информационного шума. Особенно этим грешат крупные порталы - чем крупней тем больше мусора, оазисом остается только одна страница - google.com. :)
Сайт источник - http://www.informationarchitects.jp/ - дизайн близкий к идеалу.
Мечтаю сделать коммерческий проект в таком ключе, но пока не удается.
Те, кто жалуется на нечитаемость, возможно просто не включили ClearType.
Для ноутбучных экранов такой шрифт вообще как глоток чистого воздуха.
Мечтаю сделать коммерческий проект в таком ключе, но пока не удается.
Те, кто жалуется на нечитаемость, возможно просто не включили ClearType.
Для ноутбучных экранов такой шрифт вообще как глоток чистого воздуха.
Посмотрел на http://www.informationarchitects.jp/ без ClearType
Страшно! причем не только на нем, включайте ClearType.
Страшно! причем не только на нем, включайте ClearType.
И охота вам изобретать велосипед? Откройте любую книжку по типографике и верстке. Там все это давно написано.
А можно конкретнее, какую?
Хотелось бы почитать.
Хотелось бы почитать.
Основы стиля в типографике http://www.aronov-books.ru/typo_1.htm
Эстетика пропорций в дизайне: Система книжных пропорций. http://www.vashakniga.ru/book.asp?id=180…
Джеймс Феличи. Типографика: шрифт, верстка, дизайн
http://eldesign.ru/book/typo/typo01
хотя бы.
Эстетика пропорций в дизайне: Система книжных пропорций. http://www.vashakniga.ru/book.asp?id=180…
Джеймс Феличи. Типографика: шрифт, верстка, дизайн
http://eldesign.ru/book/typo/typo01
хотя бы.
надо заставлять "дизайнеров", делающих сайты с мелкими (меньше 100%) буковками самих вычитывать страниц по сто такого текста подряд. На мелких мониторах с высоким разрешением (15" с 1600px)
Ещё часто достают узкие колонки текста фиксированной ширины, на моём wide-screen такая колонка занимает процентов 15-20 экрана, да ещё с мелкими буковками. Ctrl + колесо мышки не спасает, так как размер букв увеличивается, ширина колонки остаётся фиксированной, в строке помещается пара слов, при этом проценто 80 экрана остаётся неиспользованным.
В таких случаях спасает возможность отключить стили горе-дизайнеров, или же копипейст в текстовый редактор.
Ещё часто достают узкие колонки текста фиксированной ширины, на моём wide-screen такая колонка занимает процентов 15-20 экрана, да ещё с мелкими буковками. Ctrl + колесо мышки не спасает, так как размер букв увеличивается, ширина колонки остаётся фиксированной, в строке помещается пара слов, при этом проценто 80 экрана остаётся неиспользованным.
В таких случаях спасает возможность отключить стили горе-дизайнеров, или же копипейст в текстовый редактор.
я не хочу на каждом сайте менять размер шрифта, поэтому в моей опере минимальный разрешенный шрифт — 14 (это значит, что буквы меньшего размера я увижу только во флеше), а стандартный — georgia 18
рекомендую : )
рекомендую : )
Статью, как я понимаю, можно разбить на три части. Первая манифест, вторая набор правил "как надо", третья реклама.
Третья часть мне вовсе неинтересна, поэтому хочу сказать о второй и первой.
Во второй части автор рассказывает о каких-то прописных истинах, которые известны любому человеку, который хоть раз читал бумажные книги/газеты/журналы. Причём, автор, почему-то поленился рассказать о самом главном о форматировании текста. В арсенале типографа минимум инструментов для оформления текста так, чтобы глаз за него цеплялся, но он всё-равно о них не рассказал. Зато автор сказал, что красным по зелёному не круто. Спасибо, просветил.
Пару слов о манифесте.
1. "Мы не хотим изменять настройки браузера каждый раз, когда заходим на сайт!"
Если автору нравится текст о 20и пунктах, а мне 40, что делать верстальщику? Мнений и "любимых размеров" ровно столько же сколько и людей. При чтении длинных текстов, я всегда разворачиваю любимый браузер в фулскрин, увеличиваю шрифт и откидываюсь в кресле. И если завтра выпустят единый стандарт "читабельного" оформления и все сайты в одночасье его примут, для меня ничего не изменится, я буду выполнять те же действия при чтении с монитора.
2. "Не говорите нам, что заполненная страница лучше смотрится"
Вот из-за таких как вы и появились узкие фиксированные колонки, которые занимают по 20% эффективной экранной площади.
3. "Не говорите нам, что скроллинг это плохо"
Не стоит мешать в одну кучу презентационные и информационные сайты. На презентационных любой скроллинг зло. На информационных только горизонтальный.
4. "95% того, что обычно называют веб дизайном — это типографика"
Как минимум 30% того, что обычно называют веб дизайном это проектирование интерфейсов, так что вы уже где-то наврали. Вообще, знание основ газетной(!) вёрстки спасёт многих "веб-дизайнеров".
Сумма:
Очередная статья "впустоту" с попутной рекламой коммьюнити, созданного людьми которые пытаются привязать юзабилити к тексту и при этом не понимают, что эти понятия были связаны ещё несколько веков назад действительно грамотными людьми.
Третья часть мне вовсе неинтересна, поэтому хочу сказать о второй и первой.
Во второй части автор рассказывает о каких-то прописных истинах, которые известны любому человеку, который хоть раз читал бумажные книги/газеты/журналы. Причём, автор, почему-то поленился рассказать о самом главном о форматировании текста. В арсенале типографа минимум инструментов для оформления текста так, чтобы глаз за него цеплялся, но он всё-равно о них не рассказал. Зато автор сказал, что красным по зелёному не круто. Спасибо, просветил.
Пару слов о манифесте.
1. "Мы не хотим изменять настройки браузера каждый раз, когда заходим на сайт!"
Если автору нравится текст о 20и пунктах, а мне 40, что делать верстальщику? Мнений и "любимых размеров" ровно столько же сколько и людей. При чтении длинных текстов, я всегда разворачиваю любимый браузер в фулскрин, увеличиваю шрифт и откидываюсь в кресле. И если завтра выпустят единый стандарт "читабельного" оформления и все сайты в одночасье его примут, для меня ничего не изменится, я буду выполнять те же действия при чтении с монитора.
2. "Не говорите нам, что заполненная страница лучше смотрится"
Вот из-за таких как вы и появились узкие фиксированные колонки, которые занимают по 20% эффективной экранной площади.
3. "Не говорите нам, что скроллинг это плохо"
Не стоит мешать в одну кучу презентационные и информационные сайты. На презентационных любой скроллинг зло. На информационных только горизонтальный.
4. "95% того, что обычно называют веб дизайном — это типографика"
Как минимум 30% того, что обычно называют веб дизайном это проектирование интерфейсов, так что вы уже где-то наврали. Вообще, знание основ газетной(!) вёрстки спасёт многих "веб-дизайнеров".
Сумма:
Очередная статья "впустоту" с попутной рекламой коммьюнити, созданного людьми которые пытаются привязать юзабилити к тексту и при этом не понимают, что эти понятия были связаны ещё несколько веков назад действительно грамотными людьми.
1. Да всем не угодишь, но сделать сайт удобным для большинства посетителей можно.
2. Дело вкуса и разрешения, вам не нравятся узкие колонки, а мне не нравятся слишком широкие, например хабр на разрешении 1600х1200 нечитабелен, из-за слишком длинных строк, дальше половины строки тяжело читать, в то же время узкая колонка в 600px вполне читабельна на любых разрешениях. Как минимум нужно ограничивать ширину колонок через max-width, в газетах для этого текст разбивается на несколько колонок.
Как об этом может не знать тот, кто знаком с газетной версткой, да и с традиционной типографикой вообще. Например, читаем Эмиль Рудер «Типографика» (в издании «Книга» 1982 года страница 42-43)
3. Никто и не мешает
4. Это мнение автора, я бы вообще не стал мерить процентами чего в веб дизайне больше.
Что касается знания типографики, конечно оно для веб дизайнера обязательно, но не решает всех проблем, потому что не все можно применить на сайте. Экран очень отличается от бумаги, нужны другие шрифты, возможность отображения с помощью различных устройств, ограничения накладывают html, css и кривые браузеры.
2. Дело вкуса и разрешения, вам не нравятся узкие колонки, а мне не нравятся слишком широкие, например хабр на разрешении 1600х1200 нечитабелен, из-за слишком длинных строк, дальше половины строки тяжело читать, в то же время узкая колонка в 600px вполне читабельна на любых разрешениях. Как минимум нужно ограничивать ширину колонок через max-width, в газетах для этого текст разбивается на несколько колонок.
Как об этом может не знать тот, кто знаком с газетной версткой, да и с традиционной типографикой вообще. Например, читаем Эмиль Рудер «Типографика» (в издании «Книга» 1982 года страница 42-43)
3. Никто и не мешает
4. Это мнение автора, я бы вообще не стал мерить процентами чего в веб дизайне больше.
Что касается знания типографики, конечно оно для веб дизайнера обязательно, но не решает всех проблем, потому что не все можно применить на сайте. Экран очень отличается от бумаги, нужны другие шрифты, возможность отображения с помощью различных устройств, ограничения накладывают html, css и кривые браузеры.
"Если вы не можете сделать красивый сайт без текста в изображениях, я боюсь, что вам придется начать все сначала и научится."
ошибка. Правильно
придется [что сделать?] начать все сначала и [что сделать?] научитЬся.
Поправьте, пожалуйста.
ошибка. Правильно
придется [что сделать?] начать все сначала и [что сделать?] научитЬся.
Поправьте, пожалуйста.
Не понял?
Если я что-то исправил в хабратопике и нажал "сохранить" он становиться личным и никому недоступен?
Что вообще значат два замочка перед именем топика?
Если я что-то исправил в хабратопике и нажал "сохранить" он становиться личным и никому недоступен?
Что вообще значат два замочка перед именем топика?
Sign up to leave a comment.
100% Easy-2-Read