Бесплатно учись веб-дизайну – Блог о веб-дизайне и интерфейсах – Я Вконтакте – Школа веб-дизайна Максима Солдаткина представляет новый урок для веб-дизайнеров Как сделать модульную сетку 960 grid? Вертикальные и горизонтальнве правила в дизайне сайта Зачем нужна модульная сетка? Смотрите в видео! Модульная сетка с точки зрение вертикальных и горизонтальных правил. Вертикальные и горизонтальные линии помогают нам определить расположение основных объектов дизайна. Так же рассмотрим правила модульной сетки для отступов. Рассмотрим модульную сетку на примере сайта lenta.ru. Таймкоды: 0:27 Модули, сетки, блоки 960 grid 1:45 Вертикальные и горизонтальные правила 2:00 Модульная сетка на примере Lenta.ru. Вертикальные оси 2:43 Отступы между колонками и блоками 3:35 Правила этого макета 4:00 Зачем нужна модульная сетка 5:04 Модульная сетка на примере USA TODAY 6:00 Правила этого макета 6:21 Вертикальные и горизонтальные правила 8:06 Последовательность 9:54 Самое важное Модульная сетка 960 grid и вертикальные правила в веб-дизайне. Школа веб-дизайна Максима Солдаткина представляет новый урок для веб-дизайнеров: я расскажу о том как построить модульную сетку, популярные заблуждения о модульных сетках, и мои личные рекомендации как правильно сделать модуль сетку для веб-сайта.


Видео запись доклада Владимир Лучанинов (Playtini), про сателлиты и про то, как поисковики и конкуренты найдут вашу сетку сайтов. Презентации по ссылке:


Бесплатно учись веб-дизайну – UX UI дизайн – уроки для начинающих от профессионала Сегодня мы поговорим о самых важных составляющих пользовательского интерфейса - UX UI дизайне. Видео поможет быстро освоить базовые навыки. Вы узнаете, как работать с основными элементами UI и многое другое. Я научу вас правильно делать UI UX дизайн сайта как для стационарных ПК, так и мобильных приложений. Расскажу, в чем различия, как правильно организовывать кнопки и ссылки. Вы узнаете основную информацию о селекторах, фильтрах, радиобатонах. После просмотра видео вопрос, что такое UX UI дизайн, станет для вас максимально ясным. Я доступно объясню все, что вам нужно знать для начала. Урок щедро снабжен примерами, соответственно вы не будете теряться в догадках, о чем идет речь. Ценные советы Максима Солаткина дадут четкое понимание, с чего начать разработку UX UI дизайна. Следуя им, вы будете с легкостью создавать действительно красивые и функциональные сайты. Вводный видеокурс школы веб-дизайна Максима Солдаткина поможет быстро сориентироваться в сложной структуре UX UI дизайна. Подписывайтесь на канал и узнавайте еще больше интересного о веб-дизайне! 0:16 – Кнопки и ссылки в ux ui дизайне 3:36 – Селекторы, фильтры, радиобатоны в ux ui дизайне 9:40 – Поля ввода для ux дизайна 12:12 – Тени и цвета в ux ui дизайне UI UX Дизайн Сайта 2018 - С Чего Начать? (Базовые Навыки) - Адаптивный Дизайн Сайта (Особенности Создания) 2018 - Уроки веб-дизайна с нуля для начинающих - Блог о веб-дизайне и интерфейсах – Я Вконтакте – Мой Instagram - Бесплатный курс - Двухмесячный курс с обратной связью и трудоустройством - ВК: Двухмесячный курс с обратной связью и трудоустройством -


Всем привет! Сегодня будем располагать текст красиво и правильно, а так же поговорим о правильном выравнивании элементов. Веб-дизайн. WebDesign Lessons Ссылка на исходник памятки: Мой онлайн-сервис для дизайнеров: Архитекторы, которые делают крутые рендеры для нас:


★ Бесплатно учись веб-дизайну – Что такое адаптивный web-дизайн для сайта? Почему так важно обеспечить оптимальное отображение сайта на каждом из гаджетов с любым расширением экрана? В видео мы расскажем, как сделать адаптивный дизайн для сайта. Здесь мы разберем вопросы по созданию оптимального отображения сайтов и сервисов на устройствах разного размера. На примере популярной платформы Bootstrap (фреймворк) пройдем этапы по работе с шириной экранов и шириной макетов. Рассмотрим оптимальные размеры экрана, в результате чего адаптивный web-дизайн будет сделать в рамках удобства пользователя. Расскажем о двух вариантах подхода к созданию адаптивного сайта, а именно: по фазам (статичный дизайн разных размеров) и “резиновом” (подгонка с верстальщиком, размеры в em, расчет процентов). Какие происходят изменения при сжатии формата и почему не нужно делать большие версии даже на мониторах? Вы узнаете подробности о мобильной версии и о том, как сделать адаптивный веб-дизайн в указанном случае. Это часто вызывает сложности, но вы научитесь их избегать. Следуя рекомендациям из видео, Вы сможете без проблем создавать адаптивный web-дизайн. Включайте прямо сейчас! 0:33 - Определение размеров экранов при помощи Bootstrap 3:08 - Подходы к созданию адаптивного сайта 5:57 - Выводы Адаптивный Дизайн Сайта (Особенности Создания) 2018 - Уроки веб-дизайна с нуля для начинающих - Блог о веб-дизайне и интерфейсах – Я Вконтакте – Мой Instagram - Бесплатный курс - Двухмесячный курс с обратной связью и трудоустройством - ВК: Двухмесячный курс с обратной связью и трудоустройством -


Бесплатно учись веб-дизайну – Блог о веб-дизайне и интерфейсах – Я Вконтакте – Школа веб-дизайна Максима Солдаткина представляет новый урок для веб-дизайнеров Типографика: как подобрать шрифтовую пару для сайта Как подобрать шрифтовую пару? Смотрите в видео! Давайте поговорим про Типографику, а вернее о том, как создавать шрифтовые пары. В этом видео вы увидите красивые примеры, узнаете о 4 способах для создания шрифтовой пары и узнаете как это сделать на практике. Сайт - это текст и мы расскажем, как сочетать шрифты на сайте. Вы узнаете как подобрать шрифты и шрифтовые пары для дизайна сайта. Где брать шрифты? До того как начать дизайн, выберите шрифтовую пару! Таймкоды: 0:19 Сайт - это текст 2:26 Достаточный контраст 2:35 4 инструмента создания шрифтовой пары 2:45 Шрифт 2:57 Начертания 3:09 Размер 3:41 Цвет 3:43 Примеры 5:45 Где брать шрифты 6:33 Главное правило


Бесплатно учись веб-дизайну – 8 уроков графического дизайна: главные навыки талантливого дизайнера Вы новичок в сфере веб-дизайна? Не знаете, с чего начать? Мои уроки по созданию дизайна сайта помогут вам освоить самые важные навыки и не тратить время попусту. Я объясню основные задачи профессионала, и вы больше не потеряетесь в многообразии предлагаемых дизайнерам знаний. Что важно, а что не очень? Чему научиться нужно в первую очередь? Какой программой необходимо овладеть в самом начале? Все это и намного больше вы узнаете в моих уроках веб-дизайна. Я расскажу: в чем идейный смысл сайта; как работать с типографикой, картинками и цветом; как идеально сочетать смыслы, иерархию, типографику, графику и цвет. Я покажу примеры сайтов, в которых магическим образом удалось соединить все важные параметры дизайна. Как работать с клиентами? Для дизайнера важно не только создавать красивые сайты (в чем легко помогут уроки по веб-дизайну для начинающих), но и находить заказчиков, уметь общаться с ними. Как это делать, вы узнаете во второй части видео. Я помогу вам быстро освоить профессию дизайнера и начать зарабатывать хорошие деньги. Включайте урок прямо сейчас, и вы узнаете много полезного! 0:25 - Что должен уметь веб-дизайнер 0:58 - Что можно не уметь 1:14 - Графическая программа 1:30 - Смыслы 2:16 - Иерархия 2:37 - Типографика 3:35 - Графика 4:16 - Цвет 5:11 - MAGIC 6:05 - Примеры 8:03 - PROFIT 9:37 - Быстрый старт Базовые Навыки Веб-Дизайнера: Как Быстро Стать Профессионалом - Адаптивный Дизайн Сайта (Особенности Создания) 2018 - Уроки веб-дизайна с нуля для начинающих - Блог о веб-дизайне и интерфейсах – Я Вконтакте – Мой Instagram - Бесплатный курс - Двухмесячный курс с обратной связью и трудоустройством - ВК: Двухмесячный курс с обратной связью и трудоустройством -


★ Бесплатно учись веб-дизайну – В этом видео Вы узнаете, как web-дизайнеру работать с модульными сетками. Разберем детально, с чего начать, как правильно строить, использовать модульные сетки и посчитать под разные размеры, как избежать хаоса из направляющих и задать правильный стандарт расположения элементов. Благодаря мне вы не запутаетесь в построении модельных сеток и сделаете все правильно. Вы узнаете о правилах построения шаблонных сеток, как их рассчитать по базовой ширине. Использование скетчей, модульная сетка логотипа, как сделать шапку - все это есть в нашем познавательном видео. Мы расскажем, зачем нужно создавать модульную сетку (4 основных причины), как ее выравнивать и какие именно элементы нужно выравнивать. В процессе визуализации даем рекомендации по форматированию заголовков. Полная визуализация процесса наглядно показывает все этапы настройки модульной сетки в веб-дизайне. Видео представлено в форме пошаговой инструкции с предварительной подачей необходимой для восприятия теоретической информации. В финале дается практический совет по тому, стоит ли использовать одну и ту же сетку на всех страницах и почему. Если хотите точно знать, как правильно сделать модульную сетку в Фотошопе и использовать ее в web-дизайне, включайте видео! 0:40 - Зачем нужна модульная сетка 1:18 - Как построить модульную сетку и с чего начать 2:04 - Как рассчитать модульную сетку 4:07 - Как настроить модульную сетку 5:54 - Пример работы с модульной сеткой Модульная Сетка Для Сайта (Принципы и Правила - 2018) - Уроки веб-дизайна с нуля для начинающих - Блог о веб-дизайне и интерфейсах – Я Вконтакте – Мой Instagram - Бесплатный курс - Двухмесячный курс с обратной связью и трудоустройством - ВК: Двухмесячный курс с обратной связью и трудоустройством -


В этом видео разберем примеры работы с сеткой Foundation 6. Данный фреймворк имеет три сетки: XY grid, float grid и flex grid. Сайт Foundation: -------------------------------------------------- Сайт BrainsCloud: Написать автору уроков: Мой инстаграм:


Бесплатно учись веб-дизайну – Блог о веб-дизайне и интерфейсах – Я Вконтакте – Школа веб-дизайна Максима Солдаткина представляет новый урок для веб-дизайнеров Как сделать идеальный сайт для поиска стилиста New You (полная версия). В этом видео мы покажем пример веб-дизайна сайта для поиска стилиста New You. Подробно разберем работу веб-дизайнера. Расскажем, как сделать дизайн сайта профессионально. Обсудим лично с автором веб-дизайна сайта его идею и воплощение проекта. Узнаем как помог курс веб-дизайна от Максима Солдаткина осуществить его проект по созданию сайта для поиска стилиста New You.


3 основных сайтов, где брать бесплатные и качественные картинки для дизайна сайта и веб-дизайна. Бесплатно учись веб-дизайну – Блог о веб-дизайне и интерфейсах – Я Вконтакте – 0:11 – поиск картинок для веб-дизайна в гугле 1:05 – картинки в pixabay.com 1:50 – бесплатные изображения в unsplash.com 2:17 – картинки для сайта в flickr.com Школа веб-дизайна Максима Солдаткина представляет новый урок для веб-дизайнеров.


Бесплатно учись веб-дизайну – Блог о веб-дизайне и интерфейсах – Я Вконтакте – Школа веб-дизайна Максима Солдаткина представляет новый урок для веб-дизайнеров Бали, Тайланд или Вьетнам – куда ехать дизайнеру на фриланс зимовать. Виза, цены, отзывы Куда поехать дизайнеру на фрилансе зимой? Смотрите в видео! Мы расскажем сколько стоит еда, проживание. Как работает и сколько стоит интернет и связь Рассмотрим отдельно условия, плюсы и минусы проживания в каждой стране: Тайланд, Вьетнам, Индонезия (Бали) Перед поездкой важно понять на сколько вам подойдет местная еда, колорит жизни, какая погода и есть ли русские туристы. Визы в Индонезию, Тайланд и Вьетнам получить достаточно просто на несколько месяцев. Фишка от Максима Солдаткина. Смотри сейчас! Таймкоды: 1:04 Еда на Бали, Тайланде и Вьетнаме 1:37 Жилье на Бали, Тайланде и Вьетнаме 1:49 Транспорт на Бали, Тайланде и Вьетнаме 2:05 Интернет на Бали, Тайланде и Вьетнаме 2:45 Про страны. Вьетнам. 3:43 Про страны. Тайланд. 5:20 Про страны.Индонезия. Бали 6:27 Про страны. Резюме 7:17 Визы на Бали, Тайланд и Вьетнам 7:55 О том как найти жилье на долгий срок 9:02 Как переехать, если у вас много вещей


Выбор цветов и шрифтов для сайта. Создание документа и настройки Photoshop для работы. Создание модульной сетки для сайта. Скачать модульную сетку psd: Подбор цвета: Скачать GridMaker2: Скачать GriddifyCS6: Обучение дизайну и компьютерной графике. Видео уроки, лайфхаки и tutorial по программам корел CorelDraw, иллюстратор Adobe Illustrator и фотошоп Adobe photoshop. Уроки по иллюстрации, созданию персонажей, иконок и логотипов, веб дизайн, flat дизайн. Обучение HTML, CSS и JavaScript. Сайт: Группа ВК: Чат в telegram: Отблагодарить автора:


Бесплатно учись веб-дизайну – Блог о веб-дизайне и интерфейсах – Я Вконтакте – Школа веб-дизайна Максима Солдаткина представляет новый урок для веб-дизайнеров.


Учись веб-дизайну бесплатно – Блог о веб-дизайне и интерфейсах – Я Вконтакте – Школа веб-дизайна Максима Солдаткина представляет новое видео для дизайнеров «Как сделать интерактивный прототип сайта или мобильного приложения за 1 минуту». В это уроке мы расскажем как стать настоящим дизайнером, и создавать не просто картинки. Мы научимся создавать взаимодействие, и делать интерактивный прототип сайта или мобильного приложения. Простой способ создать прототип сайта или интерфейса с нуля по шагам без навыков за минуту. Поможет нам в этом marwelapp. Узнайте как это работает!


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


В этом уроке, мы оформим каркас нашей страницы с помощью каскадных таблиц стилей (CSS) В этом уроке мы рассмотрим такое этап web разработки, как проектирование сайта. Где он необходим, где им можно пренебречь и какие основные инструменты, чаще всего, используются на этом этапе. Подробнее о ролике: 0:16 - Создание файла CSS 0:39 - Подготовка к работе 2:26 - Подключение CSS к HTML странице 3:19 - Стили для шапки сайта 4:05 - Стили основного блока сайта 5:45 - Позиционирование блока с помощью обтекания (float) 6:20 - Отключение обтекания (clear) Наш официальный сайт: Поставьте, пожалуйста, лайк и подпишитесь на канал. Спасибо! Внимание!!! Все материалы к урокам находятся непосредственно в материалах курса, данное видео, всего лишь анонс к уроку, для того чтобы приступить к изучению, регистрируйтесь в соответствующем курсе. Список курсов : • Курс Введение в WEB разработку - • Курс Введение в HTML - • Курс Введение в CSS - • Курс Введение в JavaScript - • Курс HTML5 и CSS3. Сайт с нуля - • Курс Введение в C - goo.gl/Iwlueu • Курс Введение в ASP.NET - goo.gl/O2Wcma • - здесь вы найдете другие курсы от сервиса Brainoteka. Постоянная ссылка на этот ролик: - Введение в CSS. Урок 2 CSS сетка для сайта Мы в социальных сетях: ◘ ВК: ◘ Facebook ◘ Twitter ◘ Google+


Короткий видеоурок, в котором я покажу Вам как установить 960gs в Ваш Photoshop и как ее использовать.


Обучение веб-дизайну бесплатно – Блог о веб-дизайне и интерфейсах – Я Вконтакте – Школа веб-дизайна Максима Солдаткина представляет новое видео для дизайнеров «Исследование перед началом любого веб-дизайна, дизайна сайта и интерфейса». В это уроке мы расскажем о том как делать исследование (рисерч) перед началом веб-дизайна и создания сайта. 3 смысла или сути исследования веб-дизайна: функциональный, графический и эмоциональный. Избегайте и предугадывайте ошибки в веб-дизайне.


Долгожданный выпуск 58 уже мчится к вам со свежими новостями: Rutracker не удастся заблокировать, Yandex начинает «индексировать» CSS и JS, а Firefox вышел для iOS. Кроме этого обсудили большое количество статей про дизайн, WordPress и не только! Спешите смотреть и слушать! Ссылка на описание: Наш спонсор: хостинг SmartApe (). При заказе Безлимитного хостинга от SmartApe цена делиться пополам! Зарегистрируйтся по ссылке: . В личном кабинете в разделе «Товары/Услуги» в подразделе «Безлимитный хостинг» нажми на кнопку «Заказать», в поле промокод введи «uWebDesign-50%_6m_unlim» и укажи период оплаты. Цена на первые 6 месяцев будет в 2 раза меньше стандартной! Ссылки на темы: • 01:17 RuTracker: Часть правообладателей лишим возможности резать раздачи: • 02:50 Заблокировать RuTracker не получится: • 07:02 Честные слоганы известных торговых марок: • 16:25 Используем «акварель» в дизайне: • 23:02 Тренды 2016 года, «волшебные» микро-взаимодействия: • 29:16 Топ 5 трендов уходящего года в web дизайне: • 37:55 «ВКонтакте» запустил офлайн-университет для программистов: • 41:35 Не надо «подстраиваться под аудиторию» в соцсетях и переживать о «смерти традиционных СМИ»: • 45:01 Переедет ли русская блогосфера из ЖЖ в Medium?: • 49:20 10 привычек, которые пора бросать, будучи фрилансером: • 54:58 Вышел Foundation 6: • 01:01:35 Яндекс начал тестировать «чтение» css & js: • 01:05:21 2,5млн сайтов из топ 10млн работают на WordPress: • 01:06:05 Как не нужно троллить WordPress: • 01:10:11 WP Globus плагин: • 01:11:09 Firefox для iOS: • 01:13:47 Trello переводят на русский: • 01:15:00 Французский аэропорт встал из-за сбоя Windows 3.1, операционной системы 1992 года: Сегодняшняя музыка — Best Drum And Bass Podcast - 056 - Dioptrics And DJ Ghost. Все права принадлежат не нам. Мы на твиттере: • Александр Гончаров: • Никита Тарасов: uWebDesign это: • Сайт: • Канал на YouTube: • Подкаст в iTunes: • Канал в Telegram: • Паблик на ВК: • Лента в Twitter: • Страница на Facebook: • Лента в Instagram: • Компьютерные игры с uWebDesign:


Мой сайт: Группа Вконтакте : Подпишитесь на мой канал:


GeekCode | GeekDay | GeekBrains | MailRu Зачем верстальщикам нужны модульные сетки? Ответ прост: сегодня большинство всех дизайнов верстается по таким сеткам. И это не просто тренд. Использование в работе модульных сеток ускоряет процесс вёрстки и стандартизирует его. Давайте обсудим на мастер-классе: • особенности технологии; • выравнивание; • зачем теперь нужен Flexbox; • фракталы как единицы измерения; • особенности работы с содержимым на CSS Grid. Друзья, большое вам спасибо за трансляцию! Полезные ссылки для изучения: prop-grid-gap немножко об Grid с первых уст ) часть№1 часть№2 часть№3


Пройди БЕСПЛАТНО профориентацию в IT - В этом уроке мы разберем с вами тему модульных сеток, их применения и некоторые ее типы. Также рассмотрим плагин для Photoshop GuideGuide для создания модульных сеток вручную и сделаем обычную сетку на примере 960 Grid System. Ссылки на сайты из данного урока: 1. 960 Grid System - 2. Twitter Bootstrap - 3. Плагин для Photoshop - 4. Цикл уроков по bootstrap - 5. Цикл уроков по адаптивной верстке - Школа онлайн-образования: Telegram: Slack: Сайт: Instagram: Группа вконтакте: Facebook: Twitter: Больше уроков от lofblog: loftblog Все уроки по хештегу: loftblogPhotoshop Полезные уроки для веб-программиста: вебпрограммист Photoshop Поставь лайк - смотивируй автора писать еще :)


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


Данный канал формально закрыт, но все видео остаются! Мой новый канал с новыми уроками: Материалы к урокам ищите тут: Если тут не нашли, то не судьба. У меня их тоже уже нет. Некоторым урокам уже 5 лет. Спасибо за понимание!


В ролике представлены две техники построения модульных сеток в Adobe Illustrator. В последующих видео мы будем их использовать для создания макета сайта. Содержание: 0:00 направляющие — как создавать и редактировать различные по форме направляющие в Illustrator 1:48 первые метод на примере классической 12-колоночной сетки шириной в 960 писклей (960 grid system) 3:58 второй метод на примере сетки Bootstrap (Boostrap Responsive Grid)


Бесплатный курс Создай свой первый сайт на HTML5 и CSS3 7 уроков по 30 мин: 👨‍💻 Обучение веб-разработке: За 2 месяца научу создавать веб-сайты и зарабатывать на этом, используя передовые технологии HTML/CSS/JS/PHP/MySQL. 💳 Стоимость: от 4900 рублей. – возможна рассрочка – если курс не понравится, вернём деньги в первую неделю. Количество мест ограничено. Нужна консультация? → ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Урок по основам работы сетки фреймворка Bootstrap. Как делать адаптивную разметку структуры шаблона используя сетку от Bootstrap. ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💈 Курс для начинающих Профессия: Верстальщик. HTML5+ CSS3, основы PHP, JS и jQuery : 💈 Продвинутый курс Веб-разработчик. Frontend и Backend : 💈 Сайт школы: 💈 Наша Группа Вконтакте: 💈 Телеграм-чат для верстальщиков:


★ Бесплатно учись веб-дизайну – Блог о веб-дизайне и интерфейсах – Я Вконтакте – Веб-дизайн разбор, лендинги и веб упаковка – Плейлист с уроками по веб-дизайну –


Бесплатно учись веб-дизайну – Блог о веб-дизайне и интерфейсах – Я Вконтакте – Школа веб-дизайна Максима Солдаткина представляет новый урок для веб-дизайнеров Интернет-магазин экопосуды. Дизайн проект интернет-магазина экопосуды от сценария до полной готовности. В этом видео мы рассмотрим пример создания дизайна интернет-магазина. Вы сможете узнать и получить практические советы по разработке дизайна интерне-магазина. В дизайне важно все и цвет, и шрифт, и юзабилити сайта. Узнай с чего начать!


Понятие сеток в html Float сетки Inline-block сетки Частые ошибки


Понятие модульных сеток Примеры Реализация простейшей сетки Верстка примера из курса


Видео демонстрирует создание адаптивной 12-ти колоночной сетки Twitter Bootstrap 2. Для этого понадобится Adobe Photoshop и расширение под него Griddify. Это и многое другое на


Обучение веб-дизайну бесплатно – Блог о веб-дизайне и интерфейсах – Я Вконтакте – Школа веб-дизайна Максима Солдаткина представляет новый урок для веб-дизайнеров Как сделать адаптивный сайт под разные размеры экранов. Принципы адаптивных сайтов. В этом уроке вы узнаете что такое адаптивные дизайн, кто и для чего использует адаптивный веб-дизайн и как это сделать самому. Сейчас существует множество разных гаджетов, и у всех у них разный размер экранов. Чтобы дизайн вашего сайта смотрелся везде одинаково хорошо, советуем использовать адаптивный веб-дизайн для различных экранов.


★ Бесплатно учись веб-дизайну – В этом видео Вы узнаете как правильно нарисовать кнопку для сайта. Главное правило: По названию кнопки должно быть понятно, какое действие произойдет после ее нажатия. Из этого правила следует, что Вам необходимо написать правильный текст в кнопке. Не используйте слова типа: Запись, Заявка. Если убрать текст вокруг кнопки, то не понятно, что имеется в виду. Запись на что?, Заявка на что? Используйте глаголы и дополняйте их контекстом. Например: Записаться к стоматологу, Оставить заявку ремонт кухни. В дизайне кнопки используйте маленькую аккуратную тень или вовсе не используйте ее. Выбирайте яркие контрастные цвета для кнопки. Но помните, что она не должна выбиваться из общего дизайна сайта и не забудьте разработать дизайн для всех состояний кнопки: - статичное; - при наведении курсора; - при клике; - неактивная кнопка. 0:18 - Главное правило 0:34 - Пример правильной кнопки 0:57 - Текст в кнопке 2:08 - Дизайн кнопки 3:26 - Дизайн состояний кнопки 5:11 - Как делать не надо! 5:31 - Как нарисовать хорошую кнопку новичку Ссылка на это видео - Уроки веб-дизайна с нуля для начинающих - . Блог о веб-дизайне и интерфейсах – Я Вконтакте – Мой Instagram - . Бесплатный курс - Двухмесячный курс с обратной связью и трудоустройством - ВК: Двухмесячный курс с обратной связью и трудоустройством -


Видео с конференции Yet Another Conference Marceting 2013. Директор по распространению технологий Яндекс рассказывает о увеличении конверсии Landing Page при помощи адаптивного контента и машинного обучения.


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


Привет всем! Я подготовила видео на одну из самых важных (на мой взгляд) тем в веб-дизайне: группировка информации и сетки. Здесь я покажу вам как сделать так, чтобы ваш дизайн стал красивым в считанные секунды! Ведь сложно представить себе что-то красивее, чем правильная организация информации. Кстати, сорри, за то что на видео я зеленого цвета)) Зеленый цвет штор - зло))) Кому интересно, вот мой магазин, в котором я работаю сейчас - . А вот мое портфолио по веб-дизайну, если вы вдруг захотите со мной поработать: По этим ссылочкам можно отслеживать появление новых видео и другую интересную информацию: - здесь я наиболее активна По вопросам сотрудничества можете писать вот сюда : sowwwastudio@gmail.com Приятного просмотра! Подписывайтесь и ставьте лайк , если вам нравится то, что я делаю :)


В данном видеоуроке мы рассмотрим как установить скрипт GuideGuide для быстрого создания модульных сеток. Также мы посмотрим на дыньки в соответствии с вертикальным ритмом. Скачать скрипт: ---------------------------------------------------------------------------------------------------------- Сайт автора: Работы на рецензию присылать на почту: drimtv@gmail.com Сделать заявку на обучение:


ОБУЧАЮЩИЕ КУРСЫ: Курс по Webflow → Учимся за 3 недели создавать адаптивные сайты 21-дневный UI-challenge →  Каждый день добавляйте 1 работу в портфолио, смотрите уроки, учитесь на своих и чужих ошибках и боритесь за главные призы. Веб-дизайн Интенсив → Освойте дизайн-процесс за 2 месяца, создайте портфолио из 10 работ и получите первые заказы или сильно прокачайте качество своих работ и уровень дохода, как веб-дизайнер. О НАС: За 3 года школа веб-дизайна WDI выпустила 300 веб-дизайнеров. Кто-то из них открыл свои студии. Кто-то начал фрилансить, а кто-то устроился в крутые команды. Отзывы учеников: Портфолио учеников: ПОДПИСЫВАЙТЕСЬ! ВКонтакте: Facebook: YouTube:


Учись веб-дизайну бесплатно – Блог о веб-дизайне и интерфейсах – Я Вконтакте – Школа веб-дизайна Максима Солдаткина представляет новое видео для дизайнеров HTML и CSS для веб-дизайнера. Нужно ли дизайнеру изучать код и заниматься версткой? В этом видео мы хотим показать вам плюсы изучения и знания HTML и CSS для веб-дизайнера. Вы получите новые возможности для выражения своих дизайнерских идей, получив знания о коде. Дизайнер должен разбираться в материале, с которым он работает. Учитесь с нами веб-дизайну и подписывайтесь на канал.


Adobe XD – обзор на Windows (виндовс) и Mac для дизайна интерфейсов UX/UI, сайтов, приложений. КУРС по Adobe Xd и UX/UI «Мобайл с нуля в 2017» – Скачать Adobe XD на Windows (виндовс) официально – Простые уроки по Adobe xd, обучение в этом видео. Обзор Adobe xd для виндовс (для windows) от Школы веб-дизайна Солдаткина Максима. Adobe xd доступна только на Windows 10 и выше и на Mac. Как упростить процесс верстки html сайта с помощью Adobe Xd. 1:30 – видео с демонстрацией возможностей Adobe Xd 5:22 – гайдлайны ios, matherial design в Adobe Xd для Windows 6:15 – функции Adobe Xd и отличия от Photoshop для веб-дизайна и UX/UI 14:10 – кликабельный протитип UX/UI в Adobe XD 23:25 – как экспортировать дизайн для верстки из Adobe xd Бесплатно учись веб-дизайну – Блог о веб-дизайне и интерфейсах – Я Вконтакте – Группа Вконтакте – Подписка на новости в ВК – Подписка на канал –


В этом выпуске вы станете на 10 минут круче в понимании основ веб-дизайна. Вы увидите, как модульные сетки облегчают работу дизайнерам и разработчикам. И почему применение сетки делает сайт более приятным для пользователей и улучшает поведенческие факторы. Вы узнаете: — почему контекстные сетки лучше шаблонных, — чем полезны модульные сетки для пользователя, — как сетки помогают работать над сайтом. Пройдите интерактивный курс Сергея Кондаурова «Модульные сетки в веб-дизайне»: Больше работающих инструментов интернет-маркетинга вы найдете в нашей библиотеке курсов: Подписывайтесь на рассылку. В письмах — самое важное по маркетингу, бизнесу и личной эффективности для тех, кто работает в интернете:


Второе видео из серии уроков по основам веб-дизайна. И мы вновь говорим о модульных сетках. В этом видео: 1. Возвращаемся к разбору макетов из прошлого урока и разбираемся с непонятками 2. Разбираемся, как удобнее всего создавать модульные сетки с нуля 3. Делаем несложный постер, используя модульную сетку Сайты для создания сеток: - полезно для верстальщиков Плагин для фотошопа: Страница курса на моем сайте: *** Дополнительные теги: веб-дизайн модуль модульная сетка grid grid system giudeguide


Уроки по Zurb Foundation 9 Модальные окна. Всем привет, в данном уроке мы разберем как создать модальное окно в фреймворке Zurb Foundation 6. Создадим мы его путем создания верной разметки и добавления новых классов.


Лекция для Стажировки-2015 POPEL Interactive Agency


Александр Чаплинский рассказал о том, что должен знать дизайнер при взаимодействии с верстальщиком. Объяснил разницу между настольными и веб-шрифтами и типах их лицензировании, а так же намекнул где лучше скачать шрифты. Дал ссылку на сайт, где можно прям в браузере подобрать шрифты, шрифтовые пары, кегли и заголовки, а так как посмотреть как на вашем сайте все это будет отбражаться в разных браузерах. Вот этот сервис: Очень интересные примеры покупки и лицензирование шрифтов из работы с крупными компаниями. Ссылка на курс «Design Gym»: 0:21 Знакомство с Александром Чаплинским 1:03 Отличия настольных и веб-шрифтов 1:34 Лицензирование веб-шрифтов 3:39 Отображение шрифта в разных браузерах Больше полезных видео по веб-дизайну в группе вконтакте: Я вконтакте: Личный блог: Бесплатный курс по Adobe Muse: Бесплатная подписка на видеоуроки по дизайну:


Вводный выпуск, в котором я расскажу, кто такой веб-дизайнер. Почему дизайнер — не художник? Смотрите так же: Разные уроки Photoshop | Уроки Фотошоп: Бесплатные уроки Photoshop СС: Веб-дизайн SpeedArts: Подписывайся на канал: Вступай в группу: На моем канале вы найдете бесплатные видео уроки для начинающих веб-дизайнеров и для тех, кто хочет ими стать! Photoshop для веб-дизайнера: фишки, секреты.


Работай дизайнером удаленно – Блог о веб-дизайне и интерфейсах – Я Вконтакте – Школа веб-дизайна Максима Солдаткина представляет новый урок для веб-дизайнеров.


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