15 признаков отвратительного дизайна |
все рубрики, графический дизайн

15 признаков отвратительного дизайна

11 Февраль 2009 9 коммент.
15 признаков отвратительного дизайна

Повстречалась мне не так давно очень полезная и интересная статья с одноименным названием, на основе которой я решила написать эту на АртКомпоте

Это спорная тема, тем не менее, она может дать некоторое представление о тех ошибках в дизайне, которые ведут к непрофессиональному виду итогового продукта, однако ни один из нижеперечисленных пунктов не является жестким правилом — это только общее руководство, которое следует знать.

И прошу меня простить за эту жуткую графику на рисунках в этом посте, я уверена вы видите, что это просто шутка :) (градиент радуга, шрифт Comic Sans, стиль Photoshop “рельеф”, плохая грамматика и т.д.)

Итак, мой список из 15 признаков плохого дизайна. Некоторые из них взяты из книги Робина Уильямса ” Недизайнерская книга о шрифтах”.

Ставьте себе галочку за каждый пункт, который вы применяете в своей практике, и если вы наберете более 3х балов, очень жаль, но вы потеряны, как дизайнер. :)

1. Гельветика

bad01

Используете ли вы везде Гельветику?

Да я знаю, это самый популярный шрифт всех времен, однако не стоит использовать его везде, только потому что он есть. Попытайтесь использовать какой-нибудь другой шрифт в следующий раз, попытайтесь отойти от привычки. Вот несколько альтернатив на вскидку: Trade Gothic, Formata, Futura, Antique Olive, Eurostile.

2. Неправильные кавычки.

bad02

Используете ли вы симметричные кавычки?

Симметричные кавычки были для пишущих машинок, но времена изменились! Посмотрите на разницу между кавычками выше.

  1. Кавычки не выступают за край текстового блока.
  2. Симметричные кавычки (” “) были использованы вместо истинных русских кавычек (« »).
  3. Использованы кавычки (’ и ”) вместо математического знака дюйма после 7 и 3.
  4. В английском тексте был пропущен апостроф.

На самом деле проблема с кавычками возникает из-за не совсем удобного устройства клавиатуры — то, что большинство людей принимают за правильные кавычки ” (Shift+2), ни что иное как прямые кавычки пришедшие из пишущих машинок, в настоящее время они не используются в типографике. Кавычки русского языка — «елочки», иногда используются „лапки“, в основном для рукописных текстов и внутри кавычек «елочек», при переводе значения иноязычного слова иногда также употребляют ‘английские одиночные’ кавычки.  В английских текстах используются “английские двойные”  и ‘английские одиночные’ кавычки, «елочки» — никогда. Не вводите фигурные кавычки (’ и ”), когда вам нужно обозначить дюйм или фут (˝ и´). Для каждого вида кавычек существуют свои сочетания клавиш, каждому дизайнеру было бы неплохо их знать или иметь по началу табличку (пожалуй я опубликую ее позже).

3. Кавычки цитаты не свисают.

Свисают ли в вашем тексте кавычки цитаты за строку?

См. на рисунке в номер 2, в первом случае кавычки сдвигают строку вправо, во втором, кавычки свисают — второй вариант правильный.

4.Двойной междустрочный пробел.

bad03

Нажимаете ли вы кнопку ‘Enter’ на клавиатуре дважды?

Использование двойных междустрочных пробелов делает слишком большое расстояние между параграфами и визуально разрывает единый текст.

5. Использование двойных пробелов после знаков пунктуации.

bad04

Используете ли вы двойной пробел после каждого предложения?

Это очень плохая практика, и это не правильно. Один пробел — единственно верный вариант.

6. Использование плашки за тестом.

bad05

Используете ли вы прямоугольные цветные плашки под текстом?

Просто потому, что вы можете это делать, не означает, что вам нужно это делать. Попробуйте что-нибудь другое, используйте активный заголовок, белое пространство листа, различные шрифты, врезки цитат в текст (они привлекают к себе внимание, часто используются в журналах) и т.д. Вы можете видеть на картинке выше, как окружающее белое поле делает текст активным и выделяет его — вы можете использовать такой прием, но не переусердствуйте, чтобы ни потерять целостность изображения/ текста.

7. Центральная композиция

bad06

Используете ли вы центральную композицию в вашем дизайне?

Центральная композиция, как правило, плохая практика, они придает жутко скучный вид макету. Зеленое предложение более эффектно, оно более динамично. Использование смещения влево или вправо придает динамику всей странице, и, как правило, это лучший вариант, если, конечно нет причин для использования центрального выравнивания текста, как, например, при создании свадебного приглашения.

8. Рамки

bad07

Используете ли вы повсеместно рамки?

Это часто выдает новичка, который чувствует себя неуверенно, когда текст ничем не ограничен. Используйте белое пространство. Вы можете позволить ему быть там. Серьезно. :)

9. Отступы

bad08

Используете ли вы большие отступы?

Это плохая практика, которая применялась еще во времена печатной машинки. Отступ должен быть равен кеглю шрифта (высоте буквы). Это примерно 2 пробела, а не 5.

10. Дефис как маркер списка.

bad09

Используете ли вы дефисы как маркеры списка?

Это пережиток печатных машинок и непрофессионально. Попробуйте использовать точки или специальные текстовые знаки.

11. Рельефный шрифт и тень под ним.

bad10

Используете ли вы эффект падающих теней или рельефа, которая идет в комплекте с вашим программным обеспечением ?

Пожалуйста прекратите! Это крупнейшая ошибка, выдающая дилетанта. Это стоит в одном ряду  с градиентом-радугой, шрифтом Comic Sans. Просто не используйте их и все. :)

12. 12 кегель шрифта

bad11

Используете ли вы 12 кегель (размер) шрифта по умолчанию с автоматическим интерлиньяжем (междустрочным пробелом)?

Для большинства шрифтов, 12 кегель слишком велик для текстового блока. Сравните 10, 11 и 12 кегли шрифта текста — второй вариант выглядит более профессионально. Попробуйте добавить 1 или 1,5 пункта к выставленному автоматически междустрочному интервалу (интерлиньяжу). В первом варианте по умолчанию выставлен 12 кегель шрифта и автоматический интерлиньяж, во втором — 11 кегель и добавлено 2 пункта к интерлиньяжу.

13. Подчеркивание

Используете ли вы подчеркивание?

Никогда не используйте подчеркивание, исключение — гиперссылки. Подчеркивание было способом для печатных машинок изобразить курсивное написание, потому что у них не было курсива в наборе. Подчеркивание и курсив одновременно это излишество вдвойне, однако правило может быть нарушено.

14. Все заглавные

Пишите ли вы заглавными буквами?

Все заглавные буквы трудно читать, потому, что мы распознаем слово не по буквам, а по форме целого слова. Когда слово состоит из прописных букв, нам приходится читать его по буквам. Заглавные  буквы это замечательно, когда вы осознаете зачем и для чего вы их используете. Попробуйте использовать жирное начертание, различные шрифты и т.п.

15. Плохая грамматика

Отсутствие проверки правописания, не использование правил грамматики — одна из наиболее распространенных сложностей, с которыми приходится сталкиваться дизайнеру. Я бы советовала больше читать хорошей литературы и хотя бы изредка что-то писать.

Сколько очков вы набрали?

Если вы набрали более 3х, не беспокойтесь — умение создавать дизайн профессионального уровня приходит со временем, если вы практикуетесь. Если вы набрали меньше 3х — поздравляю, все здорово. :)

Какие пункты добавили бы вы к этому списку?

Мой блог находят по следующим фразам

Похожие записи:

Popularity: 44% [?]

Нравится статья? Подпишитесь на RSS статей моего блога!

© Статью опубликовала Чернова Анастасия, дизайнер АртКомпота.

Подпишитесь на RSS комментариев к этой публикации

9 коммент. »

  • Наталья пишет:

    я набрала 2 балла. однако это не поможет мне стать хорошим дизайнером :)).

  • Настя-АртКомпот (author) пишет:

    Наталья, поздравляю! :)
    Почему нет? Да и с чего вы взяли что вы им не являетесь?:)

  • Nin-Elle пишет:

    Спасибо. статья хорошая. у меня ноль. в свое время выцеживала всю эту инфу у Лебедева ;)
    Пункт 11 - смеялась))))))))))) ппц))))))))))))))

  • Матвей пишет:

    Благодарю за статейку. Теперь я знаю что у меня было не правильно. Буду теперь стараться выполнять хорошую работу проверяя на эти признаки.

  • Полина пишет:

    Вообще для России наверно надо было не Гельветику назвать, а Ариал какой-нибудь…или Вердану. Гельветика даже не входит в состав стандартных кириллических шрифтов. Ну да это я занудствую :)

    Анастасия, я только что отправила вам письмо, а теперь я встречаю у вас статью, которую собиралась переводить для http://designscience.ru/ :)
    Можно её перепостить со ссылкой на вас? И вообще…а давайте делать дизайнсайнс вместе? Ведь вы тут занимаетесь точь в точь тем же, чем я там! Только тому сайту я хочу дать развитие именно как самостоятельному дизайн блогу.

  • ZooxommaMup пишет:

    А реально у вас купить баннеры на блоге? Если можно, сообщите, пожалуйста, на reklama@the-avto.ru

  • mazder пишет:

    Спасибо за хорошо изложенную информацию. Будем совершенствоваться.

  • schenk пишет:

    это уже вёрстка.. я так думаю.

  • Semen16 пишет:

    У меня получилось три. Не знаю радоваться или грустить. Но думаю мне есть еще над чем работать.

Оставить комментарий

Добавьте свой комментарий или трэкбэк . Вы также можете подписаться на комментарии по RSS.

Будте вежливы. Не ругайтесь. Оффтоп тоже не приветствуем. Спам убивается моментально.

Вы можете использовать эти тэги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>