Как готовить макет к вертске

Как готовить макет к вертске смотреть последние обновления за сегодня на .

Как подготовить макет к верстке? За что верстальщики не любят дизайнеров? Часть 1

18057
1958
556
00:12:38
10.12.2021

#alexeybychkov #ityoutubersru #webdesign Верстальщики не могут испортить настроение дизайнерам, а вот дизайнеры..)) Как подготовить макет к верстке? За что верстальщики не любят дизайнеров? Часть 1 Наши чатики в дискорде — 🤍 Обучение — 🤍 Мои цитаты — 🤍 💰❤️ Поддержать канал: 🤍 бусти — 🤍 — русский интерфейс, рубли патреон — 🤍 — английский, доллары Подглядывать за мной можно тут: 👉 Инстаграм: 🤍 👉 Беханс: 🤍 👉 Телеграм: 🤍 👉 Фейсбук: 🤍 👉 Твитор: 🤍 ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 36 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете — Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе! Подробнее обо мне — 🤍 17 лет опыта — 🤍 Пишу — 🤍 Дизайню — 🤍 Отзывы — 🤍 Мои книги: «Дизайн и фриланс. Начало» — 🤍 «Дизайн и фриланс. Новый уровень» — 🤍 Хелп по Фигме: уроки, видео, советы, фишки — 🤍 Мир фейсов: 🤍 #figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance

Медиа-запросы в адаптиве или как подготовить макет к верстке? Часть 2

11077
1093
551
00:18:24
24.01.2022

#alexeybychkov #ityoutubersru #webdesign Верстальщики не могут испортить настроение дизайнерам, а вот дизайнеры..)) Как подготовить макет к верстке? За что верстальщики не любят дизайнеров? Часть 2 На этот раз про медиа-запросы в адаптиве 0:00 - как устроены медиа-запросы 7:26 - смотрим реальные примеры Наши чатики в дискорде — 🤍 Обучение — 🤍 Мои цитаты — 🤍 💰❤️ Поддержать канал: 🤍 бусти — 🤍 — русский интерфейс, рубли патреон — 🤍 — английский, доллары Подглядывать за мной можно тут: 👉 Инстаграм: 🤍 👉 Беханс: 🤍 👉 Телеграм: 🤍 👉 Фейсбук: 🤍 👉 Твитор: 🤍 ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 36 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете — Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе! Подробнее обо мне — 🤍 17 лет опыта — 🤍 Пишу — 🤍 Дизайню — 🤍 Отзывы — 🤍 Мои книги: «Дизайн и фриланс. Начало» — 🤍 «Дизайн и фриланс. Новый уровень» — 🤍 Хелп по Фигме: уроки, видео, советы, фишки — 🤍 Мир фейсов: 🤍 #figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance

ПРАВИЛА ПОДГОТОВКИ ДИЗАЙН-МАКЕТА К ВЕРСТКЕ

7224
535
24
00:08:49
09.11.2021

💎 Курс "UX/UI-Дизайн" - 🤍 ◾ Базовый курс по веб-дизайну "Основы дизайноведения" - 🤍 ◾ Полноценный курс по веб-дизайну "Дизайноведение" - 🤍 ◾ Ведение рабочих профилей в Instagram "Инставедение" - 🤍 ◾ Менторство - 🤍 ◾ Магазин футболок для фрилансеров - filippovashop.ru Самые полезные видео на канале: Кто такой веб-дизайнер - 🤍 Сколько зарабатывает веб-дизайнер - 🤍 Навыки веб-дизайнера - 🤍 Как стать веб-дизайнером - 🤍 Где учиться на веб-дизайнера - 🤍 Плюсы и минусы профессии - 🤍 Какой ноутбук выбрать - 🤍 Этапы рабочего процесса - 🤍 Кто такие UX/UI дизайнеры - 🤍 Ошибки начинающих - 🤍 🤍 Стили в веб-дизайне - 🤍 Сетки в веб-дизайне - 🤍 Адаптивный дизайн сайта - 🤍 Дизайн сайта в Figma - 🤍 Тренды в дизайне на 2021 год - 🤍 Как сделать портфолио - 🤍 Как рассчитать стоимость дизайна - 🤍 Как найти первого клиента - 🤍 Где меня найти: Instagram: 🤍 Instagram Filschool: 🤍 Страница Вконтакте: 🤍 Сайт веб-студии: 🤍 Портфолио студии: 🤍 #вебдизайн #дизайн

Как подготовить макет к верстке? За что верстальщики не любят дизайнеров? Стрим #15

23477
1188
151
01:49:50
21.10.2020

#alexeybychkov #ityoutubersru #webdesign Совместный стрим с верстальщиком: как подготовить макет к верстке? За что верстальщики не любят дизайнеров? Дария — веб разработчик, фул-тайм и фриланс, опыт работы 6 лет в общей сложности, ранее работала сео-специалистом. Любит писать чистый код без костылей:) 👉 Инстаграм: 🤍 👉 Почта: dariialelyukh🤍gmail.com Доступ к закрытом чату: советы, лайфхаки, ответы на вопросы, ранний доступ к видео и тд: бусти — 🤍 — русский интерфейс, рубли патреон — 🤍 — английский, доллары Подглядывать за мной можно тут: 👉 Инстаграм: 🤍 👉 Беханс: 🤍 👉 Телеграм: 🤍 👉 Фейсбук: 🤍 👉 Твитор: 🤍 0:00 - начало 5:40 - про Datepicker 11:45 - дизайн сверстали, а заказчик заменил фото и... 14:40 - про цветовые стили 19:38 - сохраняйте исходники изображений 27:45 - почему 1440, а не 1920? wtf? 33:05 - разнообразие форматов 35:08 - нужен ли Style Guide? 42:42 - про универсальность блоков 44:50 - нет размеров контейнеров 48:10 - про perfect pixel 52:28 - как называть слои? 58:45 - про внутренние страницы (заказчикам) 1:00:40 - как показать анимацию 1:01:50 - ховеры на мобилках 1:09:30 - про цветопередачу мониторов 1:13:30 - замена картинок заказчиком 1:19:19 - отсутствие дизайна дроп-даун меню 1:30:45 - самые популярные косяки в дизайне 1:31:55 - про сетки 1:39:59 - адаптивная верстка блоков 1:43:30 - подписывайтесь на инстаргам Дарьи 1:45:50 - как обговаривается цена на верстку? ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 35 лет, женат на прекрасном человеке и у нас чудесная дочка. Работаю на лучшей бирже в рунете — Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе! Подробнее обо мне — 🤍 17 лет опыта — 🤍 Пишу — 🤍 Дизайню — 🤍 Отзывы — 🤍 Мои книги: «Дизайн и фриланс. Начало» — 🤍 «Дизайн и фриланс. Новый уровень» — 🤍 Хелп по Фигме: уроки, видео, советы, фишки — 🤍 Мир фейсов: 🤍 #figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance

Как Подготовить МАКЕТ К ПЕЧАТИ в Adobe Illustrator?

69901
4396
151
00:15:21
23.04.2020

Привет друзья! Сегодня поговорим о том, как подготовить макет к печати в Adobe Illustrator. ► В этом видео вы узнаете: - Как готовить визитку к печати - Что такое цветовой режим - Что такое зона безопасности - Что такое зона под вылет - Чем отличается печать маленьких изделий от крупных - Как не прогадать с параметрами печати Также мы затронем следующие темы: Как подготовить флаеры, журналы, книги, билборды, листовки и прочую полиграфическую продукцию к печати ► Наш Boosty: 🤍 ► Наши соц. сети: Телеграм чатик: 🤍 Instagram: 🤍 TikTok: 🤍 Мы команда Photofox, снимаем обучающие видео для начинающих и для профессионалов по обработке фото и монтажу видео. Если Вы хотите научиться работать в программах Adobe, то Вы обратились по адресу. На нашем канале Вы можете найти обучающие видео по Photoshop, Premiere Pro, Lightroom, Illustrator. Начиная с основ обработки и до крутых профессиональных фишек, наша команда научит Вас всему, что знаем и Вы увидите, что дизайн - это круто! ► По вопросам сотрудничества: Photofoxchannel🤍gmail.com #ДопечатнаяПодготовка #Illustrator #photofox

Как подготовить дизайн-макет для передачи разработчику (верстальщику, программисту)

9372
608
25
00:28:24
02.12.2020

Хочешь больше полезностей о дизайне? Вступай в чат Гильдии дизайнеров: 🤍 Подписывайся на мой инстаграм: 🤍 Читай мою книгу: 🤍 Приходи ко мне на курсы: 🤍 Дополнительные видео по теме: 🤍 (про отзывчивый дизайн) 🤍 (про адаптивный дизайн) 🤍 (про плотность пикселей) 🤍 (про дизайн-систему на HTML/CSS)

#3 Фигма Figma — Подготовка макета к верстке и Zeplin

17885
38
00:06:50
22.10.2018

Сегодня ты научишься готовить дизайн-макет к верстке используя Фигму (Figma) и Zeplin. Мой Вк 🤍 Behance 🤍 Dribbble 🤍 Добавляйтесь) Автор музыки: Александр Коструба 🤍 Музыка: 🤍

Типография 24принт - Подготовка макета к печати

3727
34
1
00:02:42
31.01.2013

В этом видео уроке Вы узнаете как именно необходимо подготовить макет при верстке, чтобы его приняли в печать. Ссылка на наш сайт - 🤍 Наша группа ВКОНТАКТЕ - 🤍 Наша группа в Facebook - 🤍 Наш Твиттер - 🤍

Как подготовить макет для верстки | Уроки разработки #3

1015
29
1
00:01:09
27.02.2015

Как подготовить макет к верстке? — Ответ в этом видео! Как верстать макет — 🤍

Чтение макета дизайна. Определение элементов на странице на реальных примерах

64769
3746
378
00:36:06
21.04.2020

Чтение макета дизайна. Определение элементов на странице на реальных примерах. Умение правильно читать макет - это навык, который поможет тебе не только быстро и качественно выполнить заказ, но и более точно оценить проект по стоимости и срокам. А так же избежать недопониманий с заказчиком. В этом видео я научу тебя правильно читать макет и определять основные элементы на странице. Адаптивная верстка сайтов - 🤍 Как сделать спойлер - 🤍 Простые табы - 🤍 Содержание: 00:00 - Вступление 00:42 - Определить структуру 04:33 - Определить контейнер 11:16 - Определить меню, выпадающие меню и элементы 15:53 - Определить ссылки 19:29 - Определить полноэкранные элементы 22:31 - Определить слайдеры 26:07 - Определить табы 27:56 - Определить спойлеры 29:44 - Определить элементы форм 32:59 - Определить прочие элементы 🔴 Получить доступ к плюшкам + поддержать канал: 🤍 🔴 Telegram канал: 🤍 (🤍 🔴 Telegram чат по верстке: 🤍 (🤍 🔴 Facebook: 🤍 🔴 Instagram: 🤍 👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал: 🤍 🤟 Живи, а работай в свободное время! ©

7.2 Как подготовить макет перед передачей в разработку

144
8
0
00:05:38
07.04.2021

Как подготовить макет перед передачей в разработку, чтобы разработчик был доволен, но это не точно. — Телеграм: 🤍 Ссылка на весь курс: 🤍 За подписку на телеграм канал подарок: Чек-лист: Апгрейд фрилансера! — Меня зовут Михаил Гаугаш, я продуктовый дизайнер (Ux Ui). 7 лет в дизайне, прошёл длинный путь от графического дизайна, до продуктового, от фотошопа до фигмы, от баннеров до крупных сервисов. История моего пути: 🤍 Мое портфолио: 🤍

Как подготовить макет сайта для верстки. Уроки для веб дизайнеров

1606
81
81
00:55:03
28.05.2020

В этом видео я покажу как подготовить макет сайта к верстке. Бесплатный курс по дизайну лендинга: 🤍 - Это целый бесплатный курс для веб-дизайнеров + марафон с ценными призами. О бесплатном марафоне 🤍 Мои популярные видео: Как аккуратно вырезать волосы в фотошопе - 🤍 Как вырезать объект с тенью - 🤍 Как настроить фотошоп для веб дизайна 🤍 Как поменять цвет в фотошопе - 🤍 Ретушь фотографий в фотошопе за 10 минут - 🤍 Пиши в комментах понравилось ли тебе видео :) Всех обняла ♥ Мой инстаграм 🤍 Мой Вк 🤍 Моя группа Вк 🤍 Мой Behance 🤍 Мой Dribble 🤍

Как подготовить макет сайта для верстки, для верстальщика

48827
1558
32
00:09:26
19.05.2015

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

Подготовка вашего макета под верстку. Правила хорошего тона

15347
614
63
00:18:47
17.01.2017

Всем привет! В этом видео мы рассмотрим как нужно подготавливать ваш новоиспеченный макет сайта под верстку так, чтобы на вас не ругались верстальщики. Веб-дизайн. Станислав Карпинский Реклама на канале: sp44sp44sp44🤍gmail.com Мой курс по веб-дизайну (500 руб) можно купить здесь: 🤍 Большой курс по веб-дизайну (2000 руб) можно купить здесь: 🤍 Мое дистанционное обучение по веб-дизайну (10 000 руб) . Записаться тут sp44sp44sp44🤍gmail.com Я предлагаю: Разработка сайтов "под ключ" Создание фирменного стиля Создание логотипов Дизайн сайтов Почта для обращений: sp44sp44sp44🤍gmail.com Мой телеграм-канал 🤍 Мой онлайн-сервис для дизайнеров: 🤍 Мой инстаграм 🤍 Мой фейсбук 🤍 Мой Behance 🤍 Архитекторы, которые делают крутые рендеры для нас: 🤍

Типы макетов сайта. Верстка страницы по макету. Как верстать макеты

40869
2473
71
00:11:19
29.05.2019

Привет! Сегодня поговорим о макетах. Будет пробовать верстать макет различного типа. Покажу, что такое верстка веб сайта на основе графического макета. Какие виды, типы макетов сайта существуют. = Записаться на консультацию: 🤍 Стать спонсором канала: 🤍 = Вообще, базово считается, что есть 5 типов: резиновый макет, фиксированный макет, эластичный макет, комбинированный макет и адаптивные макеты сайтов. В видео я покажу некоторые виды макетов, чтобы у вас появилось понимание как они выглядят и как с ними работать. Разберем простые макеты для верстки, покажу что такое фиксированная верстка сайта, как верстать по psd макету. Также будет адаптивная верстка макетов. Вы узнаете основы верстки по макету, как верстать макеты различных типов. Верстка страницы по макету как-то затрагивалась нами ранее, как и верстка макета с нуля. Разберем как ведет себя навигация, контентная часть сайтов, построенных на различных макетах. Фиксированная верстка (также она называется статической) представляет собой такой вид дизайна страницы, в котором размеры указываются точно в пикселях (px) и являются статичными вне зависимости от размеров экрана. Верстаем макет сайта и смотри как он изменяется. = Telegram Канал - 🤍 Чат - 🤍 = Подписывайтесь в соц. сетях: Facebook - 🤍 VKontakte - 🤍 LinkedIn - 🤍 Twitter - 🤍 Instagram - 🤍 = Мой второй канал: 🤍 = Привет, меня зовут Виталий Киренков, и я занимаюсь веб-разработкой с 2007 года. За это время я сверстал более 200 сайтов (как минимум, половина из них с JavaScript), разработал с коллегами 2 интернет-банка на React + Redux + Typescript. И на этом канале я делюсь своим опытом в части вёрстки, javascript, и делаю всякие полезные видео для новичков и не только. Больше информации обо мне: 🤍 #ityoutubersru

Как подготовить макеты для форзацев?

51
2
0
00:02:37
10.08.2021

Мастерская блокнотов padMasters. Создаем вместе с вами! Тиражи от 1 до 100 штук. Мы не поточное производство и потому можем выполнить любой оригинальный заказ. Если Вам нужен блокнот с необычной бумагой, разлиновкой, фотографиями, текстом и надписями внутри, то Вам определенно к нам. Сайт: padmasters.ru Instagram: 🤍padmasters_note

Адаптивная HTML-верстка макета из Figma с подробным объяснением. Советы от профи. HTML SCSS GULP.

295728
9031
760
03:17:08
03.03.2021

Адаптивная HTML-верстка макета из Figma с подробным объяснением. Сегодня мы с вами сверстаем не сложный макет состоящий из 4х страниц. В процессе я подробно описываю свои действия. Упор на структуру и анализ. Покажу несколько приемчиков качественной верстки. 👉 Скачать макет (открытый доступ): 🤍 👉 Скачать сборку с результатом: 🤍 👉 Уроки упомянутые в видео: Бесплатный курс по верстке: 🤍 Адаптивная верстка: 🤍 Адаптивная верстка картинок: 🤍 Меню бургер: 🤍 Иконочные шрифты: 🤍 🔴 Карта канала: 🤍 🔴 Получить доступ к плюшкам + поддержать канал: 🤍 🔴 Telegram канал: 🤍 (🤍 🔴 Telegram чат по верстке: 🤍 (🤍 🔴 Facebook: 🤍 🔴 Instagram: 🤍 00:00:00 - В выпуске 00:01:06 - Подготовка к верстке. Анализ макетов 00:10:04 - Подключение ширифтов. Иконочный шрифт 00:24:00 - Настройка контейнера 00:27:46 - Верстаем шапку 00:59:52 - Верстка содержимого главной страницы 02:43:51 - Верстка страницы Blog 02:58:20 - Верстка страницы Works 03:04:47 - Верстка страницы Article 03:16:21 - Заключение 👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал: 🤍 🤟 Живи, а работай в свободное время! ©

Подготовка макета к печати

1088
8
0
00:02:38
31.01.2013

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

Передача файла разработчику в Фигме

27551
996
28
00:12:47
01.12.2019

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

АДАПТИВНАЯ ВЕРСТКА САЙТА С НУЛЯ ОГРОМНОГО МАКЕТА. ПОДРОБНЫЙ ГАЙД #1

9810
315
34
01:17:34
15.02.2022

Хеллоу ворлд ребята, я хотел загрузить 11 часовое видео по верстке этого макета, но ютуб не дал мне это сделать, поэтому ловите первую часть по адаптивной верстке макета сайта с подробным пояснением Адаптивная Верстка сайта с нуля: ЧАСТЬ 2: 🤍 ЧАСТЬ 3: 🤍 ЧАСТЬ 4: 🤍 ЧАСТЬ 5: 🤍 👉👉👉За всеми нужными макетами и стартовым шаблоном для верстки который я использую - переходи на мой телеграм канал 🤍 и ищи пост от 15.02.2022 Также тебе может понадобится видео по установке OpenServer: 🤍 🔴🔴🔴 НУЖНЫ МАКЕТЫ ДЛЯ ВЕРСТКИ? 🔴🔴🔴 👉 ТЕЛЕГРАМ-КАНАЛ 🤍 публикует по 2 крутых макета в день 👉Подпишись на наш телеграм-канал: 🤍 👉Задай свой вопрос в чате: 🤍 🔴Instagram: 🤍 ПОНРАВИЛОСЬ ВИДЕО? ПОДПИШИСЬ НА КАНАЛ 🤍 🎓Смотри мой бесплатный курс по верстке и заработай свои первые $100 на фрилансе с нуля. Ссылка на плейлист: 🤍 = 🌐 Хостинг: 🤍 💰 Фриланс Биржа: 🤍 = | МОИ ДРУГИЕ ВИДЕО | Видео Фон Для Текста - 🤍 Стилизация Чекбокс - 🤍 Текст Заполняется Водой - 🤍 Поворот При Наведении На 180 Градусов - 🤍 Смена Цвета Картинки На CSS - 🤍 #верстка #адапртив #адаптивнаяВерстка #фриланс #дневник #верстальщика дневник верстальщика

Состояния кнопок в веб дизайне: normal / hover / active. Готовим макет к верстке

16904
976
101
00:10:27
08.04.2019

#кнопки #фигма #figma #вебдизайн #фриланс Привет! Показал, как сохранял раньше и как готовлю теперь разные состояния кнопок (ховеры, нажатие, неактивный вариант). 00:00 - как делал раньше 2:22 - как делают многие дизайнеры 3:57 - как лучше всего делать 5:00 - как сейчас отдаю на верстку кнопочки 8:44 - нужна ли неактивная inactive (disabled) кнопка 💰❤️ Поддержать канал: бусти — 🤍 — русский интерфейс, рубли патреон — 🤍 — английский, доллары Подглядывать за мной можно тут: 👉 Инстаграм: 🤍 👉 Беханс: 🤍 👉 Телеграм: 🤍 👉 Фейсбук: 🤍 👉 Твитор: 🤍 ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне чуть больше 30 лет, женат на прекрасном человеке и у нас чудесная дочка. Работаю на лучшей бирже в рунете — Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 15 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе! Подробнее обо мне — 🤍 15 лет опыта — 🤍 Пишу — 🤍 Дизайню — 🤍 Отзывы — 🤍 Мои книги: «Дизайн и фриланс. Начало» — 🤍 «Дизайн и фриланс. Новый уровень» — 🤍 Хелп по Фигме: уроки, видео, советы, фишки — 🤍 Мир фейсов: 🤍 #figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance

Photobook Indesign #1 Верстка книги || Уроки Виталия Менчуковского

103825
3518
98
00:32:40
28.12.2018

В этом видео мы подготовим шаблон книги в Adobe Indesign CC и сверстаем ее. Мы будем работать с простой книгой - фотокнига городов США. Верстка в индезайне будет достаточно простой и понятной, что в будущем поможет вам верстать и более сложные проекты. ► РЕКОМЕНДУЮ УРОКИ: 1. Как сделать лого из фото в Adobe Photoshop CC: 🤍 2. Aрт обработка фото в Adobe Photoshop CC: 🤍 3. Сумасшедше быстрый способ создания матового эффекта в Photoshop: 🤍 4. Не оставляйте незаметные дефекты с помощью этой прекрасной техники в Photoshop: 🤍 5. Как сделать POP ART портрет из фото в PHOTOSHOP!: 🤍 6. Магия цвета в Adobe Photoshop CC 2019!: 🤍 7. Сила «горизонтальной кривой» в Adobe Photoshop CC 2019!: 🤍 8. Быстрое выделение в Adobe Photoshop CC: 🤍 9. Как раскрасить чёрно-белую фотографию в Photoshop CC: 🤍 10. Горячие клавиши Photoshop CC 2018: 🤍 ► ССЫЛКИ НА СОЦ СЕТИ: Facebook: 🤍 Twitter: 🤍 Instagram: 🤍 #indesign #design #menchukovskiy

Как сделать визитку в Adobe Illustrator и подготовить ее к печати. Основные технические требования.

132111
5344
310
00:21:57
19.05.2018

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

[2022] Основы верстки сайта с нуля! HTML5 и CSS3 - верстка макета

543972
18238
797
01:06:37
10.06.2020

Современный и актуальный подход к верстке сайтов (лендингов) на HTML5/CSS3 с нуля для начинающих из Figma. Разберемся со всем, что волнует начинающих верстальщиков в одном емком уроке! И... 💻 Онлайн-курс «Веб-верстальщик: начало» - 7 занятий и личный наставник бесплатно: 🤍 🖌️ Макет: 🤍 💻 Верстка с 3-мя эффектами, которых нет в видео: 🤍 ⌨️ Sublime Text 3: 🤍 0:00 Хайлайты 0:26 🎙️ Новый рэп, йоу 1:28 Что нас сегодня ждет 5:04 Редактор кода Sublime Text 3 5:50 Базовая структура и объяснение тегов HTML 11:20 Подключаем шрифты из Google Fonts 15:00 Основы CSS 20:37 ⭐ Самый главный принцип верстки 29:25 Как задать фон картинкой для секции (background) 31:10 Как создать меню в верстке (ul, li) 36:30 Dev tools (инструменты разработчика) в Chrome 44:01 Обидный баг в CSS 47:30 Что такое высота строки (line-height) 48:45 🤩 Как изучать верстку, чтобы было хорошо 56:55 🤔 {HOT!} 5 заповедей профессионального верстальщика 1:02:46 Новый розыгрыш! 🎁 1:03:55 Итоги предыдущего розыгрыша 1-ый эпизод шоу: 🤍 🌃🎓🌙 «Вечерняя школа» - это регулярное шоу для тех, кто хочет освоить дизайн и разработку сайтов. Весело. Нескучно. Чтобы вот прямо захватывало. Идеально смотреть после работы или во время работы, если она надоела и ты хочешь выйти на фриланс. 😉 Андрей Гаврилов - мое имя. Делаю сайты 10 лет. А еще, создал образовательный онлайн-проект WAYUP и здесь же преподаю. Путешествую по всему миру и веду блог: 🤍 🎁 Используй промо-код NIGHTSCHOOL при оплате любого моего коучинга на WAYUP и получи скидку -30%: 🤍 Не забудь 👍 лайкнуть это видео, чтобы не забыть лайкнуть его!

Верстка сайта с нуля из Figma для начинающих #1

226975
7479
346
00:16:11
13.07.2019

FIGMA УРОКИ. ВЕРСТКА С FIGMA. ВЕРСТКА ИЗ FIGMA FIGMA УРОКИ ДЛЯ НАЧИНАЮЩИХ. FIGMA ВЕРСТКА Фигма верстка это серия уроков. Фигма уроки без воды. верстка сайта figma для вас. С этой верстка из figma вы научитесь как верстать с figma для figma в html. По верстка в figma серия уроков для начинающих figma для верстки. Без проблем научаться figma как сверстать. Это видео верстка макета figma Это первое видео из серии роликов по вёрстке сайта с нуля с использованием графического редактора Figma. Вводная часть содержит краткое знакомство с программой, создание структуры будущего веб-проекта и его базовую настройку. Спонсоры канала имеют доступ к готовому коду и многим другим бонусам! Подробнее: 🤍 Ссылка на макет - 🤍 Скачать CSS Reset - 🤍 Паблик ВК - 🤍 Паблик телеграм - 🤍 Сервис иконок - 🤍 Если вам понравилось это видео, не забывайте подписываться на канал, ставить пальцы вверх и писать свои комментарии! Поддержать проект финансово: ЯД - 410019809390277 Bitcoin - 1GgYeUxciUhsnorN1rYWXBuBa6L9fjzXCK 🤍

Как подготовить PSD макет для верстки (1 часть)

11290
178
4
00:18:08
11.07.2015

Все мои курсы БЕСПЛАТНО здесь - 🤍 Мой блог Вконтакте - 🤍 Мой инстаграм - 🤍

Адаптивная верстка сайта с нуля для начинающих. Объяснение действий. HTML CSS

353677
10560
640
03:12:21
07.09.2021

Адаптивная верстка сайта с нуля для начинающих. Объяснение действий. В этом видео я покажу подробную HTML CSS верстку простого макета FIGMA с кучей полезных решений и лайвхаков! Часть №1: 🤍 Часть №2: 🤍 ❓❓ Хотите чтобы стрим остался в записи? 👉Подписываемся на канал "СЛУШАЙ!" Истории из жизни простых людей: 🤍 И ЖМЁМ ЛАЙК! :) Полезные ссылки: 👉 Макет: 🤍 💪 Набор на курс по верстке: 🤍 👉Бесплатный курс по верстке: 🤍 👉 VS Code: 🤍 👉 Как правильно учиться: 🤍 👉 План развития фронтенд разработчика (+КАРТА): 🤍 🔴 Карта канала: 🤍 🔴 Получить доступ к плюшкам + поддержать канал: 🤍 🔴 Instagram: 🤍 🔴 Telegram канал: 🤍 (🤍 🔴 Telegram чат по верстке: 🤍 (🤍 🔴 Facebook: 🤍 👉 🤍IT-ПРИСТРАСТІ, українськомовний канал присвячений інтерв'ю з цікавими IT-спеціалістами - 🤍 👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал: 🤍 🤟 Живи, а работай в свободное время! ©

Подготовка дизайна для верстальщика

16153
850
32
00:05:55
21.09.2017

💎 Курс "UX/UI-Дизайн" - 🤍 ◾ Базовый курс по веб-дизайну "Основы дизайноведения" - 🤍 ◾ Полноценный курс по веб-дизайну "Дизайноведение" - 🤍 ◾ Ведение рабочих профилей в Instagram "Инставедение" - 🤍 ◾ Менторство - 🤍 ◾ Магазин футболок для фрилансеров - filippovashop.ru Самые полезные видео на канале: Кто такой веб-дизайнер - 🤍 Сколько зарабатывает веб-дизайнер - 🤍 Навыки веб-дизайнера - 🤍 Как стать веб-дизайнером - 🤍 Где учиться на веб-дизайнера - 🤍 Плюсы и минусы профессии - 🤍 Какой ноутбук выбрать - 🤍 Этапы рабочего процесса - 🤍 Кто такие UX/UI дизайнеры - 🤍 Ошибки начинающих - 🤍 🤍 Стили в веб-дизайне - 🤍 Сетки в веб-дизайне - 🤍 Адаптивный дизайн сайта - 🤍 Дизайн сайта в Figma - 🤍 Тренды в дизайне на 2021 год - 🤍 Как сделать портфолио - 🤍 Как рассчитать стоимость дизайна - 🤍 Как найти первого клиента - 🤍 Где меня найти: Instagram: 🤍 Instagram Filschool: 🤍 Страница Вконтакте: 🤍 Сайт веб-студии: 🤍 Портфолио студии: 🤍

КЛИЕНТ УКРАЛ МАКЕТЫ? Как безопасно передать макеты в Figma

1895
129
18
00:04:02
05.11.2021

Мой канал telegram 🤍 Инста 🤍 Как веб дизайнеру передать безопасно макеты клиенту в фигме? 2 способа + интерактивные (клибальные) прототипы Заказать дизайн: taplink.cc/shain_di web.shain🤍gmail.com Портфолио: be.net/d_shain dribbble.com/DShain instagram.com/shain.design Таймкод 00:00 - Начало 00:24 - Платный способ 00:36 - Пример работы платного аккаунта 01:47 - Бесплатный способ 02:55 - Бесплатно интерактивными прототипами 03:40 - Самое важное

Как сверстать понятный макет | Лёша Рева

3031
60
4
00:07:31
01.05.2017

Мой бложек: 🤍 Дизайнером быть: 🤍 Тренировать дизайн: 🤍 Поболтать о дизайне: 🤍

Photobook Indesign #2 Подготовка к печати || Уроки Виталия Менчуковского

30996
1588
95
00:10:06
28.12.2018

Книга сверстана и теперь пора подготовить ее к печати #indesign #design #menchukovskiy

Марафон по HTML/SCSS/GULP верстке сайтов. Сложный макет Часть 4. Адаптив

16465
644
89
03:17:01
06.09.2020

Адаптив Исходники и макет в телеграм канале: 🤍 Верстка интернет магазина 🤍 Найти меня в ВК: 🤍 Я в телеграм: 🤍

#1 Верстка сайта с нуля для начинающих | HTML, CSS

2502903
71520
2930
00:50:43
27.02.2019

В этом видео начнем верстать сайт с нуля. Верстка сайта это процесс создания сайта из макета, который нарисовал дизайнер. Видео для начинающих, в нем не будет препроцессоров, сборщиков и каких-либо инструментов, только HTML и CSS! Основы HTML и CSS для начинающих: 🤍 Верстка сайта транспортной компании: 🤍 Файлы урока: 🤍 Главы видео: 00:00 - 03:10 - Подготовка к работе 03:10 - Создаем проект 05:35 - Шрифты 09:30 - Can I use? 11:50 - Начинаем верстать главный блок 16:30 - Верстаем шапку 25:40 - Верстаем заголовки 33:30 - Совет и ошибки начинающих 34:40 - Верстаем кнопку 39:00 - Верстаем нижнюю часть Меня зовут Дмитрий Валак. Я занимаюсь разработкой сайтов уже много лет, специализируюсь больше на front-end разработке и верстке сайтов, но и программирование тоже изучаю. Здесь буду делиться с вами информацией на разные темы по веб-разработке - HTML, CSS, Javascript, JQuery, Vue, PHP, MySQL, React, Gulp и тд. На сайте проекта 🤍 вы найдете много полезных закрытых материалов, а так же сможете поработать со мной лично, при наличии такого желания. Мой ВК - 🤍 Группа BC - 🤍 Мой Instagram: 🤍 #верстка #версткасайта #html #css #css3

Подготовка psd макета к верстке. Интервью с Александром Чаплинским

5492
85
00:24:23
01.10.2015

★ Бесплатно учись веб-дизайну – 🤍 Первая часть интервью с техническим директором IT-отдела дизайн-бюро Александром Чаплинским. В этой части Александр дает рекомендации веб-дизайнерам по взаимодействию с верстальщиком. Как облегчить работу себе и верстальщику, чтобы сработаться. Главный совет от Саши: макет нужно делать понятным для верстальщика и файл делать не очень большим. При открытии вашего псд макета верстальщик должен сразу понимать где какой элемент расположен и какая у него функция. Саша делиться секретом как веб-дизайнеру понять, что верстальщик действительно хорош, как себя хвалит. Затрагиваем тему макетов для адаптивной верстке. Смотрим видео и учимся думать как верстальщик. Чтобы вам было комфортно работать в паре с верстальщиком. Чек лист для веб-дизайнера: 🤍 Правила хорошего тона в Фотошопе: 🤍 Таймкоды: 0:28 Знакомство с Александром Чаплинским 0:50 Взаимодействие дизайнера и верстальщика 1:51 Подготовка макета к верстке 5:39 Как дизайнеру найти подходящего верстальщика себе в пару 16:20 Макет адаптивного сайта 22:07 Вакансия для дизайнера с опытом создания корпоративных сайтов. Работа в офисе в Москве Больше полезных видео по веб-дизайну в группе вконтакте: 🤍 Я вконтакте: 🤍 Личный блог: 🤍 Бесплатный курс по Adobe Muse: 🤍 Бесплатная подписка на видеоуроки по дизайну: 🤍

Веб-дизайн и SEO: как дизайнерам готовить макеты для адекватного продвижения сайтов. Стрим #33

4351
284
88
01:10:50
28.04.2021

#alexeybychkov #ityoutubersru #webdesign Обсуждаем SEO: как дизайнерам готовить макеты, чтобы сайты без проблем можно было продвигать? Канал Андрея — 🤍 Телеграм Андрея — 🤍 Доступ к закрытом чату: советы, лайфхаки, ответы на вопросы, ранний доступ к видео и тд: бусти — 🤍 — русский интерфейс, рубли патреон — 🤍 — английский, доллары Подглядывать за мной можно тут: 👉 Инстаграм: 🤍 👉 Беханс: 🤍 👉 Телеграм: 🤍 👉 Фейсбук: 🤍 👉 Твитор: 🤍 00:00 - технические моменты 01:20 - Андрей рассказывает о себе 02:39 - какие тексты SEO, а какие нет? 03:36 - как идет взаимодействие сеошника и дизайнера? 08:33 - норм ли аккордеоны для SEO? 12:20 - почему гугл игнорирует сайт? 14:58 - влияет ли капс в заголовке на поиск? 15:40 - для продвижения нужны отдельные страницы? 24:34 - SEO - миф или реальность? 25:53 - делаешь дизайн, а копирайтеры заполняют текст 28:01 - тильда или вордпресс? 31:46 - что сделать, чтобы сайт было проще найти в поисковике? 32:13 - дизайн, который способствует SEO-продвижению 33:32 - о тестах на страницах 42:41 - идеальный каталог ИМ для SEO 46:39 - сложно ли найти работу сеошникам? 49:34 - как сделать, чтобы гугл находил сайт по словам? 50:46 - как продвигать творческий аккаунт инстаграм? 52:04 - реально продвинуть тильду без рекламы? 53:21 - как пришел к профессии сеошника? 54:46 - кнопки в карточках товара 57:32 - SEO при редизайне 01:01:59 - о заголовках 01:06:16 - порядок хорошего дизайна под SEO 01:07:21 - о хлебных крошках 01:08:21 - сколько должны висеть ссылки с 301 ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 36 лет, женат на прекрасном человеке и у нас две чудесные дочки. Работаю на лучшей бирже в рунете — Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе! Подробнее обо мне — 🤍 17 лет опыта — 🤍 Пишу — 🤍 Дизайню — 🤍 Отзывы — 🤍 Мои книги: «Дизайн и фриланс. Начало» — 🤍 «Дизайн и фриланс. Новый уровень» — 🤍 Хелп по Фигме: уроки, видео, советы, фишки — 🤍 Мир фейсов: 🤍 #figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance

Урок 14. Adobe Photoshop. Подготовка макета на верстку. Web design с нуля.

65
2
0
01:12:46
11.01.2021

• Иерархия слоев в макете. • Передача дизайн-макетов разработчикам и технологам. • Всплывающие окна • Styleguide (UI Kit) Портфолио преподавателя 🤍 Telegram-канал: 🤍

Как Верстать Макеты Быстрее?

8423
609
69
00:10:55
19.06.2022

Казалось бы, изучил основные теги в html и css правила. Вроде бы все хорошо. Но бывает, что ты садишься за вёрстку макета, у тебя возникает ступор. В голове вроде что-то есть, но не можешь написать ни строчки кода. Для того, чтобы уменьшить "ступор" разработчики используют методологии верстки при разработке UI. Методология - это структура и набор правил, как нужно делать. В этом видео хочу поговорить, почему методология верстки - важный компонент во фронтенд разработке. А также, с какой методологии можно начать. Приятного просмотра =) 0:00 Интро 0:21 Методология вёрстки - это что? 3:01 Как работает методология БЭМ? 7:41 Почему БЭМ так популярен? 8:47 БЭМ - не единственная методология 10:01 Какую методологию вёрстки выбрать на старте? 10:24 Что делать дальше? Про БЭМ - 🤍 СОЦ. СЕТИ: 📸 Instagram - 🤍 📱 Telegram - 🤍 ОБО МНЕ: Меня зовут Сергей - тимлид и frontend разработчик из Москвы. Я помогаю новичкам с 0 освоить фронтенд разработку и начать работать в IT. #программирование #учёбанапрограммиста #вебразработка

Подготовка PSD-макета к верстке в Adobe Muse / Практикум Landing Page / Part. 3.1

13996
444
32
00:09:40
23.03.2017

Это часть 3.1 практикума Landing Page. Из видео вы узнаете - как подготовить psd-макет к верстке в Adobe Muse. Ссылка на скачивание psd. - 🤍 💎 Курс "UX/UI-Дизайн" - 🤍 ◾ Базовый курс по веб-дизайну "Основы дизайноведения" - 🤍 ◾ Полноценный курс по веб-дизайну "Дизайноведение" - 🤍 ◾ Ведение рабочих профилей в Instagram "Инставедение" - 🤍 ◾ Менторство - 🤍 ◾ Магазин футболок для фрилансеров - filippovashop.ru Самые полезные видео на канале: Кто такой веб-дизайнер - 🤍 Сколько зарабатывает веб-дизайнер - 🤍 Навыки веб-дизайнера - 🤍 Как стать веб-дизайнером - 🤍 Где учиться на веб-дизайнера - 🤍 Плюсы и минусы профессии - 🤍 Какой ноутбук выбрать - 🤍 Этапы рабочего процесса - 🤍 Кто такие UX/UI дизайнеры - 🤍 Ошибки начинающих - 🤍 🤍 Стили в веб-дизайне - 🤍 Сетки в веб-дизайне - 🤍 Адаптивный дизайн сайта - 🤍 Дизайн сайта в Figma - 🤍 Тренды в дизайне на 2021 год - 🤍 Как сделать портфолио - 🤍 Как рассчитать стоимость дизайна - 🤍 Как найти первого клиента - 🤍 Где меня найти: Instagram: 🤍 Instagram Filschool: 🤍 Страница Вконтакте: 🤍 Сайт веб-студии: 🤍 Портфолио студии: 🤍

Назад
Что ищут прямо сейчас на
как готовить макет к вертске ybm запойнадому lauschen seh dbd grupo q isso ملاهي الاطفال الصغار угкц в підпіллі My Apology 細胞融合 Сергей Леонов david mazzucchelli 富爸爸 Spiz güncel haberler ягоды боярышника Role models 一重 可愛い Адушкина увесистый