03
Сентябрь 2020
Заметки

Веб-дизайн дайджест #51

  • Главная
  • Заметки
  • Подборка интересных материалов для веб-дизайнера за август 2020. Статьи и видео уроки для развития: UI, эффект в Photoshop и After Effects, полезные веб-сервисы, бесплатные кириллические шрифты, проекты для вдохновения и другое. Изучайте, вдохновляйтесь и становитесь лучше!

    Для развития

    8 техник дизайна текста, которые помогут привлечь внимание читателей

    1. Делите на абзацы
    2. Разбавьте контент яркими подзаголовками
    3. Создавайте маркерные списки
    4. Делайте глубокие, вдумчивые подписи
    5. Добавьте полезные ссылки
    6. Выделяйте главные мысли с умом
    7. Используйте силу цифр
    8. Еще раз проработайте дизайн текста, чтобы превратить сканеров в читателей

    Тени и размытие. Основы UI дизайна

    В статье: Падающая тень, Неоморфизм, Внутренние тени, Размытие по Гауссу, в качестве тени, Размытие фона, Motion blur, Zoom blur

    Посмотреть

    Полезные Фотошоп-манипуляции, которые могут пригодится в веб-дизайне

    Уроки по Тильде от Молнии

    Уроки по креативной анимации типографики в After Effects

    Запись конференции Mail.ru Design Conf x Dribbble Meetup 2020

    Всё о Типографской раскладке Ильи Бирмана

    Figma

    Компоненты Figma с фиксированным соотношением сторон

    Вы переносите два объекта с разрешением 0 пикселей в Auto Layout. Секрет в том, что в Figma 001px становится 0px. Этот фрейм поворачивается и превращается в вертикальный Auto Layout с 0 отступами.

    10 лайфхаков в работе с Figma

    1. Делаем структуру страниц
    2. Называем одинаково слои на двух связанных компонентах
    3. Все картинки заводим в цветовые стили
    4. Быстро находим все элементы с похожими свойствами
    5. Переносим мастер-компонент в другой файл
    6. Делаем автолейауты из списков
    7. Делаем автолейауты из всего
    8. Растягиваем автолейауты
    9. Открываем больше одного окна в десктопном клиенте
    10. Не считаем в уме

    Figma Community

    Новый раздел в Figma, в котором можно публиковать свои работы и фаловить других дизайнеров.

    Сервисы и ресурсы

    Teenyicons

    Набор бесплатных минималистичных однопиксельных иконок в двух стилях. Есть возможность получить Figma-файл всего набора.

    Big Sur Free UI Kit

    Бесплатная библиотека компонентов под ОС Big Sur для Figma и Sketch

    GlobeKit

    Эффектная WebGL-библиотека для реализации земного шара в вашем проекте.

    MagicPattern

    Интересный сервис для создания креативный паттернов.

    Шрифты

    Victor Mono

    Бесплатный моноширинный шрифт с поддержкой кириллицы. Разработан, в основном, для кодеров. )

    Julia Mono

    Бесплатный моноширинный шрифт с поддержкой кириллицы.

    Kenyan Coffee

    4 бесплатных начертания: Regular, Itlic, Bold, Bold Italic, поддержка кириллицы

    Theater

    Бесплатный шрифт с поддержкой кириллицы

    Для вдохновения

    Daily Routine & Self-Care Services by Cuberto
    Editorial hero section by Zhenya Rynzhuk
    Ali Ali—Commercials Director by Robbert Schefman
    0
    комментить
    поделиться
    252
    подписаться
    Веб-дизайн дайджест #50 Веб-дизайн дайджест #52
    Привет! ;) Меня зовут Владислав
    я — веб-дизайнер

    Люблю дизайнить, создавать что-то новое и совершенствовать существующее. В теме с 2010 года. Постоянно прокачиваю себя в данной сфере, слежу за трендами.

    Увлекаюсь спортом, люблю слушать музыку, путешествовать, развиваться и расти, как специалист. Стараюсь брать от жизни сполна!

    • photoshop
    • Figma
    • XD
    • responsive
    • adaptive
    • UI
    • UX
    • Interactive
    • modern
    • html
    • css/scss
    • css
    • JavaScript
    • jQuery
    • gulp
    • php
    • Wordpress