Скачайте три бесплатных шаблона Muse: В этом ролике я рассказываю, как просто и быстро вставить яндекс-метрику в Adobe Muse 00:10 - где взять код яндекс-метрики 01:14 - копируем код 01:35 - вставляем код в Adobe Muse Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Как Open Graph позволяет сделать ваш сайт привлекательным в социальных сетях: вконтакте, facebook и google+ В этом видео я рассказал зачем делать привлекательные сниппеты и картинки для социальных сетей, какие теги Open Graph нужно использовать и как это делать для сайтов в Adobe Muse. Небольшая навигация по видео: 00:16 Как выглядят сниппеты сайтов в социальных сетях: вконтакте и facebook 00:44 Как сделать большую картинку и правильно описание вконтакте для вашего сайта 01:00 Как сделать красивую картинку для fb 01:17 Что такое Open Graph 01:37 Код для вставки в ваш сайт и куда его вставлять 02:06 Что делать если вы работаете в Adobe Muse 02:23 Трудности которые могут возникнуть: кэширование сайтов социальными сетями 03:27 Зачем оптимизировать сайты для социальных сетей 03:38 Обращение к подписчикам Ссылки из видео: Инструмент от facebook для работы с Open Graph Инструмент вконтакет для отчистки кэша: Код для вставки в head доступен в Гугл Докс: Доступен виджет для Adobe Muse: автор Подробнее про требования к картинкам на английском: Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Об этих функциях почему-то мало кто знает, а ведь они могут сэкономить время и упростить работу. Расскажу о фишках и немного — о горячих клавишах в фотошопе. Покажу как плавно растянуть изображение без деформации. Возможно, тебе это понадобится, когда будешь делать картинки и для шапки сайта. Подскажу, как убрать бывшую с твоей любимой фотографии :) Немного — про смарт объекты, что это и зачем они нужны. Поработаем с рыбным текстом, чтобы не печатать просто набор непонятных букв. Пройдемся по горячим клавишам для изменения прозрачности, увеличения, уменьшения рабочей области. И на этом остановимся. Тебе еще нужно это все повторить и довести до автомата, чтобы не забыть сочетания. Удачи Таймкоды: 0:15 растягивание изображения 1:26 способ заливки контента 2:03 сохранение файлов в отдельный файлы 2:41 использование смарт объектов 4:29 использование рыбного текста 4:51 быстрое изменение прозрачности (горячие клавиши) 5:19 увеличение, уменьшение рабочей области Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Как сделать SEO оптимизацию в Adobe Muse. Очень просто. Я показываю на реальном landing page, как сделать внутреннюю SEO оптимизацию для поисковых систем Google и Яндекса. Навигация по видео: 0:35 - SEO оптимизация начинается до создания сайта 0:40 - Как пользоваться для продвижения сайта на Adobe Muse 1:09 - подбор ключевых слов для продвижения сайта 2:40 - что мы делаем в Adobe Muse? 3:04 - заполняем метаданные(описание, ключевые слова) 4:21 - обязательно включите страницу в sitemap.xml 5:00 - заголовок страницы (ключевые слова) 5:42 - h1 Заголовок для СЕО-оптимизации 6:03 - h2 Подзаголовок для SEO 6:51 - h3 Подзаголовок как вы думаете для чего? :) 7:00 - картинки для продвижения сайта 7:46 - свойство изображения (подсказка, альтернативный текст) 8:38 - для оптимизации сайта Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну: Ссылка на SEO оптимизация сайта на Adobe Muse -


Ссылка на Google Analytics: Для того чтобы считать цели на вашем сайта или лэндинге нужно установить счетчик Гугл Аналитики. В Adobe Muse это делается достаточно быстро, поэтому поставьте Google Analytics прямо сейчас :) 0:18 создание счетчика Гугл Аналитикс 01:03 куда вставлять код счетчика в Muse 01:30 настройка целей в Google Analytics 03:53 как считать насколкьо целей Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Ночь дизайна: Мобайл успешно прошла :) 6 дизайн законов: Бритва Оккама, Закон Хика, Золотое сечение, Правило третей, закон Парето. Бритва Оккама (или закон минимума допущений) — закон родом из 14 века. Его придумал церковникВильям Оккама. Он говорил так: «Не следует множить сущее без необходимости». Применительно к дизайну Оккама говорит: не жести. Избегай излишней сложности как в оформлении, так и в подаче информации. Кстати бритва «бритва» понимается инструмент, помогающий отбрасывать маловероятные, неправдоподобные объяснения. Закон Хика был придумал британским психологом Вильямом Хиком в 1950-е годы и подтверждает Бритву Оккама. Чем больше выбор, тем более долгим и сложным будет процесс принятия решения. Золотое сечение везде. Но на самом деле это 1,6. Подробнее в видео. Но это просто Правило третей Закон Парето или правила 80/20. Закон Парето утверждает, что сколько бы не происходило событий, 80% результатов будет приходиться на 20% усилий. Ну и шестой самый главный закон смотрите в видео :) Небольшая навигация 00:02 Приглашение на Ночь дизайна 00:19 1 Дизайн закон: Бритва Оккама 00:43 2 Дизайн закон: Закон Хика 01:32 3 Дизайн закон: Золотое сечение 02:47 4 Дизайн закон: Правило третей 03:36 5 Дизайн закон: Закон Парето 04:11 6 Дизайн закон: XXX Добавляйтесь в друзья:


Записали с Александром Дьяченко() урок о том, как правильно подбирать ключевики для текстов на сайте и писать ТЗ по написанию правильного seo-текста. Если хочешь разбираться в сео-оптимизации и продавать свои лендинги дороже, ждем тебя на курсе «комплексный интернет-маркетинг»: «Черные способы» продвижения уже не работают. Поисковики за то, чтобы в топе были только те сайты, над которыми люди действительно работали. Александр Дьяченко убедился в этом на собственном опыте. Саша показывает на скринкасте все шаги сео-аудита и написания ТЗ для seo-текста. Таймкоды: 0:00 что такое сео-оптимизация 0:24 представление Александра Дьяченко 0:59 начало работы: сео-аудит, сбор ключевиков 2:43 чистка ключевиков, частотность запросов () 3:04 работа с программой Словоёб 5:34 правила написания title (фраза в шапке сайта) 6:10 правила написания H1 (заголовок сайта) 6:38 правила написания H2 (подзаголовок сайта) 7:22 сервис проверки написанных текстов () 8:29 правило частотности ключевиков 10:26 отношение частотности ключевиков и длины текста 11:22 написание текста или делегирование задачи 12:06 как сделать ТЗ для фрилансера по написанию seo-текста 12:26 идея как можно писать интересные тексты 13:15 ваш сайт как хороший коньяк для Яндекса и Гугла :) 13:43 зачем нужна сео-оптимизация 14:05 работает ли эта сео-оптимизация для сайтов на Мьюз 14:45 приглашение на курс «комплексный интернет-маркетинг» Ссылка на ТЗ для фрилансеров: Коротко о правилах написания текста: 1. Собрать ключи в вордстат 2. Прогнать через словоёб, чтобы собрать чистую частотность «!» 3. Отсортировать запросы в таблице по чистой частотности 4. Поставить самую популярную ключевую фразу в Title 2 раза (можно еще несколько). Должен быть человеческий вид без точек, 120 символов 5. Поставить в H1 основной ключевик, синоним от title. Чем длиннее ключевик, тем более целевой 6. В H2 можно вставить длинную фразу с большой чистой частотностью 7. Обязательно текст со смыслом 8. Копируем title, h1, h2 и остальные ключевые фразы (25 самых частотных) вставляем в анализатор сео-текстов ( из правой колонки ) и проверяем условия: — Фраза из 3 слов не больше 2 раз — фраза из 4, 5 и более только 1 раз — фраза из 2 слов 3 раза — Количество всех слов должно быть не больше 10 — Для частотности слова 10 раз на странице надо написать текст длинной 2500 знаков — Средняя длинна слова 6 символов — Текст для людей — Описание сделать продающим с указанием телефона Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Одно из правил хорошего сайта - правильные сочетания шрифтов. Шрифт, который используешь, должен соответствовать стилистике вашего сайта. Используй шрифтовые пары из одного семейства шрифтов. Это будет всегда смотреться как единый текст, а не путать посетителя, что это разные куски текста. Сервисы, где вы можешь скачать шрифты бесплатно, советую вбефонт (). Здесь шрифты со свободной лицензией их можно смело использовать в своих проектах. Так же здесь есть полигон, куда можно накидать понравившиеся шрифты, добавить картинку и посмотреть как это будет выглядеть. Если понравился на каком-то сайте шрифт и хочешь использовать его на своем сайте, скачай приложение для google chrome WhatFont, которое поможет узнать что за шрифт: Кидай в комментарии ссылки, если знаешь интересные сервисы про шрифты, кроме тех, что назвал 0:07 характер шрифта и стиль сайта 0:15 подбираем шрифтовые пары 0:31 акцедентные шрифты 1:03 шрифты для сплошного текста и заголовка 1:21 контрастность текста и фона 1:45 использование комик санс и лобстера 2:06 сервисы для подбора и скачивания шрифтов 3:24 настройка и редактирование шрифтов в фотошопе 4:56 способы выравнивания текста 5:55 домашние задание 6:07 рекомендация книги о типографики Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Портфолио автора: Курс по микростокам: Из него вы узнаете как что такое микростоки, как на этом зарабатывать. А самое главное научитесь рисовать персонажей в иллюстраторе. 01:27 Сколько можно зарабатывать на микростоке 02:24 Примеры иллюстрации для микростоков 05:19 Иллюстратор и Фотошоп для стоков 08:14 Что такое микростоки и как они работают 11:02 Стикеры на ноут «поиграйте со шрифтами» — веселит дизайнеров, обескураживает заказчиков. Нарисовала Анастасия Попкова вырезали по-контуру и четко напечатали ребята из printomat.ru Бесплатно раздаём на всех живых мероприятиях W// Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Закон Фиттса (некоторые по ошибке пишут Фитс с одной буковой «т» , хотя в оригинале вот так: Paul Fitts). Это закон который можно применять при проектировании интерфейсов и веб-дизайне. Сегодня будем говорить про законы в дизайне. Вообще в дизайне, как правило, нет никаких законов, всё подчиняется какой-то творческой концепции. Но в интерфейсах и в работе такие законы есть. Первый закон - это закон Фиттса, который определяет скорость взаимодействия пользователя с элементами интерфейса. Вот такая формула с натуральным логарифмом, по виду сложная, но если объяснить её простыми словами, то чем больше будет размер объекта, тем меньше будет затрачено времени для щелчка по нему. Другими словами, чем больше кнопка, тем проще на нее кликнуть. Таймкоды: 00:02 Результаты розыгрыша 01:05 Приглашение на тренинг в Таиланде 01:28 Определение закона Фиттса 01:55 Сайт с демонстрацией Закона Фиттса 02:28 Пример с экономией времени на виндоус и маке 04:13 Пример с браузерами 05:00 Выводы из Закона 05:20 Пол Фиттс и для чего был выведен этот Закон Прошлое видео про флешку: Тренинг в Тайланде: Отрывок книги Джефа Раскина о о скорости работы на Mac и PC: Книга Джефа Раскина на озоне: Сайт с демонстрацией работы закона Фитса(на английском): Википедия о законе Фитса: Интересная статья со скриншотами о законе: Статья на Хабре про закон: Статья на юзабилисте: Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Следующее видео: Это небольшое видео о том, как сделать адаптивный интернет-магазин в Adobe Photoshop. Покажу, как в новой версии фотошоп можно быстро и удобно делать несколько арбордов для создания адаптивного дизайна сайта под разные версии устройств – для дэсктопа, айпада и айфона. Теперь сетку не нужно скачивать отдельно и можно самостоятельно настроить её в новой версии, об этом я тоже расскажу. Еще вы увидите несколько примеров стильных интернет-магазинов, которые можно взять как пример при работе над своим дизайном. Примеры сайтов из видео: Исходник PSD Таймкоды: 00:15 Создаем новый артборд 00:50 Как создать несколько артбордов 01:53 Один файл для всех разрешений - новая фишка фотошопа 02:40 Как строить сетку 03:50 Стиль – примеры работ 04:40 Задание Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


В этом видео рассказываю, как вставить журнал на сайт с помощью сервиса (к сожалению, сервис закрыли) То есть как на сайте сделать так, чтобы у вас листалось меню, прайс-лист или отзывы как настоящий журнал. Меню для сайта очень эффектно смотрится в таком исполнении, когда посетитель перелистывает страницы и видит идентичное меню как в самом заведении. Сервис issuu.com очень прост в использовании. Нужно зарегистрироваться и загрузить нужный файл в pdf формате. После загрузки его просто нужно опубликовать и вставить на свой сайт, например для сайта в Adobe Muse. Далее производите необходимые настройки вида журнала на сайте, копируете код. Вставляете полученный код в Adobe Muse и все, ваш журнал (меню или прайс-лист) уже загружены на сайт. Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Процесс работы над сайтом Глеба: У меня на курсе Design Gym есть необычный студент. Зовут его Глеб и ему 14 лет. В свои 14 он уже умеет делать сайты и зарабатывать на них. За последний месяц ему удалось заработать 20 тысяч. Помнишь, сколько ты зарабатывал в свои 14?) Сколько заработал за последний месяц на сайтах? Пусть это интервью с 9-ти классником, будет тебе небольшой пощечиной. Твои отмазы типа нет клиентов не прокатят. Если хочешь работать, работа будет. Даже школьник нашёл способ найти клиентов и заработать. Задал Глебу пару вопросов о том, как он ищет клиентов, как относятся его родители и одноклассники к работе. Таймкоды 0:00 блиц-опрос 0:29 сколько заработал Глеб за последний месяц 0:50 как искать клиентов для сайтов 1:19 что думает мама и одноклассники про работу Глеба 2:08 как относятся клиенты к 14-летнему специалисту Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Это видео о модульной сетке для дизайна. Начинающие дизайнеры часто пренебрегают этой важной деталью. Как бы хорошо ты на глаз всё не выстроил, без модульной сетки всё будет прыгать. Если тебе прыгающие элементы не сильно режут глаз, то человек, которому предстоит это верстать, будет вспоминать тебя недобрым словом. Получить модульную сетку можно 2 способами. Нарисовать самому или скачать готовую с сайта: Второй сильно проще, выбирай его :) Другие способы создания модульной сеткой: Не беси верстальщика, используй модульную сетку. 0:06 что такое модульная сетка 0:51 пример модульной сетки 1:10 где взять модульную сетку 2:18 начало работы с модульной сеткой 02:57 настройки привязки в фотошопе (Snap) 03:40 проектирование сайта в Photoshop Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Начнем с распространенных ошибок. Не используй картинки с людьми, которые отличаются от внешности вашей аудитории, американские строительные каски, простой 3D, 3D человечков, руки (держащие что-либо), картинки, где люди пожимают друг другу руки, лампочку (как символ идеи). Это глупо. Прояви фантазию в выборе оригинальных картинок. Теперь об оценке фото для сайта. Важно помнить о 3 пунктах 1. Правило третей. 2. Присутствие трех планов 3. Следить, чтобы не было перересвета Расскажу как и где искать картинки для сайта. Какими инструментами пользоваться. Сайты: Фотолиа Таймкоды: 0:13 подбор фото для сайта 0:24 примеры плохих фотографий: 2:54 критерии оценки фотографии 4:48 сервисы для подбора фотографий 7:36 сервис для подбора текстур () Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Скачайте 3 бесплатных шаблона лендинга в Adobe Muse: Смотрите бесплатный курс по веб-дизайну: В этом видео мы поговорим о цикле жизни проекта, когда у вас заказывают сайт и об основных этапах создания сайта. Договоры и брифы Таймкоды: 00:10 Исследование - бриф и тех.задание 02:20 Прототипирование 04:16 Дизайн-концепция 05:56 Финальный макет 06:25 Вёрстка 07:38 Наполнение сайта контентом 08:00 Сдача проекта Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Я расскажу как я зарегистрировал ИП с патентном. Это просто. Видео будет полезно для дизайнеров, фрилансеров, маркетологов, которые хотят выйти на новый уровень. Ссылки из видео: Для проверки подходит ли патент в твоем регионе: title1 Регистрация ИП через интернет. Заходи сюда: Открыть расчетный счет: 00:07 Вступление 00:33 Зачем нужно регистрация ИП для дизайнера, что это дает? 01:55 Кому 100% не нужно регистрироваться 02:17 ИП, ООО, УСНО, ЕНВД, ОСНО и Патент что это все такое 05:08 Как узнать какие виды деятельности подходят под патент 1 Зайди на title1 и выбери наверху свой регион2 Скачай файл c перечнем допустимых для патента видов деятельностиВот несколько популярных для нашей темы: Услуги в сфере IT и веб-разработки * 62.01 Разработка компьютерного программного обеспечения (разработка веб- и мобильных приложений, веб-дизайн, создание сайтов) * 62.02 Деятельность консультативная и работы в области компьютерных технологий * 63.11 Деятельность по обработке данных, предоставление услуг по размещению информации и связанная с этим деятельность (разработка баз данных, хостинг, SEO продвижение) * 63.12 Деятельность web-порталов (деятельность порталов, медиа-сайтов, интернет-СМИ) Творческие профессии * 59.11 Производство кинофильмов, видеофильмов и телевизионных программ (производство видеороликов) * 74.10 Деятельность специализированная в области дизайна (графический дизайн, дизайн интерьеров, одежды, обуви и т. д., промышленный дизайн) * 74.20 Деятельность в области фотографии (портретная, рекламная фотосъёмка, свадебная фото и видеосъёмка) * 90.01 Деятельность в области исполнительских искусств (актёры, танцоры, музыканты) * 90.03 Деятельность в области художественного творчества (художники, писатели, журналисты) Прочие услуги * 70.21 Деятельность в сфере связей с общественностью (PR, SMM) * 73.11 Деятельность рекламных агентств (интернет-маркетинг) * 74.30 Деятельность по письменному и устному переводу * 78.10 Деятельность агентств по подбору персонала (HR-агентство) * 85.41.9 Образование дополнительное детей и взрослых прочее, не включенное в другие группировки (проведение тренингов, курсов, мастер-классов) * 93.29 Деятельность зрелищно-развлекательная прочая (организация мероприятий) 09:25 Регистрация ИП через интернет. Заходи сюда: 17:27 Мой опыт открытия расчетного счета для ИП Я вконтакте: Личный блог: Бесплатная подписка на видеоуроки по дизайну:


Список книг: Начинающие дизайнеры, без разбора смотрят ролики на youtube и скупают книги, содержащие заветные слова «веб-дизайн». Чтобы облегчить жизнь, делюсь своим опытом. Расскажу про книги для дизайнеров, которые я когда-то прочитал. Есть весьма достойные книги, а есть полная ерунда. При том, что написаны достаточно известными людьми. Если нужен этот список в печатном варианте: Если я какую-то книгу не рекомендую к чтению, это не значит, что ее не стоит читать, если хотите - на здоровье, я чётко обосновываю почему я остался недоволен. Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Предлагаю отвлечься от дел и поиграть со шрифтами. Это не только весело, но и полезно для веб-дизайнера. Каждый, кто считает себя дизайнером, должен разбираться в шрифтах. Я рассказываю про 6 игр со шрифтами. Первая игра про кернинг. Нужно передвигать буквы в шрифте до тех пор, пока не будут идеальные расстояния (на ваш взгляд) между буквами. В следующей игре нужно редактировать форму букв шрифта, чтобы привести её к оригинальному начертанию. Третья игра уже посложней. В ней дан отрывок текста и предложены шрифты, которым набран текст. Нужно указать верный, ну или угадать :) Четвертая игра для кровожадных ненавистников шрифтов с засечками. Перед тобой начнут выскакивать различные шрифты и ты должен будешь повалить все с засечками. Удачи, Амиго. Пятая игра для истинных дизайнеров. Убей комик санс. Раз и навсегда! Не дай ему больше просочиться на просторы интернета. Я верю в тебя, брат. (ну или сестра) Последняя игра, дается текст и на выбор 2 шрифта. Отстрели тот, который считаешь верным. Учти, у меня, например, курсор немного сбит. Эти немного шуточные игры со шрифтами помогут прокачать знания о шрифтах. Бегом играть и учить шрифты! Удачи Жду твои результаты в комментариях Таймкоды: 0:14 Игра Kern Type () 0:38 Игра Shape Type () 1:11 Игра Font Game () 1:37 Игра I Shot the Serif () 2:03 Игра Kill Comic Sans () 2:26 Игра Fun Typography Game () 3:05 большая красная кнопка :) Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Предыдущее видео о регистрации хостинга и домена: Видео о настройке поддомена: Почта для домена. Что это такое и как её настроить? На сайте указывать личную почту не совсем корректно, да и на визитке смотрится такая почта не презентабельно. Лучше, чтобы у вас была доменная почта. Почта для домена означает, что в конце вашей почты будет стоять @название_вашего_сайта.ru. Такая почта вызывает больше доверия, чем с окончанием обычных почтовых сервисов. Настройка почты для домена происходит непосредственно в личном кабинете хостинга. В этом видео показаны все шаги создания почты на своем домене. Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Скачайте 3 бесплатных шаблона лендинга в Adobe Muse: Смотрите бесплатный курс по веб-дизайну: Видео, в котором мы узнаем, почему дизайнеру стоит обратить внимание на e-mail-рассылки, также я расскажу о нескольких конструкторах рассылок и сервисах с шаблонами писем. Таймкоды: 00:07 Почему важно знать о дизайне e-mail-рассылок 00:50 Для чего нужны e-mail-рассылки 01:20 Структура письма 04:35 Особенности e-mail-маркетинга 07:45 Конструкторы и редакторы рассылок 09:07 Шаблоны рассылок Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Получите все бесплатные видеоуроки по Photoshop В этом видео об использовании текстур в фотошопе (pattern photoshop). Часто в вебе используют разные текстуры для фотошопа, вот некоторые из них: - - здесь хорошие, неактивные текстуры, их можно использовать на фоне и очень удобно просматривать на данном сайте. Их очень много, скачивайте их и используйте. - - сайт содержит много интересной информации, в т.ч. и качественные текстуры для фотошопа. - - сайт удобен тем, что можно смотреть, листать, есть режимы просмотра, при которых видно, как это будет выглядеть. Когда вы выбрали текстуру, далее текстуру в фотошопе необходимо скачать, далее открываем ее в отдельном файле в фотошопе, идем в Edit и нажимаем Define Pattern , т.е. установить заливку и называем файл. В дальнейшем выбираем заливку, выбираете Pattern, размеры и все бесшовно заливается. Если есть необходимость добавляете текст и лендинг готов! 00:14 - рассказ о сайте - 00:41 - рассказ о сайте - 01:01 - рассказ о сайте - Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Скачайте 3 бесплатных шаблона лендинга в Adobe Muse: Смотрите бесплатный курс по веб-дизайну: В этом уроке мы научимся создавать гиф-баннер. Задание: Скачать файлы и сделать gif-баннер с 3 кадрами анимации размером 240x400 px - Таймкоды: 00:30 Создание нового проекта 00:42 Работа с картинкой 2:30 Создание первого текстового блока 2:43 Создание кнопки 4:20 Создание остальных текстовых блоков 5:08 Покадровая анимация 6:20 Обводка баннера 07:05 Сохранение баннера 08:49 Задание Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Этот мастер-класс записан специально для тех, кто думает попробовать себя в роли веб-дизайнера. Если вы серьёзно задумались о карьере веб-дизайнера: Если ты уже опытный веб-дизайнер, закрой это видео и не трать свое время, чтобы потом писать негативный комментарий :) Если ты только думаешь о том, чтобы освоить профессию веб-дизайнера, видео для тебя. Рассказываю основы и с чего начать, чтобы уже на этапе подготовки к работе (рисованию макета), ты знал как идет процесс создания сайта и какими инструментами и сервисами нужно пользоваться. Так же с какими сложностями тебе придется столкнуться в работе, чтобы ты окончательно взвесил свое решение вступать в наши ряды. Удачи Таймкоды: 1:23 пошаговый алгоритм создания сайта 10:30 подбор шрифтов для сайта 20:36 подбор цветов для сайта 25:11 как попасть в студию мечты, если нет опыта 26:05 зарплата веб-дизайнера Сайты: Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Подпишитесь на рассылку для веб-дизайнеров: Генерировать новые идеи можно техникой - морфологический анализ. Для понятия сути этого метода, возьмите куб, 8*8*8 граней, каждый будет разбит на 8 маленьких кубиков. Например: мы хотим придумать новый способ передвижения. По одной грани мы пишем способ передвижения – стоя, в кресле, гамаке, лежа и т.д. По другой грани напишем источник энергии – колесо, двигатель внутреннего сгорания, электричество и др. На следующей грани пишем – среду, где мы будем передвигаться – крылья, канаты, по земле и др. Чтобы отчего-то отталкиваться, нужно что-то задать. На пересечении сторон кубиков и встречается наш интерес, новые комбинации и то, чего еще нет в интернете. Задача дизайнера дать правильное решение. 00:03 - что такое морфологический анализ 00:21 - как сделать многогранник 02:28 - расшифровка новых комбинаций Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Записали с Александром Дьяченко () серию уроков о том, как максимально эффективно настроить Яндекс Директ. Это первый урок, речь пойдет про то, как собрать все ключевые фразы и ничего не забыть. Если хочешь разбираться в настройке контекстной рекламы и продавать свои лендинги дороже, ждем тебя на курсе «Комплексный интернет-маркетинг»: В основе хорошей контекстной рекламной кампании лежит правильный сбор семантики. Саша показывает на скринкасте как подобрать ключевые фразы для Яндекс Директа, как убрать минус-слова и что с ними делать дальше. Таймкоды: 0:07 Зачем нужно уметь настраивать Яндекс Директ 0:19 Начало работы: подбор основных базовых фраз через WordStat () 1:39 Копирование всех вложенных фраз из Вордстата в Excel 1:45 Сбор синонимов: используем специальную таблицу () 3:25 Сбор синонимов: используем правую колонку в WordStat 4:05 Что такое минус-слова, поиск и работа с ними 5:40 Удаление дублей и минусовка фраз относительно друг друга с помощью Direct Commander () 6:52 Экспорт обработанных в коммандере ключей в таблицу 7:09 Работа с экспортированными фразами, завершение подготовки фраз 7:50 Анонс следующего урока Коротко о правилах сбора ключей для Директа: 1. Собрать выдачу Wordstat по основному запросу и скопировать все со всех страниц в excel 2. Подобрать синонимичные запросы с помощью таблички () и правой колонки Вордстата и все скопировать в таблицу Excel из п.1 3. Отделить минус-слова от фраз в получившейся таблице, фразы с ними удалить 4. Прогнать получившуюся таблицу через Директ Коммандер, чтобы удалить дубли и сделать минусовку фраз друг относительно друга. 5. Экспортировать готовый файл, перенести оттуда вычищенные фразы в табличку из п.1 и сохранить ее до второго урока Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Скачайте три бесплатных шаблона Muse: В этом ролике я рассказываю, как прописать Title и meta v Adobe Muse CC 00:10 - что такое Title i meta 01:12 - описание страницы 01:38 - ключевые слова Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Получите все бесплатные видеоуроки по Photoshop Зачем нужен инструмент move tool для фотошопа? Например, есть изображения в виде квадрата и круга, с созданными слоями. Рекомендую, при установке фотошопа, в настройках произвести изменения, которые позволят выбирать нужный объект кликом мышки, одновременно выбирая нужный слой. Теперь можно изменять параметры объекта под те размеры, которые вам необходимы. Если вы хотите перевернуть объект, то нажмите на кнопочку справа сверху и появятся параметры трансформирования, затем вы или сохраняете изменения или удаляете их. Что не нажимать кнопку “применить” для сохранения изменений, можно кликнуть два раза на объект и все сохранится. Если есть группа слоев, то нажмите “Ctrl”, “G” и создается новая группа слоев, которую вы называете, кликая на нужный объект, выделяется именно он. Если в настройках выбрать группы, то выделяются все объекты и вы можете их изменять. У данного инструмента есть горячая клавиша “V”, которая сохранит вам кучу времени. 00:03 - что за инструмент move tool? 00:25 - что нужно поменять в настройках при установке фотошопа 02:11 - как создать группу слоев Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Скачайте три бесплатных шаблона Muse: В этом ролике я рассказываю, в чем преимущества работы в Adobe Muse 00:12 - первое преимущество 01:22 - преимущества в создании версий для компьютера, планшета и мобильного телефона 02:25 - чистый код Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Получите все бесплатные видеоуроки по Photoshop В этом уроке я рассказываю о видах масок в Photoshop. Какие бывают маски в фотошопе? 1. Быстрая маска 2. Маска слоя 3. Обтравочная маска 1. Для чего нужна быстрая маска для фотошопа? Если мы хотим вырезать объект и поместить его в другое изображение. Для этого нажимаем на кнопку и сверху появляется надпись - “Quick Mask“, значит включился этот режим. Еще можно включить клавишей”Q” и появляются слева белый и черный квадраты. Включаем режим кисточки, выбираете 100% жесткость, нужный размер, и начинаете рисовать на нужном объекте, получается полупрозрачный тон. Когда вы полностью. закрасили нужный объект, то снова нажмите клавишу ”Q” и появится его выделение. Затем перенесите его на нужный слой или изображение. 2. Слой маска для фотошопа используется тогда, когда есть фон и вы хотите добавить в него другое изображение. Создаем новый слой маски, далее рисуем на объекте, как в предыдущий раз. Если удалить маску, то весь объект сохранится. Если удалить маску и нажать эплей, то все обрежется. Это очень удобно, если вы хотите сохранить рисунок помимо картинки. 3. Обтравочную маску в фотошопе выгодно использовать в сайтах. Например, есть изображение и вы хотите поставить круглую аватарку. Делаем круг, зажатой клавишей “shift” и перетаскиваем созданный слой выше круга и нажимаем “Alt”, “Ctrl”, “G” и получается нужная аватарочка. И применяете по своему усмотрению. 00:02 - какие бывают маски в фотошопе 00:14 - что такое быстрая маска для фотошопа 02:09 - слой маска для фотошопа 03:21 - где можно использовать обтравочную маску Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


А-мастер это важная штука в Adobe Muse. Если вы хотите быстро изменить фон сайта в пару кликов, то это то что нужно. Три бесплатных шаблона Muse: Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Интервью с Анастасией Попковой - дизайнером-иллюстратором стикеров Лу и Теодор вконтакте. Посмотреть и купить вы их можете здесь: . Анастасия работает в Креативной студии General line в Самаре. Раньше занималась просто дизайном, поняла, что это для нее скучно и начала рисовать иллюстрации. Рискнула и отправила свои работы вконтакт. Про то, как проходит отбор авторов, которые рисуют стикиры в вк, смотрите в этом видео. Навигацию по ролику, таймкоды кликабельны: 0:30 - как стать иллюстратором 1:00 - как стать автором ситкеров 2:20 - какие требования контакт предъявляет к стикерам 3:08 - как придумать эмоции для стикеров 4:25 - сколько времени заняло создание комплекта стикеров 5:00 - эксклюзив, эскизы новых стикиров от Анастасии Попковой 5:45 - сколько платят авторам за стикеры 7:20 - какие еще есть бонусы от публикации стикеров, помимо денег 7:55 - про рост популярности вконтакте 8:28 - о школе дизайнеров General Line в Самаре () Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну: Анастасия вконтакте: Группа General Line:


Используйте технику помидора для того чтобы успешно бороться с рутиной. Сайт который я использовал в видео: 1) составьте список дел 2) включите таймер на 25 минут и отключите fb, вк, телефон и все остальное 3) фигачьте 4) когда прозвучит звуковой сигнал, сделайте перерыв и переходите к следующему помидору Наслаждайтесь выполненными делами:) Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Скачайте три бесплатных шаблона Muse: В этом ролике я рассказываю, как правильно создавать якоря в Adobe Musc CC 00:33 - создание пунктов меню 01:19 - прикрепление якоря 02:13 - прикрепление гиперссылки Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Многие говорят об A/B тестировании, но пора бы уже сделать его :) В этом видео я подробно рассказываю о том как сделать сплит-тестирование для сайта в Adobe Muse. Раскрою один маленький секрет: нужно посмотреть видео, а потом повторить всё тоже самое в своем проекте, тогда это будет максимально полезно. Интересно, вообще кто-нибудь читает текстовые описания под видео на ютуб или они нужны только для самого ютуба? Напишите в комментариях, если прочитали это :) Исходник, который я использовал: Итак, небольшая навигация по видео: 00:06 подготовка макета в Adobe Muse к тестированию 01:30 настройка эксперимента в Гугл Аналитикс 4:00 куда копировать код эксперимента в Adobe Muse 05:56 сколько можно заработать на проведении экспериментов Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Для создания быстрых скриншотов экарана можно использовать сервис Она позволяет выбрать нужную часть экарана и сразу отправить ссылку клиенту или другу. 0:22 где скачать программу для скриншотов беспалатно 0:38 установка на Mac gyazo gif 1:26 как работает программа +для скриншотов с экрана 2:36 как дать ссылку на видео с экрана 3:10 преимущества платной версии программы для скриншотов Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Скачайте три бесплатных шаблона Muse: Как вы думаете, сложно ли добавить иконку (фавикон) на сайт? Абсолютно не сложно! У всех страничек в интернете есть так называемый фавикон. 00:57 - устанавливаем фавикон в Adobe Muse CC 01:51 - сохранение картинки фавикона Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Расширения для Google Chrome, которые вам точно пригодятся и помогут упростить и ускорить работу. Возможно какие-то из них вы уже используете, надеюсь найдёте для себя что-то новое, например совсем недавно вышедшее расширение от Главреда Максима Ильяхова, или модернизированная Википедия, которая гораздо удобнее и круче стандартного варианта. Если вы знаете классные расширения, которые я не упомянул в этом видео, делитесь ими, оставляйте ссылку в коментариях. Ссылка на курс: Ссылки на установку расширений: - WhatFont - Window Resizer - Perfect Pixel - AdBlock - скачать Главред, сайт - 960 grid system - Google Similar Pages - Wikiwand: Wikipedia Modernized - статистика сайтов от LiveInternet.ru - Яндекс Метрика - Tag Assistant (by Google) - Google Docs   Таймкоды 0:07 Распознавание шрифта с помощью WhatFont  0:29 Понять адаптивность с Window Resizer  0:46 Проверка работы верстальщика с помощью Perfect Pixel  1:20 Блокировка баннерной рекламы AdBlock 1:48 Сервис редактирования текста Главред 2:37 Наложение модульной сетки на сайт 960 grid system 2:52 Сервис поиска похожих сайтов Google Similar Pages 3:10 Модернизированная Википедия Wikiwand: Wikipedia Modernized  3:37 статистика сайтов от LiveInternet.ru  4:05 Яндекс метрика  4:15 Google Tag Assistant  4:30 расширение для работы в оффлайне в Google docs Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


позволяет делать быстрые прототипы сайтов. Прототипы позволяют экономить кучу времени и избавляют от лишних правок. В общем прототипы это хорошо :) Мокапс в отличие от Muse или Axure не требует установки и обладает достаточным функционалом для того чтобы сделать интерактивый прототип+он достаточно простой, может овладеть даже любой менеджер. 0:30 обзор интерфейса Мокапс 3:11 создание меню сайта в Мокапс 7:16 процесс создания прототипа в Moqups 11:57 создание ссылок на другие страницы 18:42 шорткаты в Мокапс Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Дарю книгу по веб-дизайну всем подписчикам рассылки: Недавно я провёл лекцию на Пхукете и рассказал на ней как создать онлайн-школу с нуля. Назвал ее Как бы я создавал школу в интернете, если бы начинал сегодня с нуля. Пришло 20 человек вживую: все очень интересные люди, дизайнеры, программисты, веб-мастера, специалисты по рекламе и другие крутаны. Никакая видео запись не сможет передать живой атмосферы, но тк многие просили вот она запись той самой лекции :) Лекция будет полезна специалистам, которые хотят делиться знаниями с другими людьми, чувствовать самореализацию и разбить «стеклянный потолок» Что под капотом? 00:30 Кому будет интересная лекция про открытие школы02:30 Каких результатов мне удалось добиться в своей школе 05:30 Практическое упражнение «Кулак» 07:30 Принцип дарения и к чему он может привести 09:33 Что работает сегодня для создания школы 13:10 Чему бы ты мог научить других людей? 14:30 Анализ ниши для создания своей онлайн-школы () 16:35 Продажа «в лоб» vs «воронка» 20:25 Какую дать бесплатную полезность за подписку (часто эту полезность называют Лид-магнит) 24:10 Какой «Крутой и недорогой» продукт можно предложить сразу после подписки (виды трипвайер-продуктов) 27:22 Концепция основного продукта 30:20 Еще одно практическое задание 31:12 Сервисы для настройки рассылок в мессенджерах: gmun.pro, manychat.com, textback.ru 33:52 Инструкция по настройке сервисов рассылки: 34:30 3 портрета людей которые могут организовать свою школу: консультант, продюсер, владелец школы 41:17 почему не надо открывать свою школу (спойлер: это вредная привычка) 42:30 Фокус здорового человека и фокус курильщика по созданию своей школы Если коротко про воронку, то вот основные шаги: 1 Бесплатная полезность (делаешь что-то очень полезное для аудитории, что все хотели бы получить за подписку. Цель: чтобы человек подписался) Виды: видео и исходники, вебинар/живая лекция, чек-лист или pdf, триал-версия, тест и тд2 Подписка 3 Получил Бесплатную полезность и сразу предложили Крутое и недорогое (небольшой продукт, который дает пользу сразу. Цель: превратить из подписчика в клиента, окупить трафик) 4 Полезный контент 5 Полезный контент 6 Предложения Основной продукта (даёт навыки человеку, польза превосходит цену, помогает изменить жизнь к лучшему, цель: превратить человека в адепта продукта, фокус на результаты человека) 7 Отзывы клиентов основного продукта 8 Полезный контент … Дарю книгу по веб-дизайну всем подписчикам рассылки:


Как и обещал, в предыдущем уроке () , снял видео про Google Tag Assistant. Google tag manager - это веб сервис, который позволяет устанавливать коды отслеживания на сайт (теги), что существенно упрощает работу с сайтом, особенно если проект масштабный. Сам Google Tag Assistant - это приложение для Google Chrome, которое проверяет корректность установленного кода. Расскажу, как это работает, как внедрить эти сервисы на свой сайт, если пользуетесь Muse. Google tag manager: Виджет для muse: 0:09 Счетчики на сайтах  0:30 Проблемы со счетчиками  0:46 Решение Google 1:00 Коды отслеживания - теги  1:13 Google tag assistant  1:18 что такое Google tag manager  1:42 Интерфейс  1:50 Создаем аккаунт  2:20 Встраиваем код на сайт в Muse 3:14 Добавляем тег  4:08 Пример настройки таргетированной рекламы 6:38 Подробно об интернет-маркетинге Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Предыдущее видео о регистрации хостинга и домена: Поддомен (субдомен) нужен для создания новых страниц вашего сайта (где сайт - это главная страница). Субдомен создается, например, если вы планируете запускать сайт на разных языках, то лучше, чтобы каждый сайт (язык) имел свой поддомен (пример: english.названиесайта.ru). Так же с городами, если вы открываете интернет-магазин в разных городах, лучше чтобы каждый город имел свой субдомен. В этом видео рассказано как создать поддомен, для этого вам не нужно каких-то особых навыков. Если у вас еще нет хостинга и домена, смотрите это видео: . Дальнейшая настройка поддомена и его редактирование осуществляется в той же программе, где вы создавали сайт. Смотрите видео, надеюсь, создание субдомена на best-hoster не вызовет у вас трудностей. Навигацию по ролику, таймкоды кликабельны: 0:20 - вход в панель управления доменом 1:05 - понятие поддомена (субдомена) 1:45 - публикация сайта на поддомен 2:14 - для чего используется поддомен Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Вводите редкие символы с лёгкостью: короткое тире, длинное тире, двойные кавычки, знак рубля, знак охраны авторского права, ударение и многие другие. А поможет Вам в этом типографская раскладка Ильи Бирмана, которую можно скачать здесь: . В этом видео будет показано, как установить программу на операционную систему iOS. Установив программу Вы сможете с помощью зажатой клавиши Alt вводить любые редкие символы, это делается за счет смены обычной раскладки клавиатуры на типографскую раскладку Ильи Бирмана. В итоге Вы получите универсальную и удобную раскладку клавиатуры со специальными символами и Вам больше не придется искать в интернете Alt-коды. Навигацию по ролику, таймкоды кликабельны: 00:22 – как она работает? 01:01 – что с этим делать? 01:53 – результат 02:31 – следующие видео Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Я позвонил Максиму Басманову () чтобы взять у него интервью и узнать всю правду о ретуши фотографий в Photoshop. Подписаться на канал Максима: Как это делается, на чем можно заработать? Как найти фотографа в пару и тд. 00:30 Как заработать на обработке фотографий в Фотошопе 02:10 Как найти крутого фотографа в пару 10:53 Обработка фотографий которые делал Максим в фотошопе Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Скачайте 3 бесплатных шаблона лендинга в Adobe Muse: Смотрите бесплатный курс по веб-дизайну: В первом уроке нашего мини-курса «Как сделать баннер в фотошопе» мы научимся создавать самый простой вариант баннера. Скачать файлы Таймкоды: 00:03 Настройки 00:50 Создание нового проекта 1:40 Работа с картинкой 3:20 Работа с текстом 5:20 Логотип 5:50 Выравнивание элементов 6:50 Кнопка 8:50 Высветление фона 9:30 Сохранение баннера 10:50 Задание Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Интервью с арт - директором брендинг-агентства «Шишки» Михаилом Шишкиным на дизайн-форуме Просмотр Сайт Просмотра: Сообщество просмотра: После лекции Михаилу было задано несколько вопросов, которые особенно волнуют новичков – фрилансеров. Михаил охотно рассказал, что главное, чтобы дизайнер, смотря на разные работы, понимал, какие задачи решались при создании дизайна. Посоветовал понять смысл построения обратного процесса: от решения задачи, инструментов ее решения, клиентов и т.д. Дизайнеры должны отдавать отчет своим действиям и не бояться отстаивать свою точку зрения. Крутые советы для новичков от арт - директора Михаила Шишкина: «Пишите в крутые агентства, в которых хотите работать, получайте опыт, не бойтесь задавать вопросы и показаться глупым, не ограничивайте себя, переборите свой страх и вы можете быстро прокачаться до арт-директора». 00:40 - веб-дизайнер на удаленке 01:00 - как видеть за дизайном решение разных задач 02:18 - два совета для новичков Я в вк: vk.com/danilfimushkin Михаил в вк: vk.com/mikeshishkin Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Три бесплатных шаблона Muse: В этом ролике я рассказываю о том, как добавить интерактивную ссылку в ролик на Adobe Edge Animate. 00:00 - что будет при клике? 01:24 - проигрываем анимацию 02:24 - открытие ссылки в новом окне Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Видео добавлено: