Вебинар "Как сформировать визуальную концепцию проекта"

Get Started. It's Free
or sign up with your email address
Rocket clouds
Вебинар "Как сформировать визуальную концепцию проекта" by Mind Map: Вебинар "Как сформировать визуальную концепцию проекта"

1. Резюме

1.1. Бонусы

1.2. Список книг

2. Вступление

2.1. Приветствие

2.2. Регламент

2.2.1. 1 часть Немного теории

2.2.1.1. Понятие дизайна

2.2.1.2. 10 признаков качественного дизайна

2.2.2. 2 часть О насущном

2.2.2.1. Подбор шаблона

2.2.2.2. Где достать изображения

2.2.3. 3 часть Что же я хочу

2.2.3.1. Майнд-карта

2.2.3.2. Муд боард

2.2.3.3. Аватар проекта

2.2.4. 4 часть Работа с дизайнером

2.2.4.1. Работа с дизайнером

2.3. Об авторе

2.3.1. Художественное профильное образование

2.3.2. Опыт работы 13 лет

2.3.3. Работа в журналах

2.4. Проблемы

2.4.1. Качественные иллюстрации

2.4.2. Взаимодействие с дизайнером

2.4.3. Визуальной концепцией

2.4.4. Отсутствие ресурсов

2.4.5. Самостоятельная работа над дизайном

2.4.6. Отсутствие ориентиров на качество

2.4.7. Щаблон для сайта?

3. Часть 4 Работа с дизайнером

3.1. Вы решили обратиться к дизайнеру

3.2. Портфолио или рекомендация

3.2.1. Смотрите портфолио

3.2.2. Читайте отзывы

3.2.3. Спрашивайте предыдущих заказчиков

3.3. Дизайнеру нужны рельсы

3.3.1. Техзадание

3.3.2. Сроки

3.3.3. Примеры

3.3.4. Объемы

3.3.5. Оплата

3.3.5.1. Если работа не устроила значит неверное теххадание

3.3.5.2. Если работа выполнена в соответствии с техзаданием, то работа должна быть оплачена

3.3.6. Опытные дизайнеры делают 2+1 варианта

3.3.6.1. Предоплата не возвращается

3.3.7. Понятия и определения

3.3.8. Штрафы

3.4. Чувство внутреннего комфорта в общении

3.4.1. малейшее напряжение

3.5. Деньги - не всегда мотивация

3.5.1. Пополнить портфолио

3.5.2. Зацепиться за интересный проект

3.5.3. Сделать качественный проект

3.5.4. Доверие

3.5.5. Взять ответственность

3.5.6. Повысить квалификацию

3.5.7. Самоутвердиться

3.5.8. Творческие амбиции

3.5.9. Привлечь внимание - Ах какая крутая ))

3.6. Разработка четких условий

3.6.1. Риски

3.6.2. Сроки

3.6.2.1. Моя личная проблема

3.6.3. Форсмажорные обстоятельства

3.6.4. Чем Вы готовы пожертвовать, а чем не готовы

3.6.5. Работа с мамами

3.6.5.1. Группа риска

3.6.5.2. Приоритет - ребенок

3.6.6. Интенсивность работы

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

3.6.8. Вертикальная или горизонтальная структура

3.6.9. Какую роль играет дизайнер в Вашем проекте

3.6.9.1. Исполнитель для Ваших идей

3.6.9.2. Сотворец

3.7. Совпадение ритмов жизни

3.8. Совпадение ценностей

3.9. Обязанности

3.9.1. Дизайнер - выполнение обязательств

3.9.2. Выдача контента и обратная связь

3.9.3. Заказчик и дизайнер не должны руководствоваться только лишь своими вкусовыми предпочтениями

3.9.3.1. Что будет хорошо для проекта?

3.9.4. Дизайнер должен становиться на позицию заказчика

3.9.5. Соблюдение авторских прав

3.10. сообразительность

3.11. Адекватность

3.11.1. Умение выходить из конфликтных ситуаций и оставаться в нормальных отношениях если что-то пошло не так

3.11.1.1. Пример из жизни - работа на ВЗ

3.11.1.2. Низкая стоимость работы

3.11.1.3. Много вариантов

3.11.1.4. 3 ситуации

3.11.1.4.1. Заплатил но сказал не буду использовать

3.11.1.4.2. Было разработано много вариантов, ни один не устроил, работа не оплачена, но и распрощались вежливо

3.11.1.4.3. Было разработано много вариантов, заказчик предъявил претензии за затраченное время, указал на несоответствие работы техзаданию. отметил непрофессиональность, между тем цена вопроса была 500 Р

3.11.2. соответствие сроков и техзадания

3.11.3. соответствие техзадания и оплаты

3.12. Открытость

4. Часть 3 Что же я хочу

4.1. Майнд-карта

4.1.1. Не только бизнес-паззл

4.1.2. Конспект

4.1.3. Наглядное пособие

4.1.4. Содержание любимой книги

4.1.5. Разработка концепции

4.1.6. Набор ассоциаций

4.2. Аватар проекта

4.2.1. Для кого мой проект?

4.2.2. Помнить про пользователя

4.2.3. Становиться на место пользователя

4.3. Муд боард

4.3.1. Логотип

4.3.2. Контент блога

4.3.3. Цветовая гамма

4.3.4. Концепция нового продукта или рекламной кампании

4.3.5. http://mural.ly

4.3.6. Стиль

4.3.7. Интерьер

4.3.8. Цветовая гамма

4.3.9. Набор визуальных ассоциаций

4.3.10. Набор основных ключевых слов

4.3.11. Описание частей проекта

4.3.12. Пригодится дизайнеру, который работает над Вашим проектом

4.3.13. Поможет держать в голове визуальную картинку

4.4. Основа для фирменного стиля

4.4.1. Элементы

4.4.1.1. Сайт

4.4.1.2. Группа Вконтакте

4.4.1.3. ЖЖ

4.4.1.4. Группа ФБ

4.4.1.5. Шаблоны для обложек

4.4.1.6. Шаблоны для материалов к тренингам

4.4.1.7. Шаблоны для баннеров

4.4.1.8. Логотип

4.4.1.9. Шрифты

4.4.1.10. Стилевые правила

4.4.1.11. Стилеобразующие элементы

4.4.2. Цель фирменного стиля

4.4.2.1. Идентификация бренда

4.4.2.2. Создание стилевых правил для дизайнеров, которые работают в проекте в разное время

4.4.2.3. Подача

4.4.2.4. Имидж

4.4.2.5. Цельное восприятие бренда

4.4.3. Система в использовании тех или иных элементов

4.4.4. Первые шаги

4.4.4.1. Логотип

4.4.4.2. Цветовая гамма

4.4.4.3. Использование 2-х шрифтов

4.4.4.4. Использование шаблонов

5. Часть 1 Немного теории

5.1. Что такое дизайн?

5.1.1. Медиа-среда

5.1.2. Визуальные коммуникации

5.1.3. Разговор с потребителем через изображение

5.1.4. Дизайн после контента

5.2. Насколько серьезно стоит заниматься дизайном?

5.2.1. Конкурентное преимущество

5.2.2. Способ вы делиться среди похожих проектов

5.2.3. Сделать проект удобным и гармоничным с точки зрения дизайна

5.2.4. Человек подсознательно тянется к прекрасному и гармоничному

5.2.5. Хороший дизайн делает нашу жизнь удобнее

5.3. 10 признаков качественного дизайна

5.3.1. Цель

5.3.1.1. Сообщение должно привлечь внимание

5.3.1.2. Сообщение должно быть прочитано

5.3.1.3. Сообщение должно запомниться

5.3.1.4. Сообщение должно содержать призыв к действию

5.3.2. 1 Гармоничная цветовая гамма

5.3.2.1. Какая цветовая гамма подойдет моему проекту?

5.3.2.2. Какого цвета ваши конкуренты?

5.3.2.3. Если нет прямых конкурентов, опирайтесь на популярные сайты, на которых "висит" аудитория вашего проекта

5.3.2.4. Как подобрать

5.3.3. 4 Соблюдение правила 2-х шрифтов

5.3.3.1. не более 2-3 шрифтов в макете

5.3.4. 3 Отсутствие стандартных фотошоп-эффектов

5.3.4.1. тени

5.3.4.2. обводка шрифта

5.3.4.3. псевдо-объем

5.3.4.4. стандартные фильтры

5.3.4.5. свечение вокруг букв

5.3.4.6. размытие иллюстраций

5.3.4.7. не усиливают качественное восприятие

5.3.5. 2 Наличие полей и расстояний

5.3.5.1. Разделяет контент на логические блоки

5.3.5.2. Акцентируют внимание

5.3.5.3. Создают ритм на странице

5.3.6. 5 Читабельность

5.3.6.1. Размер - 1.5 em, 14 пт

5.3.6.2. Шрифт без засечек

5.3.6.3. Интерлиньяж

5.3.7. 7 Фон

5.3.7.1. контраст по отношению к шрифту

5.3.7.2. не использовать рисунок для фона на котором расположен мелкий текст

5.3.7.3. светлый фон - темный шрифт

5.3.8. 8 Качественные иллюстрации

5.3.8.1. разрешение

5.3.8.2. художественность

5.3.8.3. соблюдение авторских прав

5.3.9. 9 Акценты

5.3.9.1. привлекают внимание

5.3.9.2. управляют взглядом

5.3.9.3. призыв к действию

5.3.10. 6 Шрифтовые сочетания

5.3.10.1. акцидентные шрифты

5.3.11. 10 Идея

5.3.11.1. последняя по счету но не по важности

5.3.11.2. пронизывает все пункты

5.3.11.3. метафора

5.3.11.4. конкурентное преимущество

5.3.11.5. Пример

5.3.11.5.1. статья о женщине

5.3.11.5.2. заголовок напротив глаз

5.3.11.6. нестандартный подход

5.3.11.7. функциональность

5.4. Стоит ли осваивать дизайн самостоятельно

5.4.1. Стоит учесть - чем дальше, тем больше времени

5.4.2. Читать книги

6. Часть 2 О насущном

6.1. Скажу по секрету, что идеально шаблона не существует

6.2. Подбор шаблона

6.2.1. Платные шаблоны

6.2.1.1. themeforest.net

6.2.1.2. Почему платные

6.2.2. Бесплатные в дайджесте

6.2.3. Определяем тип сайта

6.2.3.1. Зависит от частоты обновления и вида контента

6.2.3.2. Сайт-визитка

6.2.3.3. Корпоративный сайт

6.2.3.4. Блог

6.2.3.5. Портфолио

6.2.3.6. Онлайн-журнал (портал)

6.2.3.7. Не всегда эти типы встречаются в чистом виде

6.2.4. Алгоритм

6.2.4.1. Просматриваем большое количество шаблонов

6.2.4.2. Понравившиеся сохраняем

6.2.4.3. Выбираем 10 шаблонов

6.2.4.4. Из 10 выбираем 3

6.2.4.5. Детально изучаем 3 шаблона

6.2.4.6. Если эти шаблоны не соответствуют требованиям возвращаемся к отбору и изучаем следующие 3 шаблона

6.2.5. На что обратить внимание

6.2.5.1. Отзывы

6.2.5.1.1. хорошие / плохие

6.2.5.1.2. какие пресейл-вопросы задают потенциальные покупатели?

6.2.5.1.3. как часто отвечает разработчик и отвечает ли вообще?

6.2.5.1.4. как часто возникают проблемы и как разработчик их решает

6.2.5.2. Изучить продающую информацию

6.2.5.2.1. Translation-ready

6.2.5.2.2. Пользовательские функции

6.2.5.2.3. Скриншоты

6.2.5.2.4. Наличие инструкции по установке и настройке

6.2.5.2.5. SEO-frendly

6.2.5.3. Изучить демо-версию

6.2.5.3.1. Проверить версии под мобильные приложения

6.2.5.3.2. Размеры основного шрифта

6.2.5.3.3. Читаемость

6.2.5.3.4. Наличие шаблонов

6.2.5.4. проверка поддержки - пресейл-вопрос

6.3. Где достать качественные изображения

6.3.1. flickr.com

6.3.1.1. https://www.flickr.com/search/advanced

6.3.1.2. Пометка

6.3.2. photl.com

6.3.3. pixabay.com

6.3.4. покупка у владельцев сток-аккаунтов

6.3.4.1. http://jc-blog.livejournal.com/1020.html