Skip to content

Instantly share code, notes, and snippets.

@PUUZOO

PUUZOO/designer-tech-task.md

Last active December 13, 2019 14:36
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save PUUZOO/ef8cac8853fc32e7d22c49f3e6fcec33 to your computer and use it in GitHub Desktop.
Save PUUZOO/ef8cac8853fc32e7d22c49f3e6fcec33 to your computer and use it in GitHub Desktop.
Download ZIP
Designer's technical task 2020
Raw
designer-tech-task.md

Пожелания к разработке дизайна 2020

Инструменты

  • Figma, Sketch (рекомендуется)
  • Photoshop (рекомендуется в купе с плагином zeplin ). Статья про Zeplin на Habr

Контент

Изображения (использовать только эти типы)

  • jpg
    • не допустимо использовать для подложек (фон) большие изображения, т.к. страница становиться тяжеловесной и долго грузиться
  • png
    • рекомендуется использовать только при невозможности создать элемент в векторе
  • svg
    • рекомендуется использовать для значков, лого и подложек (фон)
    • не допустимо использовать вложенные растровые изображения или зависимости от них

Видео (вставки и подложки)

  • ogv
  • mp4
  • webm
  • --- рекомендуется иные форматы преобразовывать в перечисленные сверху и делать копии во всех сразу

Шрифты

Палитра цветов

  • рекомендуется использовать цветовую схему и на протяжении проекта не нарушать ее

Отступы

  • рекомендуется расстояние до одинаковых элементов, например от заголовка до контента должны быть одинаковые
  • рекомендуется определять микро-модуль. Модульные сетки

Заголовки

  • рекомендуется определить стили для всех типов текста

Состояния элементов

  • рекомендуется определить все состояния элементов (выделенный, нажатый, активный)

Правило внутреннего и внешнего

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment