Найти в Дзене
Секреты web дизайнера

Секреты web дизайнера

Полезные фичи, туториалы, умная вёрстка и многое другое для дизайнеров и разработчиков.
подборка · 7 материалов
2 года назад
Анимируем градиент в Figma
Фоновые градиенты – тренд, который пришел в веб-дизайн и графический дизайн в 2021 г. и остается актуальным до сих пор. В данной статье я покажу, как создать анимированный градиент в Figma. Шаг первый. Создаем фрейм Создаем фрейм под наш градиент, размер выбирайте по желанию. Ставим галочку в пункт “Clip content”, чтобы объекты не выходили за пределы области. Далее задайте фоновый цвет, созданному фрейму. Шаг второй. Рисуем формы Можно нарисовать как произвольные формы, так и геометрически правильные формы (круг, квадрат, треугольник и т...
607 читали · 2 года назад
Быстрая загрузка сайта: создаём скелетный экран
Иногда сайт или приложение загружаются с такой скоростью, что белый экран монитора и “вечное” ожидание прогрузки способны вывести из состояния равновесия кого угодно. Причин у этого может быть множество, но основные две: Чтобы не вызывать у посетителя негативные эмоции о ресурсе, дизайнеры и разработчики пошли на ухищрение - создали скелетный экран загрузки. Скелетная загрузка - это появление на экране плейсхолдеров нейтрального цвета, чаще всего светло-серого, на месте которого, по завершению загрузки появится контент...
1886 читали · 2 года назад
Видеокарта для Blender3D. Сравнение. Тесты. Графики
⚡️Вышла новая версия статьи со сравнением RTX 3000-ой и 4000-ой серии, ознакомится вы с ней можете здесь.⚡️ Дополненная реальность, GameDev-разработчик, Motion-дизайн, 3D-визуализация – эти понятия часто попадаются в последнее время. Их можно встретить практически везде, будь то дизайн проект интерьера, видеоигра, фильм или обычная реклама – везде используют 3D-графику. Рынок остро нуждается в 3D-специалистах, поэтому многие решили податься в эту сферу. И если программы плюс минус похожи, то вот к выбору железа нужно подойти ответственно...
3 года назад
СЕКРЕТЫ WEB ДИЗАЙНЕРА: Подборка 5-и полезных, бесплатных плагинов для Figma
Привет всем! Сегодня мы вам расскажем о плагинах Figma, которые облегчат вашу работу и сэкономят время. Benzin Автоматически удаляет фон у изображений. Является бесплатной альтернативой плагину RemoveBG. Scewdat Поможет вам создавать изометрические макеты. Данный плагин искажает все что вам угодно, будь то иллюстрации, объекты, картинки. Brandfetch С помощью Brandfetch вам открывается мгновенный доступ к элементам брендинга любой компании, а именно: логотипы, цвета, шрифты и так далее. Downsize Сжимайте и изменяйте размер изображений, не выходя из Figma...
3 года назад
СЕКРЕТЫ WEB ДИЗАЙНЕРА: Красивые Drop Shadow (тени) для сайта
В данной статье, мы расскажем как сделать красивые тени на ваших проектах. Для начала Вам необходимо отказаться от дефолтных параметров теней. Размытие и смещение Чтобы ваши тени выглядели лучше придайте им некоторую размытость, так же не забудьте поиграть с параметром "Y" Используйте формулу Если вы не хотите играть с настройками и тратить много времени, то можете воспользоваться следующей формулой. Blur = Смещение...
3 года назад
Верстаем страницу правильно или что такое семантическая верстка
В конце 2014 в качестве стандарта W3C (консилиум всемирной сети) был принят HTML 5, который привнес верстальщикам новые тэги. Они используются не только для чистоты кода, но и помогают роботам поисковых систем лучше ориентироваться на странице и следовательно быстрее ее индексировать. Так сайт, который сверстали на div’ах будет ранжироваться хуже сайта, который был сверстан с использованием семантических тегов. Семантические теги позволяют роботам быстрее находить уникальный контент, который необходимо проиндексировать в первую очередь...