🛠 Sizzy – это инструмент, который позволяет просматривать несколько экранов одновременно, пока вы тестируете веб-приложения. Sizzy позволяет видеть все изменения одновременно, делая тестирование более быстрым.
Также вам будет легче находить и исправлять ошибки в макете.
🌍 Сайт
WebDEV #инструменты
Также вам будет легче находить и исправлять ошибки в макете.
🌍 Сайт
WebDEV #инструменты
Какое значение имеет переменная result после выполнения следующего кода?
Anonymous Quiz
7%
5
5%
47
1%
10
87%
50
💡 Учитесь рассказывать истории через дизайн
Нарратив. Хороший дизайн не только красив, но и способен рассказывать историю. Используйте визуальные элементы для создания нарратива, который будет вовлекать пользователей и направлять их через ваш сайт. Подумайте о том, как цвет, типографика и изображения могут взаимодействовать для передачи нужного настроения и информации.
WebDEV #советы
Нарратив. Хороший дизайн не только красив, но и способен рассказывать историю. Используйте визуальные элементы для создания нарратива, который будет вовлекать пользователей и направлять их через ваш сайт. Подумайте о том, как цвет, типографика и изображения могут взаимодействовать для передачи нужного настроения и информации.
WebDEV #советы
Какого значения нет у свойства flex-wrap?
Anonymous Quiz
70%
wrap-row
8%
nowrap
8%
wrap
14%
wrap-reverse
🛠 Zeplin – этот инструмент, подходит для периода, когда дизайн только спроектирован и готовится к разработке. Он позволяет передать дизайн и прототипы разработчикам в комплекте со всеми спецификациями, фрагментами кода и экспортируемыми ресурсами, которые необходимы.
Вы можете загрузить свои файлы Sketch, Photoshop, XD и Figma в Zeplin, и этот инструмент предоставит всю необходимую информацию для разработчиков и дизайнеров. Zeplin значительно экономит время, как дизайнерам, так и разработчикам.
🌍 Сайт
WebDEV #инструменты
Вы можете загрузить свои файлы Sketch, Photoshop, XD и Figma в Zeplin, и этот инструмент предоставит всю необходимую информацию для разработчиков и дизайнеров. Zeplin значительно экономит время, как дизайнерам, так и разработчикам.
🌍 Сайт
WebDEV #инструменты
💡Прокачивайте свой визуальный язык
Анализ. Чтобы стать выдающимся веб-дизайнером, важно развивать свой визуальный язык. Регулярно анализируйте работы других дизайнеров, участвуйте в дизайнерских конкурсах и следите за актуальными трендами в графическом дизайне. Это поможет вам расширить свои горизонты и найти уникальный стиль, который выделит ваши работы среди остальных.
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 #советы