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


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


Как 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: Бесплатная подписка на видеоуроки по дизайну:


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


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


Записали с Александром Дьяченко() урок о том, как правильно подбирать ключевики для текстов на сайте и писать ТЗ по написанию правильного 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: Бесплатная подписка на видеоуроки по дизайну:


Ночь дизайна: Мобайл. Регистрация: 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 Добавляйтесь в друзья:


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


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


Процесс работы над сайтом Глеба: У меня на курсе 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: Бесплатная подписка на видеоуроки по дизайну:


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


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


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


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


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


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


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


Скачайте 3 бесплатных шаблона лендинга в Adobe Muse: Смотрите бесплатный курс по веб-дизайну: В этом видео мы рассмотрим типологию сайтов - какие три типа современных сайтов существует и на какие виды делится каждый из них. Таймкоды: 00:07 Три типа сайтов 00:30 Информационные сайты 00:42 По технологиям - статичные и динамические сайты 02:00 По макетам - адаптивные, резиновые, фиксированные 03:25 Виды информационных сайтов Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


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


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


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


Это видео для тех, кто решил посвятить себя веб-дизайну и только знакомится с фотошопом. Начнём с настройки фотошопа для веб-дизайнера. Покажу 5 важных настроек, которые сильно облегчат вам работу. Затем поиграемся с основными объектами. Поговорим об эффектах в фотошопе: тенях, свечении, выдавливании и других настройках смешивания. После небольшого вводного урока я дам вам домашнее задание, которое нужно будет обязательно сделать. Проверять я буду, но все на вашей совести. Главное, помните, что без практики далеко не уедешь. Таймкоды 0:08 5 важных настроек фотошопа для веб-дизайнера 1:48 объекты в фотошопе 2:30 как менять изображения без деформации 2:52 горячие клавиши для копирования объекта в фотошоп 3:10 настройки смешивания 4:41 создание кнопки и домашнее задание 5:32 использование инструмента текст 7:18 создание группы слоёв Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


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


Скачайте 3 бесплатных шаблона лендинга в Adobe Muse: Смотрите бесплатный курс по веб-дизайну: Урок Muse в котором мы будем учиться подключать шрифты из гугл фонтс. Покажу какие нужно искать шрифты, как добавить их в коллекцию и затем в Muse. Домашнее задание: 1. Скачайте исходный файл проекта - 2. Попробуйте протестировать работу с Google Fonts. Таймкоды: 0:10 фильтр по скрипту в Google Fonts 0:30 Добвление шрифта в коллекцию 0:50 Вставка кода шрифта в свойствах страницы в head 2:00 Задание Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Как и обещал, в предыдущем уроке () , снял видео про 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: Бесплатная подписка на видеоуроки по дизайну:


Записали интервью с Олегом Пацай. Он занимается трафиком из социальных сетей. Его сильная сторона — таргетинг вконтакте. Таргетированная реклама с каждым днем набирает обороты, а специалистов, которые по-настоящему в ней разбираются очень мало. Олег один из таких специалистов, в его портфеле настройка таргетированной рекламы для проектов с бюджетом более 3-х млн. рублей. Сейчас в России вконтакте самая популярная социальная сеть, поэтому есть смысл настраивать таргетинг вконтакте. Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


В этом видо о том, как сделать интернет-магазин с корзиной в Adobe Muse с помощью веб-сервиса Ecwid () Это полноценный интернет-магазин с редактированием, добавлением, удалением товаров, корзиной и прочими штуковинами. Использовать Ecwid вместе с Adobe Muse очень удобно: в пару кликов можно скопировать нужный код и все будет готово, да чего уж там, смотрите сами :) 0:25 авторизация в Ecwid через facebook 0:42 копирование кода из ecwid 1:14 обзор готового интернет-магазина сделанного в Muse c Ecwid 5:40 краткий обзор админки Ecwid Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


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


Владимир Чернышов успешно продает свои шаблоны Muse и получает пассивный доход уже больше года. В интервью рассказывает как он делает шаблоны и показывает свои цифры, сколько ему удается зарабатывать именно на шаблонах для Muse. Объясняет особенности продажи шаблонов Muse на Themeforest и дает советы как заработать больше. Делится хорошими сервисами, которыми пользуется при создании шаблонов, а так же рассказывает как выучить английский за 16 часов, чтобы можно было понимать, что написано на сайте Themeforest :) Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


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


Привет. Это первый долгожданный выпуск рубрики “дизайн слив”. Посчастливилось некому “созданию сайтов”, именно его работу я комментирую первой. Разбираем лэндинг по созданию тортов ручной работы: - UPD: т.к. работы делаются для заказчиков, то после сдачи работы клиенту, мы уже не следим за судьбой сайта и многие красивые сайты погибают, когда клиенты не оплачивают хостинги/домены. Если вы еще не прислали свою работу на слив, я все еще жду. Это может быть лэндинг, сайт или абсолютно какая-то другая работа. Я буду комментировать вашу работу в течении 3-5 минут, расскажу про сильные и слабые стороны, проведу анализ сайта и в конце скажу свой вердикт, сливаем мы эту работу или же отдаем ей свои аплодисменты - это будет своего рода рецензия на сайт. UPD: в комментариях найден сайт, который сделан раньше: Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по 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:


Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по 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 Мой опыт открытия расчетного счета для ИП Я вконтакте: Личный блог: Бесплатная подписка на видеоуроки по дизайну:


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


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


Завтра у меня на канале бизнес-линч онлайн: Завтра бизнес-линч онлайн с Артемием Лебедевым. 17 июня в 19:00 по МСК скидывайте работы в комменты. Формат такой: ты отправляешь свой дизайн, а Тема комментит прямо в онлайне. Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


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


Сколько зарабатывают веб-дизайнеры? Как не прогибаться под клиентов? Как перестать играть со шрифтамии начать зарабатывать деньги? Ответы в этом видео. Курс по комплексному интернет-маркетингу: Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по 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: Бесплатная подписка на видеоуроки по дизайну:


Какие виды сайтов можно создавать в Adobe Muse? Скачайте три бесплатных шаблона Muse: Прежде всего это сайты компаний, небольшие интернет магазины, ну и Adobe Muse идеален для самостоятельного создания лэндингов (landing page) или как их ещё называют целевые страницы. Если вы хотите сделать большой интернет-магазин с 1000 и более товаров, то Muse вряд ли вам подойдёт. 00:04 Какие сайты можно сделать Adobe Muse 00:50 Что нельзя сделать в Adobe Muse Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


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


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