-Поиск по дневнику

Поиск сообщений в akry

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 21.08.2007
Записей: 4917
Комментариев: 25572
Написано: 40060


12 правил для начинающего дизайнера дневников

Суббота, 26 Января 2008 г. 01:13 + в цитатник

Мне не нравятся многие дизайны дневников в Ливе. Я об этом уже писал. И сегодня я решил, что пора перестать просто бурчать, и пришло время для конструктивного вклада в качество дизайна. Подтолкнула меня к этому Irogoto экспериментами со своим дневником. Рекомендации только для тех, кто хочет сделать дневник визуально читабельным. Если вы рисуете для себя, то всё равно и как оформлять — лишь бы вам и вашим друзьям нравилось.

Итак,
12 правил для начинающего дизайнера дневников

  1. Выбери один (1, one, ein, ichi) оттенок и придерживайся его. Для отдельных элементов допустимы вариации по яркости или насыщенности (желательно что-нибудь одно). Допустимы один-два «дополнительных» цвета, но злоупотреблять ими нельзя. Они — для небольших дополнительных (как цвета) элементов.
  2. В качестве подложки используй один цвет. Если очень хочешь использовать рисунок или текстуру, убедись, что она ненавязчива и не отвлекает внимание от дневника. Красивая фотка — ещё не повод вставлять её в фон. Для этого есть раздел «фотографии». Ещё одна вещь про текстуры, которую нужно знать: очень трудно сделать сложную текстуру, которая бы при склейке выглядела равномерной на странице. Обычно остаются полосы, следы стыков, муар. Поэтому либо используй профессиональные текстуры, где эту задачу уже решили (их полно в Интернете), либо рисуй что-то, где тебе по силам будет убрать все стыки.
  3. Текст должен быть хорошо различим. Для этого он должен быть достаточно контрастен на выбранном тобой фоне. Чёрный по белому, белый по чёрному, чёрный по жёлтому или светло-серому — хорошо различимые сочетания. Жёлтый по красному, жёлтый по светло-синему, серый по белому — неразличимы. Самому тебе может казаться, что прочитать текст легко, но ты же его и писал. Другие — нет. Не превращай для них чтение твоего дневника в разгадку «Кода да Винчи».
  4. В продолжение пункта 3, не клади под текст рисунок или фотографию, на которой он будет незаметен. Текст на фоне леса или травы — издевательство над читающим. Если уж совсем хочется выбрать подложной фото, высветли его под текстом, или затемни (если текст белый). К сожалению, этой рекомендации часто не придерживаются даже в крупных и солидных издательствах. Да, далёк ещё наш мир от совершенства.
  5. Ещё о цвете текста и подложки. Сочетание этих цветов создаёт настроение от чтения. Если ты хочешь чего-то мрачного и готичного, ты и без моих подсказок знаешь, что лучший выбор — чёрное и красное. Гламур часто ассоциируется с розовым фоном и тёмно-серым текстом (не белым! ни в коем случае не белым и не жёлтым!). И т.п. Каждому состоянию — своё сочетание. Выбирай. Кстати, самое различимое сочетание — чёрное на жёлтом или желтое на чёрном (привет, Билайн :). Но у этого сочетания и максимальная тревожность. А вот чёрный и белый цвета не ругаются почти ни с кем.
  6. О шрифтах. По хорошему, должен быть один шрифт и несколько вариаций его размера и начертаний (жирный или курсив). Подчёркивания не используй — они для ссылок. Не вводи в заблуждение других. То есть, если твой шрифт — Arial, ты можешь поиграть с его размерами (в разумных пределах) для заголовков. Можешь сделать какие-то элементы на странице жирными. Но не курсивом. Потому что Arial — «рубленный», прямой шрифт, в нём нет «засечек» на концах букв, как в Times. И курсив с ним плохо сочетается. Для курсива бери Times, но тогда уже не используй Arial. Ещё раз — не используй одновременно курсив и жирный — на странице должно быть только что-то одно.
  7. Вообще, даже при выборе узора, фонового рисунка, начертания шрифта, смотри, чтобы всё было согласовано. Если основная тема узоров — наклонные линии, с ними лучше будет сочетаться курсив или шрифты с засечками (тот же Times). С прямыми вертикальными и горизонтальными линиями лучше пойдёт что-то подобное Arial.  Также смотри, чтобы размер узора как-то гармонировал с размером шрифта.
  8. Как можно меньше используй курсив для основного массива текстов. Курсив был создан для того, чтобы читатель замедлился на каком-то небольшом участке и вдумчиво его прочитал. Медленно и не с первого раза. Если ты делаешь весь текст курсивным, этот смысл теряется.
  9. Не используй декоративные шрифты. Они здорово смотрятся, но ужасно читаются.
  10. Размер шрифта должен быть разумным. 5–8 точек — нечитаемо из-за малости, 15–30 точек — это не для дневника, а для детского букваря или для таблицы проверки зрения. Речь, разумеется, идёт об основном тексте, а не о заголовках — они могут быть большими.
  11. Если не уверен в своих силах, «потренируйся на кошках». Создай тренировочный днев и терзай его.
  12. Спрашивай своих читателей, удобно ли им читать в этом дизайне. Но не верь всему, что они говорят, имей своё мнение. Смотри не только на красоту отдельных элементов, но и на их сочетание. И постоянно стремись к тому, чтобы сделать лучше и удобнее! 
Рубрики:  Идеи и мысли
Метки:  

Процитировано 12 раз

Июльский_Коть   обратиться по имени Суббота, 26 Января 2008 г. 01:24 (ссылка)
Зачастую интересные Дневы пропускаю из-за невозможности прочесть текст.Через пару строк начинают болеть глаза. Как говорят журналисты, они не читабельны.
Хорошо структурировали рекомендации.
Ответить С цитатой В цитатник
Aego   обратиться по имени Суббота, 26 Января 2008 г. 01:38 (ссылка)
Забыли многими любимые РаЗнОрАзМерНыЕ БуКоВки
Я когда такие слова вижу сразу пропускаю дневник, даже если фон на котором они написаны вполне читабельный.
Ответить С цитатой В цитатник
Atkargaratho   обратиться по имени Суббота, 26 Января 2008 г. 01:40 (ссылка)
А я люблю минимализм - лишь бы читалось и глаза не напрягало... Вот кстати как тебе мой дизайн? По 5-ти бальной шкале...
Ответить С цитатой В цитатник
Pufek   обратиться по имени Суббота, 26 Января 2008 г. 01:41 (ссылка)
да...актуальный вопрос... я даже не стараюсь читать такие дневники... трудно и не усваивается ничего (
на счет белым по чёрному... на самом деле трудно и такой текст читать... слишком сильный контраст... (((
*или я ошибаюсь?*
Ответить С цитатой В цитатник
Bookowka   обратиться по имени Суббота, 26 Января 2008 г. 01:45 (ссылка)
а я после нескольких попыток выбрать какой-нить диз среди стольких красивых вариаций оттенков и тп,в наглую сделала его чёрно-белым(как в стерильной больнице)вот только меня бесит что реклама на страничке не сообветствует дизу(((
Ответить С цитатой В цитатник
Aego   обратиться по имени Суббота, 26 Января 2008 г. 02:01 (ссылка)
Pufek,да, более правильно использовать не чисто белый, а какой-нибудь совсем светлый оттенок серого,синего или зелёного, это цвета наименее раздражающие сетчатку.
Ответить С цитатой В цитатник
Юханна   обратиться по имени Суббота, 26 Января 2008 г. 06:27 (ссылка)
У меня вроде дневник читабельный)))
Хотя фон дикий)))
Ответить С цитатой В цитатник
Юханна   обратиться по имени Суббота, 26 Января 2008 г. 06:28 (ссылка)
Возьму в цитатник.
Ответить С цитатой В цитатник
LadyA   обратиться по имени Суббота, 26 Января 2008 г. 12:08 (ссылка)
замечательные правила. структурированно, по пунктам)
Ответить С цитатой В цитатник
Белка_Личная   обратиться по имени Суббота, 26 Января 2008 г. 13:02 (ссылка)
Молодец, очень полезный пост!
многим будет интересно его почитать.
Интересненько =)
Ответить С цитатой В цитатник
старый_мастер   обратиться по имени Суббота, 26 Января 2008 г. 13:59 (ссылка)
Жаль, что те, кто создает нечитабельные дневники, редко заглядывают на блоги к умным людям и не слушают хороших советов. И, вообще, как они сами читают свои дневники? Или может быть они их и не читают, а на самом деле все это - происки фирм-производителей очков и контактных линз, и все эти люди - работники по контракту?! Это заговор!!! *бежит писать письмо администрации сайта*
Ответить С цитатой В цитатник
Брильянтичка   обратиться по имени Суббота, 26 Января 2008 г. 16:18 (ссылка)
Постоянно ассоциировать розовый цвет с гламуром - идиотизм в критической степени. иногда люди хотят сделать свою жизнь менее раздражительной... цвет вполне подходит...
Ответить С цитатой В цитатник
DeidreLight   обратиться по имени Суббота, 26 Января 2008 г. 16:27 (ссылка)
весьма актуально. по крайней мере для меня. некоторые интересные вещи невозможно читать. например, тупо не видно, что написано. приходится выделять весь тест, чтобы буквы становились контрастней. не очень удобно.
а из-за каких-нибудь мерцающих картинок, уводишь потом глаза от монитора, а перед глазами звездочки прыгают...
Ответить С цитатой В цитатник
akry   обратиться по имени Суббота, 26 Января 2008 г. 16:43 (ссылка)
Aego, это уже будет к рекомендациям по текстовому оформлению и типографике. Тоже, наверное, напишу.

Atkargaratho, на 4 — ядовито-зелёные ссылки выбиваются. Остальное вполне читабельно.

Брильянтичка, не ассоциируйте. Это лишь пример.

Юханна, фон для текста однотонный и текст на нём контрастный, вот всё и читаемо. И вполне согласуется с рекомендациями.
Ответить С цитатой В цитатник
Strawberry_ice-cream   обратиться по имени Суббота, 26 Января 2008 г. 17:11 (ссылка)
Я согласна, что нельзя делать яркий фон - это очень отвлекает от текста. Свой днев я недавно переделала, он почти соответствует этим параметрам
Ответить С цитатой В цитатник
RINKA-блондинка   обратиться по имени Суббота, 26 Января 2008 г. 17:57 (ссылка)
правильно сказано, конечно... но вот мой дневник из-за дизайна плохочитаемый, но мне нравится, что позитивный
Ответить С цитатой В цитатник
Grey_clown   обратиться по имени Суббота, 26 Января 2008 г. 18:33 (ссылка)
у меня просто все черное,т.к. мне в лом заниматься дизом...и мне пох....
Ответить С цитатой В цитатник
Продавец_Смеха   обратиться по имени Суббота, 26 Января 2008 г. 18:37 (ссылка)
Честно говоря, я не дочитала и половины пунктов.
Да, может быть вы все правы, но...
Я делаю так , как приятно и удобно мне , это мой дневник . Если его кто-то не хочет читать , я не обижусь, ибо никто ничего никому тут не должен.
Хотя , если вы делаете дневник для кого-то , а не для себя и вам важно место в рейтинге, тогда конечно надо что-то умное придумывать.
Но ) каждому не угодишь (с)
Ответить С цитатой В цитатник
AnchoknutaYa   обратиться по имени Суббота, 26 Января 2008 г. 18:53 (ссылка)
Продавец_Смеха, Абсолютно солидарна))
Ответить С цитатой В цитатник
ArisAngel   обратиться по имени Суббота, 26 Января 2008 г. 20:31 (ссылка)
akry, любопытный у вас дневничек =)
Ответить С цитатой В цитатник
akry   обратиться по имени Суббота, 26 Января 2008 г. 21:28 (ссылка)
AnchoknutaYa, Продавец_Смеха, рекомендации для тех, кто хочет сделать дневник легко читаемым. Если пох, то и нах ))
Ответить С цитатой В цитатник
she_is_mad   обратиться по имени Суббота, 26 Января 2008 г. 23:09 (ссылка)
ну, да. некоторые и в правду не возможно читать. но если человеку приятно и нравится именно такой диз, то пусть радуется!
подстраиваться под каждого не угодить никому!
Ответить С цитатой В цитатник
Atkargaratho   обратиться по имени Воскресенье, 27 Января 2008 г. 01:03 (ссылка)
akry, Да, пожалуй прав - мне вот они глаза не режут, так как привык как-то. А в целом действительно что-то не вяжется. Но вот цвет придумать не могу нормальный. Если сделать под остальное, то будут сливаться... Красными тоже как-то наверно не то... Не знаю - я подумаю.
Ответить С цитатой В цитатник
Crystall_Method   обратиться по имени Воскресенье, 27 Января 2008 г. 14:20 (ссылка)
Мнээээ...Получается у меня удобночитаемый дневник?
Ответить С цитатой В цитатник
without_you19   обратиться по имени Воскресенье, 27 Января 2008 г. 15:39 (ссылка)
интересный пост...=) спасибо...много чего пригодится!!
Ответить С цитатой В цитатник
Горисвет   обратиться по имени Воскресенье, 27 Января 2008 г. 15:47 (ссылка)
akry, как высветлить или затемнить фон-изображение под текстом?
Зайди, пожалуйста, ко мне. Сторонний взгляд (мнение) о дизайне моего днева мне будет интересно узнать.
Ответить С цитатой В цитатник
AnchoknutaYa   обратиться по имени Воскресенье, 27 Января 2008 г. 15:55 (ссылка)
akry, Справедливо) Каждый при своем мнении)
Ответить С цитатой В цитатник
akry   обратиться по имени Воскресенье, 27 Января 2008 г. 19:25 (ссылка)
She_is_Mad, абсолютно согласен. Нужно определить свою аудиторию и не пытаться быть милым всем.

Crystall_Method, в целом читаемо. Что можно улучшить: 1) иероглифы. Уменьшить их яркость, сделать более серыми, может быть оставить от них серые контуры. Или сделать их чуть другого цвета. Тогда в верхней части днева они не будут ругаться с текстом, который тоже белый. Белый текст на чёрном фоне хорошо различим, но быстро утомляет глаз. Возможно это не так важно, просто обращаю внимание. В остальном всё лаконично и очень различимо.

Горисвет, высветлить фон в фотошопе просто — достаточно между фоном и текстом дать белую подложку с прозрачностью от 20 до 80 % (в зависимости от необходимой степени осветления). В дневе это сделать не так легко, потому что мы не контролируем весь дизайн и расположение картинок. Поэтому лучше таким образом высветлить всю картинку, которая идёт фоном. Главное проверить, что буквы на нём бегло читаемы.
В вашем дневнике всё достаточно гармонично и не конфликтует друг с другом, включая снежинки и текст. Из рекомендаций — определиться со шрифтом для основного текста (на мой взгляд, лучше Times, но это на ваш вкус). Согласовать его с заголовками — они не должны быть менее различимы (меньше размером, менее жирные), чем элементы основного текста. И, желательно, должны быть тем же шрифтом, что и текст. Кегль (размер) шрифта основновного текста тоже лучше сделать чуть поменьше, 9-10 пунктов.

Atkargaratho, улучшение — вечный процесс. Совершенства нам не достичь! :)
Ответить С цитатой В цитатник
Atkargaratho   обратиться по имени Воскресенье, 27 Января 2008 г. 22:10 (ссылка)
akry, мы же мальчики!
Ответить С цитатой В цитатник
glaza_duimovochki   обратиться по имени Воскресенье, 27 Января 2008 г. 22:23 (ссылка)
akry, замечательная статья! В общем, для дневников будут полезны любые рекомендации из типографики. Ведь если в уме сверстать из некоторых дневников журнал, то в мозгах произойдет настоящая атака ляпов оформления. А ведь для дневника должно быть такое же правило как и для книг: УДОБОЧИТАЕМОСТЬ и ПОНЯТНОСТЬ. И никакой дизайн не может быть важнее.
Очень хорошая, и главное, очень нужная статья)))
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] 2 [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку