---

Видео на тему: WebValley - видео

Чтобы заказчик мог самостоятельно управлять сайтом, мы сделали не просто админку, где можно менять текст или фото, а по создали кастомный конструктор страниц внутри Вордпресса, с помощью которого можно полностью управлять набором блоков на страницах и создавать новые страницы, которых не было в дизайне. Страницы сайта масштабируемые, легко наполняемые, динамические. При этом скорость сайта не пострадала, как и SEO. Каждый блок уже содержит необходимые теги и разметку, что автоматически делает сайт оптимизированным, при правильном тексте. Заказчику не нужны программисты чтобы создать новую страницу, которой не было в дизайне. Он открывает редактор и собирает страницу, как в конструкторе, с блоками задизайненными в нашем стиле. Как создать админ панель для сайта? Свяжитесь с WebValley Studio! WebValley Studio ® Digital-агентство полного цикла. Разрабатываем уникальный дизайн и создаём адаптивные сайты компаний, стартапов, магазинов, студий и личные страницы Сайт студии https://web-valley.ru Вконтакте vk.com/webvalley Behance https://www.behance.net/webvalleystudio DProfile https://dprofile.ru/webvalleyРазрабатываем уникальный дизайн и создаём адаптивные сайты компаний, стартапов, магазинов, студий и личные страницы Студия web-valley.ru Вконтакте vk.com/webvalley Behance https://www.behance.net/webvalleystudio DProfile https://dprofile.ru/webvalleyСоздание концепции в Figma: проработаем типографику, разберём инструменты для быстрой работы в Figma, а также мгновенную вырезку изображения из фона. Завершим дизайн-концепцию и финализируем проект. Результат: сможете выложить кейс в портфолио и в социальные сети с уверенностью. Онлайн-академия: https://web-valley.ru/academy WebValley Studio ® Digital-агентство полного цикла. Разрабатываем уникальный дизайн и создаём адаптивные сайты компаний, стартапов, магазинов, студий и личные страницы Студия web-valley.ru Вконтакте vk.com/webvalley Behance https://www.behance.net/webvalleystudio DProfile https://dprofile.ru/webvalleyСоздание прототипа в Figma. Ресурсы и материалы для выполнения практической части: https://drive.google.com/drive/folders/1pdHhYKftr5K60V4OcAIn3C2iTuR73jeV?usp=sharing Начнем изучение алгоритма создания проектов в Figma и этапов дизайна на практике. Онлайн-академия: https://web-valley.ru/academy WebValley Studio ® Digital-агентство полного цикла. Разрабатываем уникальный дизайн и создаём адаптивные сайты компаний, стартапов, магазинов, студий и личные страницы Студия web-valley.ru Вконтакте vk.com/webvalley Behance https://www.behance.net/webvalleystudio DProfile https://dprofile.ru/webvalleyБОНУС! Неочевидный способ встраивания 3D-графики в дизайн. Дополнительный урок по 3D-графике с использованием сложных объектов. Создайте 3-й проект! В предыдущих уроках мы научились создавать 3D объекты. Сегодня - научимся встраивать их в ваш веб-дизайн сайта. Материалы к уроку: Текст в Figma и итоговый концепт → https://www.figma.com/file/3UDeqPBQpiYlW7kfRKByoL/WVA-%7C-3D-Blender-bonus?node-id=0%3A1 Материалы для скачивания с гугла → https://drive.google.com/drive/folders/1prPMIWHNziCO8nn6jqBZrNotiqeWBT96?usp=sharing P3D.In (сервис из урока) → https://p3d.in/ Онлайн-академия: https://web-valley.ru/academy WebValley Studio ® Digital-агентство полного цикла. Разрабатываем уникальный дизайн и создаём адаптивные сайты компаний, стартапов, магазинов, студий и личные страницы Студия web-valley.ru Вконтакте vk.com/webvalley Behance https://www.behance.net/webvalleystudio DProfile https://dprofile.ru/webvalleyОсобенности и лайфхаки карьеры веб-дизайнера. — Вы узнаете, какие навыки нужно прокачивать, чтобы выйти на новый уровень в веб‑дизайне. — Расскажем, из чего складывается стоимость проектов на миллион. — Разберём, какие препятствия могут помешать вашему развитию и как их избежать. — Обсудим оставшиеся этапы работы веб‑дизайнера. Онлайн-академия: https://web-valley.ru/academy WebValley Studio ® Digital-агентство полного цикла. Разрабатываем уникальный дизайн и создаём адаптивные сайты компаний, стартапов, магазинов, студий и личные страницы Студия web-valley.ru Вконтакте vk.com/webvalley Behance https://www.behance.net/webvalleystudio DProfile https://dprofile.ru/webvalleyСоздание бэкграунда (фона) в Spline 3D: разберём вопросы анимации, работы с кадром и экспорта из программы Spline 3D. Отрисуем 3D-бэкграунд для завершения дизайн-концепции. Онлайн-академия: https://web-valley.ru/academy WebValley Studio ® Digital-агентство полного цикла. Разрабатываем уникальный дизайн и создаём адаптивные сайты компаний, стартапов, магазинов, студий и личные страницы Студия web-valley.ru Вконтакте vk.com/webvalley Behance https://www.behance.net/webvalleystudio DProfile https://dprofile.ru/webvalleyПоказываем на примере, в чём отличие отзывчивой вёрстки (Responsive Layout) от резиновой (Elastic layout) и адаптивной (Adaptive layout). Отзывчивая верстка - это комбинированный вариант адаптивной и резиновой верстки. Например, мы верстаем 2 рядом стоящих блока: в классической резиновой верстке, если мы задаем им ширину в 50% от экрана, они всегда будут занимать ровно половину монитора, но это не всегда будет хорошо выглядеть с точки зрения дизайна: на узких смартфонах контент этих блоков будет невозможно разобрать. При отзывчивой верстке блоки будут резиновыми для разных разрешений, но отличаться по расположению элементов, и на смартфоне 2 картинки не будут жаться до последнего, чтобы уместиться на узком экране, а поменяют свое расположение, например, встав друг под другом, как это происходит в адаптивной верстке. 20+ современных принципов верстки: что нужно знать, чтобы верстать сайты, которые не рассыпаются: https://web-valley.ru/articles/verstka-dlya-sajta Студия web-valley.ru Вконтакте vk.com/webvalley Behance https://www.behance.net/webvalleystudio DProfile https://dprofile.ru/webvalleyПремиальный сайт студии дизайна интерьеров INGAIN Больше о кейсе: https://web-valley.ru/portfolio-i-keysi-webvalley/sajt-dizajna-interera В дизайне интерьеров не первый год в тренде скандинавский стиль. Его характеризуют простота, чистота, практичность, некоторая строгость, сдержанность и элегантность. Те же тенденции затрагивают веб-дизайн сайтов в нише дизайна интерьеров. Минимализм как стиль веб-дизайна — это средоточие чистоты и порядка, простоты и элегантности. Минимализм в веб-дизайне — это аналог скандинавского стиля в дизайне интерьеров. Мы создали сайт агентства по дизайну интерьеров в эстетике минимализма, благодаря чему удалось подчеркнуть премиальность услуги и создать впечатление глянцевого журнала. Ниша предполагает сильный упор на визуал. Мы реализовали это полноэкранными фото, в сочетании с мелкой типографикой, а также сложными кастомными слайдерами. Эстетичная анимация усиливает впечатления от визуала, погружает пользователя в контент, делает взаимодействие с сайтом интересным и интерактивным. WebValley Studio ® Digital-агентство полного цикла. Разрабатываем уникальный дизайн и создаём адаптивные сайты компаний, стартапов, магазинов, студий и личные страницы Студия web-valley.ru Вконтакте vk.com/webvalley Behance https://www.behance.net/webvalleystudio DProfile https://dprofile.ru/webvalleyFigma & Spline Intensive - 3D анимация в веб-дизайне Приветственный вебинар, знакомство, роль веб-дизайнера в продакшене. — Разберем 3 главные причины, по которым у вас не получится стать профессиональным веб-дизайнером. — Обсудим, какими навыками должен обладать веб-дизайнер, чтобы с ним хотели работать крупные компании. — Расскажем, из каких ключевых этапов на самом деле состоит работа дизайнера. Материалы к интенсиву скачивайте здесь: https://drive.google.com/drive/folders/1pdHhYKftr5K60V4OcAIn3C2iTuR73jeV?usp=sharing Онлайн-академия: https://web-valley.ru/academy WebValley Studio ® Digital-агентство полного цикла. Разрабатываем уникальный дизайн и создаём адаптивные сайты компаний, стартапов, магазинов, студий и личные страницы Студия web-valley.ru Вконтакте vk.com/webvalley Behance https://www.behance.net/webvalleystudio DProfile https://dprofile.ru/webvalleyБонусное занятие по анимации в Figma — слайдер и анимация взаимодействия с интерфейсом. В этом бонусном занятии создаём слайдер в Figma с анимацией по клику на элементы управления. Полностью закрываем вопрос демонстрации слайдера / карусели в Figma с помощью Smart Animate. Онлайн-академия: https://web-valley.ru/academy Студия web-valley.ru Вконтакте vk.com/webvalley Behance https://www.behance.net/webvalleystudio DProfile https://dprofile.ru/webvalleyСложная анимация появления текста и элементов интерфейса в Figma с помощью Smart Animate. В этом видео Алексей показывает, как настроить сложную пошаговую анимацию элементов интерфейса в Figma с помощью Smart Animate и настраивает пошаговое Fade-in появление объектов (Step-by-Step). Звучит страшно, но не всё так сложно как кажется =))) Освоим пошаговую анимацию в Фигма! Студия web-valley.ru Вконтакте vk.com/webvalley Behance https://www.behance.net/webvalleystudio DProfile https://dprofile.ru/webvalleyАнимация открытия и закрытия формы (pop-up окна) с боковым появлением в Фигма с нуля. Настраиваем демонстрацию интерактивного взаимодействия с поп-ап формой отправки персональных данных в Figma с помощью Smart Animate, боковое появление и закрытие по клику на кнопки. Learn the Pro Trick to Create Pop Up Forms with Side Appearances in Figma from Scratch! Create a Pop-Up with Side Appearances in Figma - From Scratch! Figma Magic: Create Pop-Up Windows with Side Appearances from Scratch! Create a Pop-Up Form Animation in Figma from Scratch - Open the Loop! Make a Pop-up Form in Figma From Scratch: Animation Trick! Онлайн-академия: https://web-valley.ru/academy Студия web-valley.ru Вконтакте vk.com/webvalley Behance https://www.behance.net/webvalleystudio DProfile https://dprofile.ru/webvalleyЗапись финального вебинара. Стратегия развития UX/UI-дизайнера, выбор курсов, презентация. В этом видео разбираем следующие темы: Что реально ценится заказчиками при работе с веб-дизайнером? Стоимость реальных проектов Цикличность заработка веб-дизайнера на фрилансе Что реально требуется для развития? Презентация программы PRO Web Оставшиеся этапы запуска digital-продукта и создания сайтов Бонусный урок в следующем видео! (см Ч-10) Онлайн-академия: https://web-valley.ru/academy Студия web-valley.ru Вконтакте vk.com/webvalley Behance https://www.behance.net/webvalleystudio DProfile https://dprofile.ru/webvalleyИмитация видео-плеера с проигрыванием ролика в Figma без использования плагинов с помощью Gif. Настраиваем анимацию и интерактивное взаимодействие с видео-плеером в Figma с помощью Smart Animate, создаём имитацию видео-ролика без использования плагинов. Онлайн-академия: https://web-valley.ru/academy Студия web-valley.ru Вконтакте vk.com/webvalley Behance https://www.behance.net/webvalleystudio DProfile https://dprofile.ru/webvalleyHover анимация наведения на кнопки и ссылки в Figma с нуля с помощью движка Smart Animate. В этом видео Алексей показывает, как настроить анимацию элементов интерфейса в Figma с помощью Smart Animate и настраивает эффекты наведения на кнопки и ссылки в меню. Онлайн-академия: https://web-valley.ru/academy Студия web-valley.ru Вконтакте vk.com/webvalley Behance https://www.behance.net/webvalleystudio DProfile https://dprofile.ru/webvalleyВ данном видео отрисовываем концепт главного экрана сайта в Figma с разбором всех необходимых инструментов. UX UI дизайн главного экрана промо сайта в Figma (обложки). Скачать материалы к уроку: https://drive.google.com/file/d/1D5YjO-w-wCIdFAvLqnyoaJrPjCvkcudg/view Студия web-valley.ru Вконтакте vk.com/webvalley Behance https://www.behance.net/webvalleystudio DProfile https://dprofile.ru/webvalleyУроки Figma для начинающих: как работать в графическом редакторе, базовые навыки и инструменты. В этом видео рассказываем, как пользоваться графическим редактором Figma для новичков. В видео показаны основные инструменты и техники Фигма для веб-дизайнеров, а также продемонстрирован проект и его импорт в программу для прохождения интенсива. Учимся делать UI UX дизайн в Figma. Скачать материалы к уроку: https://drive.google.com/file/d/1D5YjO-w-wCIdFAvLqnyoaJrPjCvkcudg/view Сайт школы: https://web-valley.ru/academy Студия web-valley.ru Вконтакте vk.com/webvalley Behance https://www.behance.net/webvalleystudio DProfile https://dprofile.ru/webvalley