4-й слойсеминар о 4м слое дизайна по мотивам книги «Дизайн для недизайнеров»

P.S. о слоях дизайна читайте здесь (ссылка кликабельна): http://leadmachine.ru/2013/10/23/the_dribbblisation_of_design/

Привет! Меня зовут Надя Поминова, я не дизайнер, но мне часто приходится что-нибудь оформлять.Пришлось познакомиться с некоторыми правилами дизайна или узнать какие-то вещи опытным путём. Теперь я расскажу всё это вам.

Плохой дизайн вокруг нас. Его создаём мы сами.

Слайд семинара

Документ

Целевая страница

Слайд презентации

Я и сама так делала

Страница отчёта

Почему так происходит?

Как вы видите то, что вы сделали

Как вы видите то, что вы сделали

Как это на самом деле выглядит

Важно научиться видеть плохое и понимать, почему это плохо. Для этого надо знать самые основные правила дизайна.

Правило приближения

Связанные элементы необходимо объединять в группы.

ПлохоВсе элементы находятся на равном удалении друг от друга, даже пункты списка, которые следует сгруппировать.

Плохо

Описание «На этот email придёт письмо с файлом» находится не на своём месте — из-за того, что оно далеко от поля «email», становится непонятно, к чем оно относится. Надпись «Скачивая файл...» относится к кнопке, но визуально это непонятно

Плохо Хорошо

Описание «На этот email придёт письмо с файлом» находится не на своём месте — из-за того, что оно далеко от поля «email», становится непонятно, к чем оно относится. Надпись «Скачивая файл...» относится к кнопке, но визуально это непонятно

Правило приближения структурирует материал. Так его легче воспринимать и запоминать

Важно:используйте расстояние между элементами для построения логических связей.

Правило приближения

Правило выравнивания

Ни один элемент страницы не можеть быть расположен случайным образом.

Плохо

На одной странице применено два выравнивания: по центру и по левому краю. Элементы не выровнены относительно друг друга.

Лучше

Единое выравнивание на всей странице, но выровнено по центру

Хорошо

Единое выравнивание по левому краю, общая граница связывает элементы и придаёт выразительность

Почему лучше не выравнивать по центру?

Посмотрите на этот абзац. Часто, когда абзац выровнен по центру, так сразу и не поймёшь, выровнен он по центру специально, или это просто неопрятность. Как здесь. Строки

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

Почему лучше не выравнивать по центру?

Посмотрите на этот абзац. Часто, когда абзац выровнен по центру, так сразу и не поймёшь, выровнен он по центру специально, или это просто неопрятность. Как здесь. Строки

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

Невыразительная граница

делает дизайн невыразительным

Почему лучше не выравнивать по центру?

Посмотрите на этот абзац. Он выглядит убого. Бедненький! Сколько у него проплешин. Может, не стоит так издеваться над текстом? Может, выровним его по левому краю, чтобы он смотрелся красиво?

То же самое о выравнивании по ширине

Правило выравнивания придаёт оформлению выразительность и гармонию

Важно:располагайте элементы на странице осозанно.

Правило выравнивания

Правило повтора

Некоторые компоненты дизайна должны повторяться по всей публикации.

Плохо

Разные шрифты, разное расстояние между строками, одни объявления набраны прописными, другие — строчными буквами.

P.S. Прошу прощения за плохое качество картинки

Хорошо

Разные страницы явно принадлежат одному и тому же документу. Это видно благодаря одинаково оформленным заголовкам и номерам разделов, повторяюшимся колонтитулам.

Повторяющиеся элементы объединяют части документа в единое целое

Важно:избегайте избыточного повтора.

Правило повтора

Правило контраста

Контраст должен быть сильным, только тогда он работает. Следуйте принципу «Don’t be a wimp»*

*Не будь слабаком

Какая пара запомнится вам сильнее?

Плохо

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

Реакция и выводы

Компания  разорится  или,  по  крайней  мере,  потеряет  много  денег.Это  значит,  вы  знаете  о  недостатках  в  работе  с  Клиентами  и  в  вашей  работе,  но  не  исправляете.

считают,  что  это  невозможно!  

Хорошо

95%

Контраст привлекает внимание читателя.

Важно:будьте смелее — невозможно создать контраст между шрифтом 11 кегля и шрифтом 14.

Правило контраста

Убирайте лишнее

Все элементы, которые можно убирать, убирайте. Чем меньше элементов, тем лучше.

Плохо

Реакция и выводы

Компания  разорится  или,  по  крайней  мере,  потеряет  много  денег.Это  значит,  вы  знаете  о  недостатках  в  работе  с  Клиентами  и  в  вашей  работе,  но  не  исправляете.

95%считают,  что  это  невозможно!  

Плохо

95%считают,  что  это  невозможно  

Хорошо

Немного о шрифтах

О шрифтах надо запомнить:

шрифты есть с засечками и без засечек

есть изящные шрифты, где линия имеет сильный переход от тонкой к толстой (Garamond), а есть такие, как этот — почти без конраста

Пара правил для сочетания шрифтов

не используйте больше 3 шрифтов в одном документе

сочетая шрифты, создавайте контраст

Стив Джобс

« »И одна последняя вещь

Не используйте клипарт

НИКОГДА

Не используйте клипарт

Давайте делать красиво