Примеры дизайн: 50 примеров дизайн-систем для вдохновения

50 примеров дизайн-систем для вдохновения

Сегодня каждая компания, с которой я общаюсь, хочет внедрить дизайн-систему с нуля. К сожалению, детали дизайн-системы не изучаются, поэтому зачастую они не используются по максимуму для создания полезного пользовательского опыта. Новые дизайнеры могут ознакомиться с любым из перечисленных ниже паттернов проектирования, чтобы изучить передовой опыт и принять обоснованные дизайн-решения в своих проектах.

Но сначала давайте разберемся с основами дизайн-систем…

Что такое дизайн-системы?

Дизайна-система — это набор стандартов, используемых для управления дизайном в масштабе и уменьшения избыточности путем создания общего языка и визуальной согласованности на разных уровнях.

Подробнее об основах дизайн-систем (от NN Group) читайте ниже.

Design Systems 101

Какова общая структура дизайн-системы?

Обычно дизайн-системы делятся на шесть элементов:

1. Обзор: Здесь упоминаются обновления в виде журналов, принципы, лежащие в основе структуры дизайн-системы, и общие ценности.
2. Основы: Охватывают основные компоненты, такие как цвет, типографика, иконография, изображения, звук, движение и многое другое.
3. Компоненты: библиотека повторно используемых компонентов интерфейса с набором правил или рекомендаций, как и когда их следует использовать.
4. Паттерны дизайна: Паттерны– это передовые методы организации компонентов, решающих проблемы пользователей.
5. Контент:рекомендации по голосу и тону сообщений включают в себя список слов и то, как их следует или не следует использовать.
6. Руководство по бренду: это руководство включает в себя ценности бренда, индивидуальность бренда и демонстрацию параметров его использования.

Чему можно научиться у дизайн-систем?

Хотя дизайн-системы следуют общим передовым методам UI-дизайна, они имеют ценный набор пользовательских паттернов, таких как типографика, цвет, формы, баннеры, основы документации и т. д. Новичок в дизайн-системах может учиться с самого начала.

Зачем компании создают дизайн-системы?

Дизайн-системы создаются, чтобы получить единый источник правды для всей команды разработчиков, дизайнеров и продакт-менеджеров. Кроме того, она позволяет им сохранять последовательность и единообразие в своей работе, при этом все остаются на одной волне.

Дизайн-системы помогают получить максимальную отдачу от команды. В конце концов, команда получит…

• Более быстрый процесс проектирования
• Лучшее сотрудничество между отделами
• Более высокое качество продукции
• Четкие рекомендации бренда

Поскольку дизайн-система представляет собой коллекцию многократно используемых компонентов, построенную на основе правил использования, она не эквивалентна руководству по стилю или библиотеке паттернов.

Как внедряются дизайн-системы?

Разработчики кодят дизайн-системы как повторно используемые компоненты или библиотеки, чтобы им не приходилось тратить время на многократный кодинг одних и тех же фрагментов. Точно так же дизайнеры используют библиотеку стандартных элементов интерфейса для быстрого создания веб- или мобильных экранов. Наконец, копирайтеры и маркетологи должны следовать тону бренда и шаблонам/руководствам при написании текстов или новостных рассылок для клиентов.

Авторитетные дизайн-системы

К ним относятся Material Design и Human Interface Guidelines. Во многих отношениях они определили внешний вид дизайн-систем, когда цифровые мобильные операционные системы впервые появились на смартфонах. Благодаря им дизайнеры узнали много полезных методов проектирования, и они до сих пор остаются золотым стандартом дизайн-систем.

1. Material Design от Google

Material You от Google

Material Design 3.0 и 2.0 от Google — это единая дизайн-система, которая сочетает в себе теорию, ресурсы и инструменты для создания цифрового опыта на Android-смартфонах.

2. Human Interface Guidelines от Apple

Human Interface Guidelines от Apple

Позволяет получить подробную информацию и ресурсы интерфейса для проектирования отличных приложений, которые легко интегрируются в платформы Apple.

Human Interface Guidelines познакомят вас с основными структурными компонентами приложения, такими как архитектура, возможности системы, визуальный дизайн, иконки и многое другое.

Известные системы дизайна

3. Дизайн-система от Atlassian

Дизайн-система от Atlassian

Создавайте потрясающие корпоративные решения, используя комплексный язык дизайна Atlassian и стратегически спланированные компоненты. Его особенность заключается в том, что каждый раздел включает образец кода, который разработчики могут изучить и проанализировать.

4. Дизайн-система Pajamas от GitLab

Дизайн-система Pajamas от GitLab

GitLab — это проект с открытым исходным кодом, управляемый сообществом, в котором участвуют более 3000 человек. GitLab считает, что внося свой вклад, потребители становятся участниками, и скорость прогресса значительно ускоряется.

5. Дизайна-система Photon от Mozilla Firefox

Дизайна-система Photon от Mozilla Firefox

Photon — это язык дизайна Firefox, который позволяет создавать современный, простой и привлекательный опыт на всех платформах, от мобильных и десктопных до телевизоров.

6. Паттерны Mailchimp

Библиотека паттернов MailChimp является результатом перехода компании на более гибкое, элегантное и удобное программное обеспечение.

7. Единая система дизайна HUDL

Единая система дизайна HUDL

Сочетание дизайна и кодинга создали систему, объединяющую продукты Hudl.

8. Thumbtack Thumbprint

Thumbtack Thumbprint

Thumbprint — это живая система, которая использует консолидацию, стандартизацию и документацию для оптимизации проектирования и разработки.

9. Rizzo Style от Lonely Planet

Rizzo Styleguide от Lonely Planet

Rizzo был создан с упором на снижение сложности и повышение возможности повторного использования.

10. Язык дизайна Carbon от IBM

Язык дизайна Carbon от IBM

Carbon — это система разработки продуктов и опыта IBM с открытым исходным кодом. Рабочий код, инструменты и ресурсы проектирования, принципы пользовательского интерфейса и процветающее сообщество участников составляют систему, построенную на языке дизайна IBM.

11. Stacks от Stack Overflow

Stacks от Stack Overflow

Stacks предоставляет вам все необходимое для последовательного и согласованного взаимодействия со Stack Overflow, включая продукт и электронную почту.

12. Пользовательский интерфейс Audi

Пользовательский интерфейс Audi

Целью интерфейса Audi является разработка разнообразных решений и хорошо сбалансированного общесистемного пользовательского опыта, от приложения до автомобиля.

13. Global Experience Language (GEL) от BBC

Global Experience Language (GEL) от BBC

Общий фреймворк дизайна BBC, GEL, позволяет нам создавать согласованный и приятный пользовательский опыт во всех цифровых сервисах.

14. Дизайн-система Canvas от HubSpot

Дизайн-система Canvas от HubSpot

Эта коллекция иллюстрирует компоненты дизайн-системы Hubspot, от цветов и типографики до функций на основе React, и инструментов визуализации данных.

15.

Ant Design от Ant Finances

Ant Design от Ant Finances

Для лучшего пользовательского опыта корпоративных приложений была создана дизайн-система со значениями определенности, осмысленности, роста и естественности.

16. Polaris от Shopify

Polaris от Shopify

Дизайна-система Polaris помогает всем продавцам Shopify сотрудничать, чтобы создать выдающийся опыт.

17. Дизайн-система Grommet от Hewlett Packard

Дизайн-система Grommet от Hewlett Packard

Grommet предоставляет поддержку, компоненты и ресурсы для проектирования, необходимые для воплощения ваших идей в жизнь.

18. Styleguide от Marvel

Styleguide от Marvel

Это руководство по стилю предназначено для использования в качестве централизованного репозитория компонентов интерфейса, руководств по бренду, активов бренда, фрагментов кода, руководств для разработчиков и многого другого.

19. Garden от Zendesk

Garden от Zendesk

Garden — это выбранная компанией коллекция элементов интерфейса.

Zendesk обычно «выращивает» компоненты интерфейса для продуктов Zen в «саду».

20. Дизайн-система Lightning от Salesforce

Дизайн-система Lightning от Salesforce

Дизайн-система Lightning позволяет создавать успешные бизнес-процессы и настраиваемые приложения с использованием собственных паттернов и лучших практик Salesforce.

Хорошо проработанные дизайн-системы

1. Asphalt от Gojek
2. Orbit от Kiwi
3. Microsoft’s Office UI Fabric
4. PatternFly от Redhat
5. Pega Cosmos от PegaSystem
6. Дизайн-система австралийского правительства
7. Protocol от Mozilla
8. Дизайн-система Quickbooks
9. Vanilla от Ubuntu
10. Canvas от Workday
11. Styleguide от Yelp
12. Дизайн-система Airbnb
13. Spectrum от Adobe
14. Lexicon от Liferay
15. Fluent от Microsoft
16. Solid от BuzzFeed
17. Buffer Styleguide
18. Base Web от Uber

Достойны упоминания

• Дизайн-система MongoDB
• Дизайн-система Mixpanel
• Solar от Bulb
• Дизайн-система ServiceNow
• Alta от Oracle
• Predix от General Electric
• Latitude от Flexport
• Fiori от SAP
• Fiori Fundamentals от SAP
• Evergreen от Segment
• Дизайн-система от Elastic
• Clarity Design System от VMWARE

Надеюсь, что приведенные выше примеры дизайн-систем натолкнут вас на размышления. Пишите в комментариях, если знаете интересные примеры, которые можно добавить в этот список.

---

Перевод статьи blog.prototypr.io

Описание 10 дизайн-проектов ReRooms с фотопримерами

Контемпорари — один из интерьерных стилей, который с английского переводится как «современный». Здесь главными принципами выступают простота, функциональность, комфорт и эклектичность. Стиль контемпорари в интерьере соединяет черты неоклассики, модерна, минимализма, скандинавского стиля, иногда кантри, лофта, этнического или ар-деко. Массовая мебель может соседствовать с дизайнерскими предметами, строгость прямых линий смягчается бархатной обивкой и насыщенными, но приглушенными цветами. Акцент делается на натуральные материалы или их имитации, при этом нарочито искусственная отделка, например пластик, неприемлема.

Принципы контемпорари в полной мере нашли отражение в дизайн проекте студии, выполненном специалистами ReRooms. Основные цвета — серый, белый, синий и под дерево. На фоне серых стен прекрасно смотрятся сине-бирюзовый диван и мягкие стулья с велюровой обивкой. Простые плафоны расположены над зоной кухни, оригинальная люстра висит над зоной гостиной. Письменный и обеденный столы, а также столешница и боковые стенки шкафов выполнены из натурального дерева. Яркая полоса — эклектичный узор фартука кухонного гарнитура. Все вместе — удобно и выразительно.  

Фото: rerooms.ru

Рассчитайте точную стоимость ремонта на онлайн-калькуляторе

и бесплатно получите подробную смету на ремонт

Рассчитать

Фото: rerooms.ru

Фото: rerooms.ru

Незабываемый «чердак»

Интерьерный стиль лофт (в переводе с английского «чердак») отличается брутальностью отделки помещения, грубоватыми предметами, сдержанным декором. Он любит свободное пространство, поэтому мебели здесь всегда минимально. Об идеальных аксессуарах для интерьера в стиле лофт мы вам уже рассказывали. Он неизменно производит впечатление, запоминается, как и дизайн квартиры-студии в стиле лофт, сделанной профессионалами ReRooms. Для создания атмосферы чердака освещение комнаты приглушается персиковыми рулонными шторами, темно-коричневым ламинатом и отделкой двух стен под кирпич. Эти приемы поддерживают темные стулья, шкаф, тумба и навесные полки. Осветляют помещение выкрашенные в молочный тон стены, белый стол и барные стулья. Цветовая доминанта принадлежит красному дивану и такого же цвета компактному кухонному гарнитуру. Чердачную тему продолжают люстры без плафонов, с множеством открытых обычных лампочек. Оригинальны и светильники над диваном: лампочки в обрамлении геометрических фигур из тонкого металла. Из декора — слово CAFE на кирпичной стене над тумбой.  

Фото: rerooms.ru

Фото: rerooms.ru

Фото: rerooms.ru

Интригующий модернизм

Как и другие современные стили в интерьере, модернизм ориентирован на простоту, минимализм, функциональность и строгую геометрию. Его характеризуют спокойные цвета, удобная стандартная мебель, предметы из металла, стекла и пластика, раздвижные перегородки. Особое внимание уделяется технике: бытовые приборы желательно выбирать из новинок. В целом модернистский интерьер направлен на создание условий для отдыха активных людей. Для этого специалистами ReRooms и был разработан дизайн-проект однокомнатной квартиры. Нейтральный бело-серый фон помещения разбавляют разные фактуры на стенах: в коридоре это игра плавных, переплетающихся линий, над кухонной столешницей — гигантские соты, возле столовой группы — геометрическое панно. Из цветовых акцентов — оливковые стулья. Интрига комнаты — спальня, прячущаяся за дверями-купе возле дивана. Именно там и можно полноценно отдохнуть после рабочего дня.

Фото: rerooms.ru

Фото: rerooms.ru

Фото: rerooms.ru

Против стандартов: радужный поп-арт

Нет стандартным решениям! — заявляет поп-арт в интерьере, и многим это нравится. Яркие краски затмевают нейтральный фон, фактуры соперничают друг с другом: декоративная штукатурка спорит с обоями под кирпич, вместе они противостоят гладкости крашеной стены. Настенная роспись или трафареты обязательны: герои фильмов и мультиков, певцы, актеры из 1950—1970-х годов. Мебель негромоздкая, с закругленными углами, желательно асимметричная. Ее немного, а вот декора и аксессуаров — в избытке. Это могут быть и оригинальные светильники, и декоративные прожекторы, и синтезатор, как в дизайн-проекте двухкомнатной квартиры, разработанном экспертами ReRooms. Одно из их нестандартных решений — сделать электропроводку и трубы элементами декора потолка и стен. И как же здорово получилось!   

Скандинавское спокойствие

Только глухой не слышал о скандинавском дизайне и его главных трендах этого года. Сейчас он не только на слуху, но и во многих квартирах и домах. Его отличают одинаково крашеные, однотонные, часто белые или светло-серые, стены во всех помещениях, что образует единое пространство квартиры или дома. В этом помогает и напольное покрытие — одинаковый во всех комнатах паркет или ламинат. Простая модернистская мебель дополняется винтажными предметами, например металлическими столиками, подставками или деревянными стеллажами. Разнофактурное дерево играет в этом стиле первую партию, будь то полированная доска или неотесанное бревно и коряга. Скандинавский стиль всячески старается подчеркнуть свою природную направленность: в отделке деревом, в изогнутых линиях, горшках с цветами, вазами с веточками. Эти элементы и были взяты за основу дизайнерами ReRooms для проекта двухкомнатной квартиры. Даже рассматривать фото такого интерьера приятно. А жить здесь — сплошное умиротворение.

Фото: rerooms.ru

Фото: rerooms.ru

Фото: rerooms.ru

Фото: rerooms.ru

Безукоризненный хай-тек

Функциональность и прагматичность, цветовая строгость и геометричность форм, минимум мебели и декора и обилие техники последних разработок — все это лежит в основе стиля высоких технологий. Он любит пространство, свободное от непрактичных предметов, и блеск глянцевых поверхностей, поэтому в интерьере много металла, стекла, пластика. Бытовые новинки спрятаны в шкафы или специальные ниши: все пустоты должны быть задействованы и заполнены. Для создания ощущения простора помещения объединяются, что и было сделано специалистами ReRooms в дизайн-проекте двухкомнатной квартиры. Кухня и гостиная образовали одну комнату, а спальня осталась изолированной. Везде лаконичность белого и серого цветов, их подчеркнутая сдержанность, образцовость, рождающая впечатление безукоризненно выверенного интерьера. В этом весь хай-тек в обустройстве интерьера.  

Фото: rerooms.ru

Фото: rerooms.ru

Фото: rerooms.ru

Гармоничная эклектика

Если эклектика — это смешение разных стилей, можно ли назвать интерьер с хаотичным набором мебели и декора эклектичным? Вовсе нет. Здесь очень важен баланс в комбинации цветов, фактур, отделочных материалов, моделей мебели, аксессуаров, чтобы не скатиться в вульгарность и вычурность. Для оформления квартиры в эклектичном стиле лучше всего обратиться к профессионалам ReRooms, что и сделали владельцы этой студии. Здесь все настолько подобрано друг к другу, настолько перекликается между собой, что с трудом верится в эклектичный принцип дизайна квартиры. Гармоничный интерьер — главный показатель правильно реализованного смешения.

Фото: rerooms.ru

Естественная умеренность: экостиль в интерьере загородного дома

Беспокойство за будущее природы привело к созданию разных экологических движений и направлений, в том числе и в дизайне интерьеров. Экостиль делает упор на натуральные отделочные материалы, желательно повторного использования, на мебель из дерева, ротанг, бамбук и декор из живых растений. Цветовая гамма также состоит из природных красок: зеленой, голубой, бежевой, коричневой, желтой и базового белого. Главным украшением комнаты становится «зеленая стена», как, например, в интерьере спальни в экостиле загородного дома, дизайн-проект для которого разрабатывали эксперты ReRooms. В доме нет ничего лишнего, все лаконично и в то же время уютно за счет отделки стен деревянными досками и панелями. А белая мебель лишь подчеркивает декоративную умеренность: разве может быть что-то лучше живых цветов в кадках и на стенах?

Фото: rerooms.ru

Фото: rerooms.ru

Фото: rerooms.ru

Фото: rerooms. ru

Многоликий гранж

Гранж в интерьере лишь на первый взгляд по-деревенски прост и лаконичен. На самом деле здесь тщательно подобрана каждая деталь, продуман весь отделочный материал, а мебель долго подбиралась в специальных магазинах. Ведь всего так немного и все так кстати размещено. Как и в экостиле, в гранже признаются только натуральные материалы: дерево, камень, кирпич, керамика, ковка. Технику состаривания проходит не только мебель, но и стены, и декор, как это видно в двух дизайн-проектах трехкомнатных квартир, подготовленных специалистами ReRooms.

Квартира 1

Характерным элементом в этой квартире выступают деревянные балки. Они есть и в гостиной, объединенной с кухней, и в детской, и в спальне. Во всех комнатах внимание привлекают оригинальные светильники и отсутствие текстиля на окнах — он заменен бамбуковыми жалюзи и рулонными шторами. В целом дизайн квартиры получился оригинальным и уютным.

Фото: rerooms.ru

Фото: rerooms.ru

Фото: rerooms. ru

Фото: rerooms.ru

Фото: rerooms.ru

Квартира 2

В этом проекте каждая комната своеобразна, без повторяющихся деталей. Особенно ярко гранж проявился в детской: это и кирпичная стена, и деревянные балки под потолком. Дизайнеры создали захватывающую интерпретацию французско-американского стиля.

Примеры дизайнов, тем, шаблонов и загружаемых графических элементов на Dribbble

1. Посмотреть примеры прототипов Magic Motion

   Примеры прототипов Magic Motion

2. Посмотреть пример целевой страницы для пользовательского интерфейса Tailwind

   Пример целевой страницы для пользовательского интерфейса Tailwind

3. Посмотреть 🎮 Пример пользовательского интерфейса видеоигры

   🎮 Пример пользовательского интерфейса видеоигры

4. Посмотреть пример целевой страницы для пользовательского интерфейса Tailwind

   Пример целевой страницы для пользовательского интерфейса Tailwind

5. Просмотр Tetrisly. com — Пример использования — Файловый менеджер

   Tetrisly.com — Пример использования — Файловый менеджер

6. Пример страницы настроек просмотра

   Пример страницы настроек

7. Посмотреть действия

   Деятельность

8. Посмотреть тетрис для FIGMA! — Пример использования — Видеочат

   Тетрис Для FIGMA! — Пример использования — Видеочат

9. Посмотреть пример страницы отслеживания проблем

   Пример страницы отслеживания проблем

10. Посмотреть пример страницы платежного приложения

    Пример страницы платежного приложения

11. Просмотр профиля сотрудника (CV) — Workster UI Kit для досок объявлений

    Профиль сотрудника (CV) — комплект пользовательского интерфейса Workster для досок объявлений

12. Просмотреть приложение аудиокниги.

    Приложение «Аудиокнига».

13. Посмотреть Argon Design System PRO

    Argon Design System PRO

14. Посмотреть Argon Design System PRO React

    Argon Design System PRO React

15. Просмотр уникальных переходов страниц в Framer X

    Дизайн уникальных переходов страниц в Framer X

16. Посмотреть пример компоновки HPFS

    Пример компоновки HPFS

17. Посмотреть пример процесса дизайн-системы

    Пример процесса системы проектирования

18. Просмотр описательного логотипа на ранней стадии

    Описание Логотип Варианты ранней стадии

19. Приложение View eCommerce — Покупка мебели

    Приложение электронной коммерции — покупка мебели

20. Посмотреть пример презентации для инвесторов

    Пример презентации для инвесторов

21. Посмотреть Пример питч-презентации

    Пример презентации презентации

22. Посмотреть пример платного доступа

    Пример платного доступа

23. Просмотр левого бокового меню — шаблон пользовательского интерфейса

    Левое боковое меню — шаблон пользовательского интерфейса

24. Посмотреть пример позы лица из руководства по стилю Google Skillshop

    Пример позы лица из руководства по стилю Google Skillshop

Зарегистрируйтесь, чтобы продолжить или войдите

Идет загрузка…

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

Знакомство с образцами хорошего графического дизайна полезно для здоровья, кем бы вы ни были. Может быть, вы студент, обдумывающий следующий шаг в своем путешествии. Или вы — отмеченный наградами графический дизайнер, который смотрит на пустой экран компьютера и покрывается холодным потом.

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

Исключительный графический дизайн сочетает в себе использование нескольких элементов для создания визуально привлекательного изделия. Графические дизайнеры используют цвета, текстуры, линии, формы, размеры, значение и пространство для создания своих работ.

Часто конечный результат вызывает у зрителя эмоции или реакции, которые служат для определения идентичности бренда. Отличный дизайн — это наука , а — искусство.

Создает визуальное представление идеи и сообщает недосказанное, устанавливая отношения между дизайном и его аудиторией.

Пять основных столпов графического дизайна включают Баланс (для стабильности и структуры), Выравнивание (для ясности и четкости), Повторение (для единства и силы), Контраст (для воздействия и фокусировки) и Иерархия (для организации и направления). .

Мы составили список из 31 потрясающего примера графического дизайна для дизайнеров, нуждающихся в вдохновении. Студенты и дизайнеры оценят эти потрясающие примеры, чтобы увидеть, как художники использовали один или несколько из пяти основных принципов в своем искусстве.

Они прекрасно демонстрируют, как инновационный дизайн может помочь сформулировать цель компании, основные ценности, индивидуальность и позиционирование.

1. Рекламные акции кинофестиваля BFI от Kory Schulz

Кинофестиваль BFI состоит из классических фильмов ужасов. Дракула, Франкенштейн и невеста Франкенштейна. Дизайн чистый, но капризный, с элементами дизайна, характерными для жанра. Кори получил премию GDUSA за этот проект.

Эта рекламная акция включает кинетический логотип и брендинг для мероприятия «Как получить работу в Нью-Йорке». Дизайн смелый, с использованием скудного набора слов, но название события, объяснение и дата выделены крупными заглавными буквами, что выделяет их в более крупном дизайне. Рекламные акции отражают основную тему внесения ясности в тему, запутанную путаницей и тревогой. Энтони, глобальный управляющий директор Shillington Education, получил за эту работу премию GDUSA.

3. Приложение для цифровой идентификации растений от Becky Wood

Примеры графического дизайна, такие как это приложение для идентификации растений, используют простую и понятную презентацию, чтобы рассказать историю. Сначала сделайте снимок; во-вторых, отсканируйте его. Приложение определит растение и даст советы по выращиванию. Бекки Вуд иллюстрирует иерархию, которая направляет зрителя на три уровня действия. Ее использование повторения объединяет историю. Этот проект выпускника Шиллингтона стал финалистом премии AGDA.

Юдит Бесзе представляет прекрасный пример контраста через текстуру, размещая геометрические фигуры, текст и линии на цветочном фоне. Она создает дополнительную глубину и интерес через иерархию.

Рекламные акции требуют повторения и большого количества пустого пространства, чтобы донести свою цель до сознания. Vice Media нужно было оправиться от обвинений в сексуальных домогательствах и культуры «клуба мальчиков». На этом мероприятии чествовали женщин, пробивших корпоративный стеклянный потолок. Деструктивная типографика использовалась, чтобы предложить отказаться от нашей истории несправедливых действий против женщин. Этот проект выпускника Шиллингтона стал лауреатом премии GDUSA 2018 в области графического дизайна.

Выпускник Шиллингтона Брэндон Ли мастерски использует контраст и повторение, чтобы выделить три сорта кофе из разных стран в дизайне упаковки этого продукта. Он использует смелые цвета и простые геометрические формы, чтобы контрастировать с текстом и значками. Каждое изображение заставляет вас узнать, чем отличается следующее. Первое заметное отличие — регион. Этот пример графического дизайна показывает, что Lighthouse Coffee Co. производит качественный кофе с насыщенным вкусом. Проект получил премию GDUSA в области графического дизайна.

8. Кампания MTA от Джен Бишоп

Эта трехдневная кампания была нацелена на пассажиров метро Нью-Йорка. Пассажиров просили голосовать за знаменитых дикторов метро каждый день. Он был разработан, чтобы оживить ежедневные поездки райдеров, сделав их более интерактивными. В дизайне использовались яркие цвета и единый дизайн всех плакатов и рекламных материалов. Использование разделительных линий привлекает внимание зрителей к каждому призыву к действию. Джен Бишоп, выпускница Шиллингтона, получила премию GDUSA за этот дизайн.

9. Mondo Artisan Bread Mexico by Karla Lopez

Эта интернациональная работа выпускницы Шиллингтона Карлы Лопес демонстрирует контраст и иерархию, используя силу цвета и геометрии. Все в этом дизайне притягивает взгляд к кофе и макаронам. Контраст серой карты с белым логотипом наводит на следующий важный вопрос: где взять кофе и печенье? Красочная чашка также отображает имя. На этот раз цвета поменялись местами — добавление интереса без ущерба для сплоченности. За этот проект Карла получила премию GDUSA.

10. Imagine – Festival N°6 Identity от Jieli Wu

Эта концепция была предназначена для создания айдентики Festival N°6, ежегодного фестиваля искусства и музыки, проводимого в Северном Уэльсе. Намерение брендинга состояло в том, чтобы создать что-то, что выходит за рамки нового измерения и в то же время отражает изысканные вкусы целевого рынка. Шрифт кажется гладким и современным, но в то же время слегка бессвязным, намекая на его тему трансцендентности. Этот выпускник Шиллингтона получил награду GDUSA Award за дизайн.

11. Бренд SPAM Food Truck Festival от Джуди ДеМарко

Этот проект, задуманный выпускницей Шиллингтона Джуди ДеМарко, стремился переименовать консервированную ветчину SPAM и продать ее миллениалам. В проекте использовался слоган «это то, что есть», чтобы усилить намерение кампании показать прозрачность. Красочный шрифт кажется современным и причудливым и привлекает предприимчивых и любопытных посетителей. Джуди получила премию GDUSA за свою работу.

12. Комнаты дома — LA Dispute by Hamish Hunter

Дизайн ручной работы, такой как эта обложка альбома, выводит графический дизайн на новый уровень. В дизайне используется выравнивание для четкости и контрастность для воздействия. Идея этого картонного дизайна возникла из темы лирики альбома. Музыкальный исполнитель поет о картонных коробках в связи с переездом семьи и детьми, играющими в подвале. На первый взгляд очевидно, что в истории этого дизайна есть нечто большее, чем вы могли бы рассказать, не слушая альбом. Обложка успешно вызывает любопытство у непосвященных и вызывает момент «ага» у посвященных.

Бекки МакКаллок использует баланс, чтобы рассказать историю первой встречи лицом к лицу. Ее дизайн иллюстрирует суть проблемы, которая является неотъемлемым качеством отличного дизайна. Он тонко задает и отвечает на этот вопрос: о чем мы будем говорить, когда наконец встретимся? Контрастные цвета слева привлекают внимание зрителя и вызывают любопытство у наблюдателей. Естественно, они захотят узнать остальную часть истории, что приведет их к следующему высококонтрастному предмету: картам Tigerair. Карточки содержат идеи для обсуждения при встрече лицом к лицу, ответе на вопрос и решении проблемы. За этот проект она стала финалисткой премии AGDA Awards 2018.

14. Этикетка Joker’s Gin Premium от Esteban T

Esteban T разработал несколько первоклассных этикеток для бутылок с ликером. Эта бутылка джина Joker’s использует контраст через глубину, чтобы создать фокус в этой привлекательной бутылке высококачественного джина. Художник использует цвет, чтобы создать стабилизирующий баланс в дизайне, укрепляя доверие к бренду, несмотря на название Joker’s Gin.

15. Натуральные продукты Хиро Окуда

Подобные фрагменты, демонстрирующие баланс и согласованность, помогают зрителям «почувствовать» целостность презентации. Розмарин обеспечивает мгновенный контраст с нейтральными цветами и привлекает внимание к другим зеленым оттенкам в проекте. Проект выпускника Шиллингтона Хиро Окуда стал финалистом премии AGDA.

16. Fruitea Friends Berry Boo и Tropical Tango от Wai San Woo

Wai San Woo обеспечивает согласованность и баланс дизайна упаковки этого продукта Fruitea. Открытая крышка привлекает внимание и подчеркивает, что компания заботится об упаковке, что говорит о том, что они также заботятся о качестве того, что находится внутри. Изображение чайного пакетика в правом нижнем углу идеально сочетается с открытой крышкой и скрытым за ней смыслом. Этот проект, выполненный выпускником Шиллингтона, стал финалистом AGDA.

16. Android Watch Face Design by Gmbh

Вот два примера графического дизайна с цифровыми и практическими приложениями. Циферблаты для умных часов Android Wear используют контраст и выравнивание, чтобы создать потрясающий, но удобный дисплей часов. Этот пример сочетания старых идей, таких как римские цифры, с современными технологиями делает эти циферблаты классическими.

Микаэла Эрли в дизайне продукции Duet использует повторение для создания единства и силы бренда. Выравнивание и контраст обеспечивают четкость и эффектность, чтобы продемонстрировать один бренд со многими вкусами. Использование одного цвета на этикетке продукта говорит так же ясно, как и простой, но мощный дизайн. Можно ожидать, что дуэт джина и вкуса будет таким же гладким, как и графика. Микаэла, выпускница Шиллингтона, получила награду GDUSA за свою работу.

Катринка использует повторение для создания динамической системы рекламы службы перевозки домашних животных под названием «Шофер». Хотя каждая реклама немного отличается и привлекает владельцев различных животных, каждая из них использует схожие элементы для создания фирменного стиля и сплоченности. Катринка закончила школу Шиллингтон и стала финалисткой этого проекта AGDA.

Это еще один пример графического дизайна, который использует повторение и выравнивание для представления бренда продукта. Marusa Rimc вызывает интерес к продукту Infinite Brew, подчеркивая единообразие бренда, а также пробуждая интерес к новым вкусам. Художник по упаковке продукта создает причудливые выражения характеристик, чтобы потребители задавались вопросом: что это за вкусы, выпущенные ограниченным тиражом? Дизайн яркий и сфокусированный с аурой тайны. Эта работа выпускницы Шиллингтона принесла ей награду GDUSA.

20. Book Cover Into the Void от Bob2412

Книжные обложки — отличный пример возможностей графического дизайна, существующих в мире онлайн-публикаций и печатных изданий. Bob2412 использует выравнивание, чтобы заставить читателя почувствовать, что он может соскользнуть в пустоту вместе с автором. Этот прием обеспечивает ясность в отношении цели книги. Задняя крышка также опрокидывается в опасную зону. Контраст света и тьмы создает сильный акцент на названии книги, особенно на слове «пустота». Использование человека в качестве буквы в этом слове позволяет нам понять, что кто-то рискует ускользнуть.

Даниэла Томанова сочетает иерархию и контраст, чтобы создать интерес, организацию и фокус в этом примере графического дизайна. Посыл ясен: 4U для вас, и это часть вас, несмотря ни на что. Положение руки субъекта внутри и снаружи логотипа создает ощущение плавности дизайна, отражая динамичный характер оператора мобильной связи 4U. Подростки моментально подключаются к бренду. Даниэла — выпускница Шиллингтона и финалистка AGDA.

Все мы используем календари каждый божий день — чаще всего на наших компьютерах или телефонах, но другие предпочитают иметь физические календари на своих рабочих столах или дома. Кацуми Тамура вывел дизайн календаря на новый уровень, когда создал (и получил награду) свой 3D-календарь, который вы должны собрать сами. Его формы просты: состоят из кругов, треугольников и квадратов. Но люди могут трансформировать свои календари в различные формы, превращая их в красивый и полезный аксессуар.

23. Упаковка Lite Loaves от Jessica Bakker

Джессика Бейкер использует контраст, чтобы подчеркнуть забавный характер этой упаковки продукта для натуральной, здоровой домашней выпечки для детей. Облако прятки вызывает интерес и фокусирует внимание на продукте под ним, предлагая зрителям представить, какой божественный вкус у буханки внутри. Более того, идея рая способствует чистоте бренда. Джессика — выпускница Шиллингтона, и ее упаковка Lite Loaves принесла ей позицию финалиста AGDA.

24. Requiem J Fashion Event от Эрни Холидей

Эта кампания, состоящая из веб-сайта, плакатов, наклеек и многого другого, рекламировала модную инсталляцию в Нью-Йорке. В проекте использовались яркие цвета, чистый дизайн и геометрические формы для создания причудливого, но изысканного дизайна. Эта работа одновременно эксцентрична и уравновешена и игриво взаимодействует со зрителем, сочетая традиционную иконографию моды с оригинальными элементами. Эрни — выпускник Шиллингтона, и этот проект стал полуфиналистом конкурса Adobe Design Achievement Awards 2018.

25. Летний фестиваль Satchmo в Новом Орлеане от Alfred Cervantes

Вот три примера графического дизайна, предназначенные для продвижения летнего фестиваля Satchmo в Новом Орлеане в честь Луи Армстронга. Этот студенческий дизайн Шиллингтона получил награду American Graphic Design Award 2018 от Graphic Design USA. В дизайне используется выравнивание для создания интереса и контраста для обеспечения ясности. Синий и розовый олицетворяют лето, а фотография Луи Армстронга по прозвищу Сачмо напоминает о богатой джазовой истории города. Альфред, выпускник Шиллингтона, получил награду GDUSA 2018 года.

26. «Волшебство под морским танцем» Саймона Пирса

Саймон Пирс использует контраст как в цветах, так и в шрифтах, чтобы сфокусировать внимание на этом очаровательном дизайне. С таким перегруженным дизайном информация может легко потеряться. Используемый здесь контраст гарантирует, что все, что нужно увидеть, бросается в глаза зрителю.

Эти три примера графического дизайна упаковки от Forough Abadian используют контраст и повторение, чтобы передать идею простоты и аутентичности. Посылка, похоже, отправлена ​​прямо из Италии с этикеткой, похожей на почтовую. Сразу понимаешь, как его приготовить и из чего делают, не оставляя вопросов без ответов. Упаковка также является отличным примером того, как выравнивание способствует ясности. Этот выпускник Шиллингтона является лауреатом премии GDUSA.

28. 2 Gingers Irish Whisky от VSA Partners

Целью этого дизайна было вызвать интерес к новой марке ирландского виски. Дизайнерская фирма использовала повторение для силы и контраст для фокусировки. Рыжие на изображениях представляют бренд. Точно так же декорации (девушки на скалах, в доме и на ностальгических велосипедах) отражают характеристики виски.

29. Inject Hope Posters by Landor

Эти примеры графического дизайна Inject Hope убедительно отражают реалии наркомании, особенно для наркоманов. Кампания вдохновила уполномоченных округа Огайо выделить более 2 миллионов долларов на борьбу со злоупотреблением наркотиками. Клиентом была героиновая коалиция округа Гамильтон. Использование повторения в этой серии дизайна обеспечивает единство единой идеи, а контраст создает фокус и оказывает существенное влияние на наблюдателя.

30. Концепция брендинга моды CI от Nnorth

Здесь Nnorth использует дизайн для определения фирменного стиля для CI. Этот пакет был выбран из 1272 других концепций визуального дизайна. Клиент запросил умопомрачительный дизайн, и он его получил. Художник блестяще использует цветовой контраст с достаточным количеством цвета, чтобы произвести впечатление. Логотип CI выделен жирным шрифтом, что мгновенно создает сильное присутствие бренда, которое легко идентифицировать.