Лицензия

Лицензия Creative Commons
Материалы блога доступны по лицензии Creative Commons «Attribution-NonCommercial-ShareAlike» («Атрибуция — Некоммерческое использование — На тех же условиях») 4.0 Всемирная.

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

С уважением Бугайчук К.Л.

Подумайте об этом

понедельник, 22 октября 2018 г.

Руководство для недизайнеров (создавайте увлекательные презентации) (Часть 9)

1. Руководство для недизайнеров (создавайте увлекательные презентации) (Часть 1): http://bugaychuk.blogspot.com/2018/03/1.html

2. Руководство для недизайнеров (создавайте увлекательные презентации) (Часть 2): http://bugaychuk.blogspot.com/2018/03/2_24.html

3. Руководство для недизайнеров (создавайте увлекательные презентации) (Часть 3): http://bugaychuk.blogspot.com/2018/04/3.html

4. Руководство для недизайнеров (создавайте увлекательные презентации) (Часть 4): http://bugaychuk.blogspot.com/2018/05/4.html

5. Руководство для недизайнеров (создавайте увлекательные презентации) (Часть 5): http://bugaychuk.blogspot.com/2018/07/5.html

6. Руководство для недизайнеров (создавайте увлекательные презентации) (Часть 6): http://bugaychuk.blogspot.com/2018/08/6.html

7. Руководство для недизайнеров (создавайте увлекательные презентации) (Часть 7): http://bugaychuk.blogspot.com/2018/09/7.html

8. Руководство для недизайнеров (создавайте увлекательные презентации) (Часть 8): https://bugaychuk.blogspot.com/2018/09/8.html


Как создать визуальную иерархию?

Цель хорошего визуального дизайна - ориентировать взгляд зрителя в определенном направлении. 

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

Например, этот слайд  использует определенные приемы, такие как размер, контраст, цвет, типографика и интервал. Даже зритель, не обученный графическому дизайну, может сказать, что фокус - это пингвин, а взгляд зрителей затем переходит к выделенным словам, а после них - к остальной части заголовка.





Размер объекта соответствует его важности

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

Если элементы будут иметь одинаковый визуальный вес - все они будут соревноваться за внимание, и зритель не будет знать, где искать в первую очередь. Например, эта серия слайдов использует "увеличенный" текст для создания более драматического эффекта и быстрого привлечения внимания к основному сообщению.





Создайте иллюзию глубины

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



Выбор цвета тоже может подчеркивать расстояние. Более теплые цвета, такие как красный и желтый, выглядят ближе на темном фоне, в то время как прохладные цвета, такие как синий или зеленый, обычно отступают на задний план. Совершенно иначе происходит с дизайном на светлом фоне: холодные цвета, такие как синий и зеленый, выглядят ближе, чем теплые цвета.

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


Используйте контраст для привлечения внимания

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

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




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




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

Выравнивание является частью структуры, в соответствии с которой размещаются элементы композиции. Это говорит о том, что визуальные компоненты, будь то текст или изображения, не могут располагаться произвольно. Например, типичная страница текста выравнивается влево, так что объекты имеют левое поле.

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



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

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




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




Используйте "правило трети"

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

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

Хотя этот принцип, не всегда должен соблюдаться, "правило трети" полезно для создания динамических композиций, которые не являются полностью центрированными и симметричными.




Используйте негативное пространство

Негативное (пустое пространство) столь же важно для вашего дизайна, как и остальные элементы. Оно позволяет останавливать взгляд или приковывать внимание к определенным элементам композиции. Негативное пространство делает ваш дизайн чистым и элегантным.

Посмотрите, как использование негативного пространства подчеркивает ключевые элементы этих слайдов.

среда, 3 октября 2018 г.

Quick Capture - инструмент для отличных скришотов

1. На курсах повышения квалификации меня часто спрашивают: "Чем Вы делаете скриншоты". Обычно я отвечаю: "Стандартными ножницами в "windows" или с помощью расширения Chrome Lightshot (https://chrome.google.com/webstore/detail/lightshot-screenshot-tool/mbniclmhobmnbdlbpiphghaielnnpgdp). 




2. Но как говорится инструментов много, и каждый может выбрать что-то свое. Так недавно нашел еще один инструмент - расширение Chrome "Quick Capture", которое показало довольно неплохие возможности.

Для того, чтобы начать им пользоваться, надо зайти в магазин расширений и установить его по этой ссылке (https://chrome.google.com/webstore/detail/quick-capture/ekgdfadnljkojodbanjmneldmojbmcod)




3. После успешной установки на панели инструментов появится соответствующая иконка, нажав на которую Вы можете выбрать несколько вариантов скриншота:

  • Скриншот видимой части вашего экрана
  • Скриншот целой веб-страницы (даже невидимой части)
  • Отложенный скриншот (пауза 3 секунды)
  • Скриншот рабочего стола
  • Скриншот выбранной вами части экрана
  • Скриншот части страницы, которая ограничена рамками (программа предлагает вам сама такие фрагменты)




4. После Вашего действия скриншот открывается в отдельном окне и предлагает вам дополнительные инструменты для обработки изображения: написать текст, сделать надпись карандашом или кистью, нарисовать линии, стрелки, вставить другую картинку, вставить квадрат или круг, которые можно залить сплошным цветом или сделать прозрачными





5. Как только ваш скриншот будет готов, вы можете сохранить его на свой Google Диск, локальный жесткий диск, отправить его на Slack или сохранить в Quick Capture. Вы можете сохранить свои снимки в Quick Capture либо без регистрации, но в этом случае ваши записи хранятся только 10 дней или вы можете войти в Facebook или Google и сохранить скриншоты в свободном хранилище в течение 30 дней или загрузить ваши снимки прямо на локальный диск компьютера.



Удачного и творческого использования)!

понедельник, 17 сентября 2018 г.

Руководство для недизайнеров (создавайте увлекательные презентации) (Часть 8)

1. Руководство для недизайнеров (создавайте увлекательные презентации) (Часть 1): http://bugaychuk.blogspot.com/2018/03/1.html

2. Руководство для недизайнеров (создавайте увлекательные презентации) (Часть 2): http://bugaychuk.blogspot.com/2018/03/2_24.html

3. Руководство для недизайнеров (создавайте увлекательные презентации) (Часть 3): http://bugaychuk.blogspot.com/2018/04/3.html

4. Руководство для недизайнеров (создавайте увлекательные презентации) (Часть 4): http://bugaychuk.blogspot.com/2018/05/4.html

5. Руководство для недизайнеров (создавайте увлекательные презентации) (Часть 5): http://bugaychuk.blogspot.com/2018/07/5.html

6. Руководство для недизайнеров (создавайте увлекательные презентации) (Часть 6): http://bugaychuk.blogspot.com/2018/08/6.html

7. Руководство для недизайнеров (создавайте увлекательные презентации) (Часть 7): http://bugaychuk.blogspot.com/2018/09/7.html


Как использовать видео в презентации

Сделайте видеоклипы короткими
Чтобы поддерживать интерес аудитории, убедитесь, что ваши видеофайлы в презентации длятся 30-60 секунд, так как 75% зрителей предпочитают смотреть видео в полном объеме длительностью до одной минуты .

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





Используйте авторские видео

В соответствии с мнением известного спикера Кармина Галло (https://www.mann-ivanov-ferber.ru/authors/carminegallo/), аутентичные видеоролики, используемые в маркетинге, продажах или презентациях, часто более эффективны, чем отрежиссированные корпоративные видео.

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




Вот несколько вариантов использования видео в презентациях:
  • отзывы
  • примеры использования
  • интервью
  • отчеты о мероприятиях
  • "закадровые события", "внутренняя кухня".




Демонстрируйте полноэкранное видео


Как и в случае с изображениями, видеоролики наиболее эффективны при просмотре в полноэкранном режиме. 



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

Вы можете создавать свои собственные киноролики с помощью онлайн-инструментов, таких как Flixel (https://flixel.com)
 или Piotagraph (https://plotaverse.com).




Как создавать эффективные диаграммы

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

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






(виды диаграмм расположены по четырем основным направлениям: отношение, сравнение, распределение, композиция)


Определите ключевое послание

1. Любой опытный коммуникатор скажет вам, что ключ к созданию правильного сообщения - это сначала выяснить, что вы хотите сказать, а затем передать это ясным и сжатым способом. То же самое касается диаграмм и графиков.

Для каждого элемента вашей диаграммы спросите себя: "Этот элемент передает ключевую мысль?", если ответ отрицательный, тогда подумайте о его устранении.
Также спросите себя: "Можно ли это обобщить?". Если некоторые детали не являются существенными, тогда рассмотрите возможность обобщения определенных элементов, объединив их в более широкие категории (см. пример ниже)



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




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





4. Удаляйте видимые границы и сетки






5. По возможности удалите легенды, а вместо этого подпишите сегменты, линии или столбцы.




6. Воспользуйтесь следующими наборами визуализации для создания ваших диаграмм


Графики и диаграммы 


Абстракции 



Аналогии



Аллегории





понедельник, 3 сентября 2018 г.

Руководство для недизайнеров (создавайте увлекательные презентации) (Часть 7)

Прошлые публикации:

1. Руководство для недизайнеров (создавайте увлекательные презентации) (Часть 1): http://bugaychuk.blogspot.com/2018/03/1.html

2. Руководство для недизайнеров (создавайте увлекательные презентации) (Часть 2): http://bugaychuk.blogspot.com/2018/03/2_24.html

3. Руководство для недизайнеров (создавайте увлекательные презентации) (Часть 3): http://bugaychuk.blogspot.com/2018/04/3.html

4. Руководство для недизайнеров (создавайте увлекательные презентации) (Часть 4): http://bugaychuk.blogspot.com/2018/05/4.html

5. Руководство для недизайнеров (создавайте увлекательные презентации) (Часть 5): http://bugaychuk.blogspot.com/2018/07/5.html

6. Руководство для недизайнеров (создавайте увлекательные презентации) (Часть 6): http://bugaychuk.blogspot.com/2018/08/6.html


Как выбрать идеальную цветовую схему?

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


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








Если у вас нет времени на создание собственных цветовых схем, существует множество бесплатных генераторов цветовых схем, таких как:
Вот несколько цветовых схем, автоматически создаваемых этими инструментами:




Будьте проще!

Вы, наверное, слышали это выражение раньше, но когда дело доходит до дизайна, как правило, оно не соблюдается. Старайтесь использовать простой дизайн и не использовать слишком много цветов. Обычно для презентации достаточно трех-четырех цветов.




Правило 60-30-10

Легкий способ создания сбалансированной презентации придерживаться правила 60-30-10. Это означает, что если вы выбрали три цвета, как рекомендовано ранее, тогда вы должны выделить 60 процентов пространства для основного цвета. 30 процентов к второму и 10 процентов к цвету акцента.




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

Другим простым правилом является представление Вашего контента в виде небольших фрагментов информации, чтобы он максимально легко усваивался. 
Давно прошли те дни, когда делали презентации с 10 или 15 слайдами. 

В настоящее время привлекательные презентации, которые можно просмотреть менее чем за 3 минуты, состоят из 50-60 слайдов. Зачем? 

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



Как создать собственные цветовые схемы?

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

Например, мы выбрали эту фотографию из-за того, что ее цвета передают спокойствие и теплоту.





Затем инструмент Coolors сгенерировал эту цветовую схему для нас:
И вот как это выглядит на слайде:



Настройка цвета ваших изображений

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





ПРОДОЛЖЕНИЕ БУДЕТ...

суббота, 11 августа 2018 г.

Руководство для недизайнеров (создавайте увлекательные презентации) (Часть 6)

Прошлые публикации:

1. Руководство для недизайнеров (создавайте увлекательные презентации) (Часть 1): http://bugaychuk.blogspot.com/2018/03/1.html

2. Руководство для недизайнеров (создавайте увлекательные презентации) (Часть 2): http://bugaychuk.blogspot.com/2018/03/2_24.html

3. Руководство для недизайнеров (создавайте увлекательные презентации) (Часть 3): http://bugaychuk.blogspot.com/2018/04/3.html

4. Руководство для недизайнеров (создавайте увлекательные презентации) (Часть 4): http://bugaychuk.blogspot.com/2018/05/4.html

5. Руководство для недизайнеров (создавайте увлекательные презентации) (Часть 5): http://bugaychuk.blogspot.com/2018/07/5.html


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

На представленном изображении каждый цвет связан с определенной эмоцией или концепцией, в зависимости от культурного контекста (в то время как красный может означать страсть и любовь на Западе, в Китае, он связан с процветанием).







  1. Черный: власть, тайна, смерть, утонченность.
  2. Белый: надежда, простота, чистота, доброта, непорочность.
  3. Красный: любовь, страсть, роман, энергия, опасность.
  4. Желтый: интеллект, дружелюбие, тепло, трусость, осторожность.
  5. Синий: мир, искренность, интеграция, спокойствие.
  6. Серый: власть, стабильность, безопасность, зрелость.
  7. Оранжевый: креативность, инновации, идеи, мысли.
  8. Зеленый: жизнь, рост, природа, деньги, свежесть.
  9. Фиолетовый: достоинство, мудрость, роскошь, величие
Более подробно о восприятии цветов можно прочитать здесь:

1) О черном цвете: http://bugaychuk.blogspot.com/2017/12/blog-post.html
2) О белом цвете: http://bugaychuk.blogspot.com/2017/12/blog-post_21.html
3) О красном цвете: http://bugaychuk.blogspot.com/2017/12/blog-post_30.html
4) О желтом цвете: http://bugaychuk.blogspot.com/2018/01/blog-post.html
5) О синем и зеленом цветах: http://bugaychuk.blogspot.com/2018/01/blog-post_21.html


ЦВЕТОВОЙ КРУГ



Сочетания цветов

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

Теплые цвета: красный оранжевый, желтый





Холодные цвета: зеленый, голубой, фиолетовый




Комплиментарные (дополнительные) комбинации

Чтобы создать "дополнительные" цветовые комбинации, вы должны выбрать два цвета, которые стоят в круге друг напротив друга - например, теплый цвет - оранжевый, и прохладный цвет - синий.







Близкие комплиментарные комбинации

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



Триады и квадро цветовые комбинации

Эти цветовые схемы используют геометрические фигуры для выбора и комбинирования трех или четырех разных оттенков из цветного колеса.





Аналогичные цвета

Эти цвета расположены рядом друг с другом на цветном колесе.







Монохроматические цвета.

Этот тип цветовой комбинации состоит из разных тонов и оттенков одного и того же цвета






ПРОДОЛЖЕНИЕ БУДЕТ...