Словарь терминов

[systematica.io / pattern dictionary](https://puzzle-tulip-f01.notion.site/systematica-io-pattern-dictionary-7dc912f7907044a6babdba1b74d0d05e)

Порядок действий

  1. В админке переходим в пункт 'Screenshots'

Untitled

  1. Нажимаем справа сверху на 'Добавить Screenshot'

Untitled

  1. В первые поля добавляем скриншоты

    1. Desktop — берем разрешение (ширину) 1440x900
    2. Tablet — берем разрешение (ширину) 768x1024
    3. Mobile — берем разрешение (ширину) 375x812

  2. Пишем автора/владельца:

    1. Если это реальный проект, который вы нашли в сети Интернет, указываем название компании, например Apple, Yandex, Facebook и тд
    2. Если это нереальный проект, который вы нашли на Dribbble / Behance, то указываем имя дизайнера, например в этой работе автором является 'Ildiko Gaspar', так и указываем в поле

  3. Указываем ссылку на страницу, где нашли секцию, если это кейс на Behance, то указываем прямо ссылку на этот кейс. *Ссылка может быть только одна

    1. Пример ссылки на Behance — https://www.behance.net/gallery/130036205/E-commerce-Product-Landing-page
    2. Пример ссылки на Dribbble — https://dribbble.com/shots/16827489-Oslo-illustrations-2
    3. Пример ссылки на Web — https://www.apple.com/shop/buy-mac/macbook-pro/16-inch

  4. Source (Источник), выбираем то значение, где нашли эту секцию, к Web относятся все сайты, кроме Dribbble и Behance

  5. Industry (Индустрия), выбираем из списка наиболее подходящий

    1. Business —
    2. Education — обучение/институты, например Яндекс.Практикум, ИТМО, Скиллбокс
    3. Entertainment —
    4. Finance — все, что связано с финансами, банки, криптобанки, биржи обмена, валюты, криптовалюты
    5. Food & Drink —
    6. Health & Fitness —
    7. Lifestyle —
    8. Medical —
    9. Music — стриминговые платформы, Spotify, Яндекс.Музыка, ВК Музыка, Soundcloud и тд
    10. Navigation — все, что связано с картами, например Google Maps, Яндекс.Карты, Mapbox, SnazzyMaps
    11. News — новостные порталы/журналы, Лента, ББС, New York Times, Pubmed и тд
    12. Photo & Video —
    13. Productivity —
    14. SAAS — предоставление программного обеспечения / облачного ПО по подписке (Примеры: Dropbox, Salesforce, Hubspot)
    15. Shopping —
    16. Social Networking —
    17. Sports — что-то, связанное со спортом
    18. Travel —
    19. Utilities —
    20. Miscellaneous — всё, что не подходит в основной список индустрий

  6. Pattern — переходим в список обозначений

  7. Color Style (Цветовой стиль) — особенность в том, что цветовых стилей может быть использовано несколько на одном сайте, не нужно пугаться, что вы видите и градиенты, и лёгкие цвета, просто нужно их отметить

    1. Dark

      Untitled

      Untitled

    2. Duotone — очень редкий стиль, зачастую лучше не ставить его

      Untitled

      Untitled

    3. Gradient

      Untitled

      Untitled

    4. Light

      Untitled

      Untitled

    5. Multi

      Untitled

      Untitled

    6. Neon

      Untitled

      Untitled

    7. Nude — этот стиль зачастую идет со стилем Soft

      Untitled

      Untitled

    8. Pastel — этот стиль зачастую идет со стилем Soft и Nude

      Untitled

      Untitled

    9. Soft

      Untitled

      Untitled

    10. Strong

      Untitled

      Untitled

    11. Vibrant

      Untitled

      Untitled

  8. Color (Цвет) — выбираем основные цвета сайта, переводы и примеры ниже: