15 признаков отвратительного дизайна
Повстречалась мне не так давно очень полезная и интересная статья с одноименным названием, на основе которой я решила написать эту на АртКомпоте
Это спорная тема, тем не менее, она может дать некоторое представление о тех ошибках в дизайне, которые ведут к непрофессиональному виду итогового продукта, однако ни один из нижеперечисленных пунктов не является жестким правилом — это только общее руководство, которое следует знать.
И прошу меня простить за эту жуткую графику на рисунках в этом посте, я уверена вы видите, что это просто шутка :) (градиент радуга, шрифт Comic Sans, стиль Photoshop “рельеф”, плохая грамматика и т.д.)
Итак, мой список из 15 признаков плохого дизайна. Некоторые из них взяты из книги Робина Уильямса ” Недизайнерская книга о шрифтах”.
Ставьте себе галочку за каждый пункт, который вы применяете в своей практике, и если вы наберете более 3х балов, очень жаль, но вы потеряны, как дизайнер. :)
1. Гельветика
![]()
Используете ли вы везде Гельветику?
Да я знаю, это самый популярный шрифт всех времен, однако не стоит использовать его везде, только потому что он есть. Попытайтесь использовать какой-нибудь другой шрифт в следующий раз, попытайтесь отойти от привычки. Вот несколько альтернатив на вскидку: Trade Gothic, Formata, Futura, Antique Olive, Eurostile.
2. Неправильные кавычки.
![]()
Используете ли вы симметричные кавычки?
Симметричные кавычки были для пишущих машинок, но времена изменились! Посмотрите на разницу между кавычками выше.
- Кавычки не выступают за край текстового блока.
- Симметричные кавычки (” “) были использованы вместо истинных русских кавычек (« »).
- Использованы кавычки (’ и ”) вместо математического знака дюйма после 7 и 3.
- В английском тексте был пропущен апостроф.
На самом деле проблема с кавычками возникает из-за не совсем удобного устройства клавиатуры — то, что большинство людей принимают за правильные кавычки ” (Shift+2), ни что иное как прямые кавычки пришедшие из пишущих машинок, в настоящее время они не используются в типографике. Кавычки русского языка — «елочки», иногда используются „лапки“, в основном для рукописных текстов и внутри кавычек «елочек», при переводе значения иноязычного слова иногда также употребляют ‘английские одиночные’ кавычки. В английских текстах используются “английские двойные” и ‘английские одиночные’ кавычки, «елочки» — никогда. Не вводите фигурные кавычки (’ и ”), когда вам нужно обозначить дюйм или фут (˝ и´). Для каждого вида кавычек существуют свои сочетания клавиш, каждому дизайнеру было бы неплохо их знать или иметь по началу табличку (пожалуй я опубликую ее позже).
3. Кавычки цитаты не свисают.
Свисают ли в вашем тексте кавычки цитаты за строку?
См. на рисунке в номер 2, в первом случае кавычки сдвигают строку вправо, во втором, кавычки свисают — второй вариант правильный.
4.Двойной междустрочный пробел.
![]()
Нажимаете ли вы кнопку ‘Enter’ на клавиатуре дважды?
Использование двойных междустрочных пробелов делает слишком большое расстояние между параграфами и визуально разрывает единый текст.
5. Использование двойных пробелов после знаков пунктуации.
![]()
Используете ли вы двойной пробел после каждого предложения?
Это очень плохая практика, и это не правильно. Один пробел — единственно верный вариант.
6. Использование плашки за тестом.
![]()
Используете ли вы прямоугольные цветные плашки под текстом?
Просто потому, что вы можете это делать, не означает, что вам нужно это делать. Попробуйте что-нибудь другое, используйте активный заголовок, белое пространство листа, различные шрифты, врезки цитат в текст (они привлекают к себе внимание, часто используются в журналах) и т.д. Вы можете видеть на картинке выше, как окружающее белое поле делает текст активным и выделяет его — вы можете использовать такой прием, но не переусердствуйте, чтобы ни потерять целостность изображения/ текста.
7. Центральная композиция
![]()
Используете ли вы центральную композицию в вашем дизайне?
Центральная композиция, как правило, плохая практика, они придает жутко скучный вид макету. Зеленое предложение более эффектно, оно более динамично. Использование смещения влево или вправо придает динамику всей странице, и, как правило, это лучший вариант, если, конечно нет причин для использования центрального выравнивания текста, как, например, при создании свадебного приглашения.
8. Рамки
![]()
Используете ли вы повсеместно рамки?
Это часто выдает новичка, который чувствует себя неуверенно, когда текст ничем не ограничен. Используйте белое пространство. Вы можете позволить ему быть там. Серьезно. :)
9. Отступы
![]()
Используете ли вы большие отступы?
Это плохая практика, которая применялась еще во времена печатной машинки. Отступ должен быть равен кеглю шрифта (высоте буквы). Это примерно 2 пробела, а не 5.
10. Дефис как маркер списка.
![]()
Используете ли вы дефисы как маркеры списка?
Это пережиток печатных машинок и непрофессионально. Попробуйте использовать точки или специальные текстовые знаки.
11. Рельефный шрифт и тень под ним.
![]()
Используете ли вы эффект падающих теней или рельефа, которая идет в комплекте с вашим программным обеспечением ?
Пожалуйста прекратите! Это крупнейшая ошибка, выдающая дилетанта. Это стоит в одном ряду с градиентом-радугой, шрифтом Comic Sans. Просто не используйте их и все. :)
12. 12 кегель шрифта
![]()
Используете ли вы 12 кегель (размер) шрифта по умолчанию с автоматическим интерлиньяжем (междустрочным пробелом)?
Для большинства шрифтов, 12 кегель слишком велик для текстового блока. Сравните 10, 11 и 12 кегли шрифта текста — второй вариант выглядит более профессионально. Попробуйте добавить 1 или 1,5 пункта к выставленному автоматически междустрочному интервалу (интерлиньяжу). В первом варианте по умолчанию выставлен 12 кегель шрифта и автоматический интерлиньяж, во втором — 11 кегель и добавлено 2 пункта к интерлиньяжу.
13. Подчеркивание
Используете ли вы подчеркивание?
Никогда не используйте подчеркивание, исключение — гиперссылки. Подчеркивание было способом для печатных машинок изобразить курсивное написание, потому что у них не было курсива в наборе. Подчеркивание и курсив одновременно это излишество вдвойне, однако правило может быть нарушено.
14. Все заглавные
Пишите ли вы заглавными буквами?
Все заглавные буквы трудно читать, потому, что мы распознаем слово не по буквам, а по форме целого слова. Когда слово состоит из прописных букв, нам приходится читать его по буквам. Заглавные буквы это замечательно, когда вы осознаете зачем и для чего вы их используете. Попробуйте использовать жирное начертание, различные шрифты и т.п.
15. Плохая грамматика
Отсутствие проверки правописания, не использование правил грамматики — одна из наиболее распространенных сложностей, с которыми приходится сталкиваться дизайнеру. Я бы советовала больше читать хорошей литературы и хотя бы изредка что-то писать.
Сколько очков вы набрали?
Если вы набрали более 3х, не беспокойтесь — умение создавать дизайн профессионального уровня приходит со временем, если вы практикуетесь. Если вы набрали меньше 3х — поздравляю, все здорово. :)
Какие пункты добавили бы вы к этому списку?
Мой блог находят по следующим фразам
- примеры брифа
- реклама reason why
- дизайн макет календаря
- календари настенные дизайн
- дизайн 8 марта
- прайс на верстку журнала и цены за срочность
Похожие записи:
Popularity: 44% [?]
Нравится статья? Подпишитесь на RSS статей моего блога!
© Статью опубликовала Чернова Анастасия, дизайнер АртКомпота.
Подпишитесь на RSS комментариев к этой публикации




я набрала 2 балла. однако это не поможет мне стать хорошим дизайнером :)).
Наталья, поздравляю! :)
Почему нет? Да и с чего вы взяли что вы им не являетесь?:)
Спасибо. статья хорошая. у меня ноль. в свое время выцеживала всю эту инфу у Лебедева ;)
Пункт 11 - смеялась))))))))))) ппц))))))))))))))
Благодарю за статейку. Теперь я знаю что у меня было не правильно. Буду теперь стараться выполнять хорошую работу проверяя на эти признаки.
Вообще для России наверно надо было не Гельветику назвать, а Ариал какой-нибудь…или Вердану. Гельветика даже не входит в состав стандартных кириллических шрифтов. Ну да это я занудствую :)
Анастасия, я только что отправила вам письмо, а теперь я встречаю у вас статью, которую собиралась переводить для http://designscience.ru/ :)
Можно её перепостить со ссылкой на вас? И вообще…а давайте делать дизайнсайнс вместе? Ведь вы тут занимаетесь точь в точь тем же, чем я там! Только тому сайту я хочу дать развитие именно как самостоятельному дизайн блогу.
А реально у вас купить баннеры на блоге? Если можно, сообщите, пожалуйста, на reklama@the-avto.ru
Спасибо за хорошо изложенную информацию. Будем совершенствоваться.
это уже вёрстка.. я так думаю.
У меня получилось три. Не знаю радоваться или грустить. Но думаю мне есть еще над чем работать.
Оставить комментарий
Меню
RSS лента
Вход/Выход
Блог
Архив
Добрые соседи
Книга
Популярные записи
Метки
Последние записи в блогах
Самое комментируемое
Popular Searches