💡Прокачивайте свой визуальный язык
Анализ. Чтобы стать выдающимся веб-дизайнером, важно развивать свой визуальный язык. Регулярно анализируйте работы других дизайнеров, участвуйте в дизайнерских конкурсах и следите за актуальными трендами в графическом дизайне. Это поможет вам расширить свои горизонты и найти уникальный стиль, который выделит ваши работы среди остальных.
WebDEV #советы
Анализ. Чтобы стать выдающимся веб-дизайнером, важно развивать свой визуальный язык. Регулярно анализируйте работы других дизайнеров, участвуйте в дизайнерских конкурсах и следите за актуальными трендами в графическом дизайне. Это поможет вам расширить свои горизонты и найти уникальный стиль, который выделит ваши работы среди остальных.
WebDEV #советы
Психология цвета в веб-дизайне
Психология цветов в веб-дизайне оказывает значительное влияние на восприятие и поведение пользователей. Грамотно подобранная цветовая палитра может улучшить эстетическую привлекательность сайта и вызвать нужные эмоции.
В этом видео мы расскажем о психологии цветов в веб-дизайне. Вы узнаете, как разные цвета влияют на эмоции пользователей, увидите примеры успешных цветовых схем и получите советы по выбору палитры для различных типов сайтов. Готовьтесь повысить эффективность вашего дизайна с помощью цвета!
📺 YouTube
WebDEV #видео
Психология цветов в веб-дизайне оказывает значительное влияние на восприятие и поведение пользователей. Грамотно подобранная цветовая палитра может улучшить эстетическую привлекательность сайта и вызвать нужные эмоции.
В этом видео мы расскажем о психологии цветов в веб-дизайне. Вы узнаете, как разные цвета влияют на эмоции пользователей, увидите примеры успешных цветовых схем и получите советы по выбору палитры для различных типов сайтов. Готовьтесь повысить эффективность вашего дизайна с помощью цвета!
📺 YouTube
WebDEV #видео
🛠 Avocode - инструмент, который позволяет разработчикам внешнего интерфейса легко кодить веб-сайты или приложения из проектов Photoshop или Sketch. Он создан той же командой, которая подарила нам CSS Hat и PNG Hat, поэтому неудивительно, что они продвинули процесс экспорта на один шаг вперед.
Особенность Avocode заключается в том, что вы можете использовать его плагин Photoshop для синхронизации PSD с Avocode одним щелчком мыши.
🌍 Сайт
WebDEV #инструменты
Особенность Avocode заключается в том, что вы можете использовать его плагин Photoshop для синхронизации PSD с Avocode одним щелчком мыши.
🌍 Сайт
WebDEV #инструменты
Какой атрибут тега <input> используется для связывания метки (<label>) с элементом формы?
Anonymous Quiz
14%
name
29%
id
53%
for
4%
form
💡 Обращайте внимание на микровзаимодействия
Микровзаимодействия. Небольшие, но значимые элементы взаимодействия, такие как анимации при наведении курсора или подтверждение действий, могут значительно улучшить пользовательский опыт. Они делают интерфейс более интерактивным и приятным, обеспечивая мгновенную обратную связь и помогая пользователям понять, что происходит на сайте.
WebDEV #советы
Микровзаимодействия. Небольшие, но значимые элементы взаимодействия, такие как анимации при наведении курсора или подтверждение действий, могут значительно улучшить пользовательский опыт. Они делают интерфейс более интерактивным и приятным, обеспечивая мгновенную обратную связь и помогая пользователям понять, что происходит на сайте.
WebDEV #советы
3 секретных приема в веб-дизайне! Как улучшить свой навык UI/UX дизайнера?
В этом видео я расскажу 3 секретных приёма в веб-дизайне. Первый приём – для новичков, второй – для продвинутых дизайнеров, и третий – для тех, кто ищет что-то новое и хочет повысить свой, и без того, высокий уровень, но везде слышит только то, чему научился ещё пару лет назад.
📺 YouTube
WebDEV #видео
В этом видео я расскажу 3 секретных приёма в веб-дизайне. Первый приём – для новичков, второй – для продвинутых дизайнеров, и третий – для тех, кто ищет что-то новое и хочет повысить свой, и без того, высокий уровень, но везде слышит только то, чему научился ещё пару лет назад.
📺 YouTube
WebDEV #видео
YouTube
3 секретных приёма в ВЕБ-ДИЗАЙНЕ! Как улучшить свой навык UI/UX дизайнера?
Привет! В этом видео я расскажу 3 секретных приёма в веб-дизайне. Первый приём – для новичков, второй – для продвинутых дизайнеров, и третий – для тех, кто ищет что-то новое и хочет повысить свой, и без того, высокий уровень, но везде слышит только то, чему…
Какое значение свойства position делает элемент относительным к его ближайшему предку с установленным положением?
Anonymous Quiz
2%
static
61%
relative
35%
absolute
3%
fixed
🛠 Pattern Lab – это инструмент для ведения документации и аннотирования паттернов,. Это генератор статических сайтов, использующий методологию атомарного дизайна.
В генератор забрасывают исходный код и ассеты, он их компилирует и выдает старый добрый HTML, CSS и JavaScript. Pattern Lab берет исходный код (а именно паттерны) и преобразует эти паттерны в функциональный внешний интерфейс в рамках библиотеки паттернов.
🌍 Сайт
WebDEV #инструменты
В генератор забрасывают исходный код и ассеты, он их компилирует и выдает старый добрый HTML, CSS и JavaScript. Pattern Lab берет исходный код (а именно паттерны) и преобразует эти паттерны в функциональный внешний интерфейс в рамках библиотеки паттернов.
🌍 Сайт
WebDEV #инструменты
Какое значение будет у переменной result после выполнения следующего кода?
const obj = {a: 1, b: 2}; const result = 'a' in obj;
const obj = {a: 1, b: 2}; const result = 'a' in obj;
Anonymous Quiz
71%
true
7%
false
18%
undefined
3%
null
💡 Делайте упор на типографику
Типографика. Правильный выбор шрифтов и их сочетание могут значительно улучшить читаемость и визуальную привлекательность вашего сайта. Используйте не более двух-трех шрифтов и следите за их размером, межбуквенным и межстрочным интервалом. Выбирайте шрифты, которые соответствуют общему стилю и атмосфере вашего проекта.
WebDEV #советы
Типографика. Правильный выбор шрифтов и их сочетание могут значительно улучшить читаемость и визуальную привлекательность вашего сайта. Используйте не более двух-трех шрифтов и следите за их размером, межбуквенным и межстрочным интервалом. Выбирайте шрифты, которые соответствуют общему стилю и атмосфере вашего проекта.
WebDEV #советы
Полное руководство по макетам!
Не тратьте больше времени на перетаскивание вещей, пока они не будут выглядеть хорошо. Посмотрите, как Мэтт рассказывает о принципах макетирования в первой части этой серии видеороликов, состоящей из трех частей.
В сегодняшнем выпуске он обсуждает три идеи: фокусную точку, пустое пространство и иерархию.
📺 YouTube
WebDEV #видео
Не тратьте больше времени на перетаскивание вещей, пока они не будут выглядеть хорошо. Посмотрите, как Мэтт рассказывает о принципах макетирования в первой части этой серии видеороликов, состоящей из трех частей.
В сегодняшнем выпуске он обсуждает три идеи: фокусную точку, пустое пространство и иерархию.
📺 YouTube
WebDEV #видео
YouTube
Complete Layout Guide
Watch Part 2 (Grouping, Scale, and Sequence): https://youtu.be/_Pp0JHEswMk
Watch Part 3 (Alignment, Balance, and Grids): https://youtu.be/DP9Bzd4_-NM
🤑 FREE "Principles of Layout" Handbook - Download here 👉 https://bit.ly/3M7cuB3 🤑
Don't waste more time…
Watch Part 3 (Alignment, Balance, and Grids): https://youtu.be/DP9Bzd4_-NM
🤑 FREE "Principles of Layout" Handbook - Download here 👉 https://bit.ly/3M7cuB3 🤑
Don't waste more time…
Какого инпута не существует?
Anonymous Quiz
16%
<input type="color">
8%
< input type="search">
1%
< input type="date">
75%
‹input type="table">
🛠 Interplay – это система создания прототипов, которая позволяет взаимодействовать дизайнерам и разработчикам, находясь на одной странице одновременно.
Также она интегрируется с кодом для создания документации, которая отслеживается и обновляется автоматически. Interplay все еще является бета-версией, но уже работает с рядом основных инструментов для дизайна и разработки.
🌍 Сайт
WebDEV #инструменты
Также она интегрируется с кодом для создания документации, которая отслеживается и обновляется автоматически. Interplay все еще является бета-версией, но уже работает с рядом основных инструментов для дизайна и разработки.
🌍 Сайт
WebDEV #инструменты
💡 Обращайте внимание на скорость загрузки
Производительность. Медленно загружающиеся сайты могут оттолкнуть пользователей. Оптимизируйте изображения, используйте асинхронную загрузку скриптов и минимизируйте количество HTTP-запросов. Быстрая загрузка страниц улучшает пользовательский опыт и может положительно сказаться на вашем SEO.
WebDEV #советы
Производительность. Медленно загружающиеся сайты могут оттолкнуть пользователей. Оптимизируйте изображения, используйте асинхронную загрузку скриптов и минимизируйте количество HTTP-запросов. Быстрая загрузка страниц улучшает пользовательский опыт и может положительно сказаться на вашем SEO.
WebDEV #советы
Обновление Figma 2024. Figma AI. Искусственный интеллект в Figma
Фигма обновила свою UI теперь это третья версия. Стало ли лучше, куда подевались привычные инструменты?
Разберем новый фишки обновления Фигма 2024, потрогаем искусственный интеллект в Figma на что он способен и что умеет делать. Спойлер, пока тебя ИИ не заменит. Возможно через пару лет, но пока можно спасть спокойно
📺 YouTube
WebDEV #видео
Фигма обновила свою UI теперь это третья версия. Стало ли лучше, куда подевались привычные инструменты?
Разберем новый фишки обновления Фигма 2024, потрогаем искусственный интеллект в Figma на что он способен и что умеет делать. Спойлер, пока тебя ИИ не заменит. Возможно через пару лет, но пока можно спасть спокойно
📺 YouTube
WebDEV #видео
YouTube
Обновление Figma 2024. Figma AI. Искусственный интеллект в Фигма
❤️Телега https://xn--r1a.website/evgenmarfel
----------------------------
🔥Курс Веб-дизайн в Figma 2024 https://stepik.org/a/129362
👉🏻Курс UX-дизайн в Figma. UX-аналитика проекта https://stepik.org/a/129807
💪🏻Полный Курс Создание UI KIT в FIGMA https://stepik.org/a/128009…
----------------------------
🔥Курс Веб-дизайн в Figma 2024 https://stepik.org/a/129362
👉🏻Курс UX-дизайн в Figma. UX-аналитика проекта https://stepik.org/a/129807
💪🏻Полный Курс Создание UI KIT в FIGMA https://stepik.org/a/128009…