Идеи для дизайнеров: 30 отличных ресурсов в 2021 — Дизайн на vc.ru

30 отличных ресурсов в 2021 — Дизайн на vc.ru

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

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

• AWWWARDS: веб-дизайнеры, разработчики и агентства со всего мира представляют свои работы, авторы лучших — получают награды.
• Ecomm.design: более 3000 сайтов для электронной коммерции с возможностью фильтрации по платформам, категориям, технологиям и трафику.
• Land-book: множество примеров лендингов, портфолио, блогов с удобным поиском по тегам.
• 99designs’ Discover: можно посмотреть примеры работ, найти клиентов, поучаствовать в конкурсах и некоммерческих проектах.
• SiteInspire: коллекция из более чем 8 000 примеров веб-дизайна и интерактивного дизайна.
• Lapa Ninja: примеры лендингов, бесплатные обучающие материалы, шаблоны, иллюстрации и наборы элементов пользовательского интерфейса.
• Mediaqueri: примеры адаптивного дизайна, пригодится при создании макетов.
• Houseofbuttons: сайт, посвященный оформлению кнопок.
• Sitesee: галерея лучших современных сайтов, созданная профессионалами из разных стран с удобной фильтрацией по тематикам.
• One Page Love: витрина одностраничных сайтов для разных направлений бизнеса, десятки шаблонов, в том числе бесплатных.
• Mobbin: библиотека, содержащая больше 50 000 скриншотов мобильных приложений с возможностью поиска.
• Behance: база портфолио дизайнеров самых разных сфер, можно найти вдохновение и разместить свое портфолио.
• Colourlovers: палитры и примеры сочетания цветов.
• Dribbble: площадка, где можно не только черпать вдохновение, но и обмениваться опытом и получать фидбек от профессиональных веб-дизайнеров.
• Graphiclovedesign и Osasto на Tumblr блоги с образцами графического дизайна.
• CollectUI: ежедневно обновляющийся архив примеров пользовательского интерфейса на базе Dribbble.
• Siiimple: примеры минималистичного веб-дизайна.
• Creative Bloq: платформа с примерами работ и новостями для UX дизайнеров, иллюстраторов, 3D и VFX художников.
• Good Web Design: качественная подборка сайтов с удобным поиском по тегам, тут также можно подать заявку и разместить свою работу.
• Best Website Gallery: коллекция сайтов, которая регулярно пополняется с 2008 года, есть фильтрация по фреймворкам, стилям, CMS и цветовым решениям.
• Inspired UI: подборка скриншотов дизайна для мобильных устройств Android, iPhone и iPad .
• Hover States: архив нестандартных веб-проектов, которые экспериментируют с дизайном, интерактивностью и контентом.
• Iconfinder: одна из крупнейших в мире баз иконок и иллюстраций.
• Designmadeingermany: авторские подборки сайтов разных стилей и тематик.
• Designspiration: сайты, лендинги, 3D, UI/UX, мобильный дизайн, элементы интерфейса и многое другое.
• The Best Designs: подборка веб-сайтов для тех, кто любит сбалансированное минималистичное оформление.
• Screenlane: примеры качественных лендингов, мобильных и веб-приложений для разных платформ.
• Landingfolio: подборка лендингов для вдохновения, коллекция шаблонов и элементов UI.
• Pttrns: библиотека мобильных шаблонов пользовательского интерфейса для iOS и Android.
• Muz.li: плагин для Google Chrome (desktop и mobile) с подборками идей и новостями, собранными с разных платформ.

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

Переходите в дизайнер AppMaster.io и присоединяйтесь к чату нашего комьюнити в Telegram.

19 657 просмотров

Где веб-дизайнеры подсматривают идеи — Офтоп на vc.ru

Результаты опроса, проведенного руководителем студии «Сибирикс»

Руководитель студии «Сибирикс» Владимир Завертайлов опросил своих коллег и собрал ряд ресурсов, на которых дизайнеры могут найти идеи и вдохновение для создания собственных продуктов.

Каждый художник (и веб-дизайнер в том числе) немного вор: в одном месте утянул идею, в другом — сюжет, переварил своим креативным котелком и получил шедевр.

Если вы внаглую обводите сайты дня с Awwwards, вдохновляясь цитатой «Хорошие художники копируют, великие — воруют» — будьте осторожны, не порежьтесь об осколки разбитых иллюзий. Потому что никто так не говорил, ребят. Это такое же сомнительное порождение интернетов, как цитаты Стетхема.

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

Мы потрясли дизайнеров «Сибирикса» и выяснили, где они ищут идеи и вообще вдохновляются (легально). Нашли и затёртые до дыр ссылки (Awwwards — кто бы сомневался), и кое-что пооригинальнее. Раскидали по целям:

• Собрать идеи для сайта.
• Найти конкретный элемент.
• Нахвататься визуального вдохновения.
• Посмотреть всё в одном месте.
• Подтянуть матчасть.

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

Собрать идеи для сайта

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

• Awwwards. Не баян, а классика. Хотя «Коллекции» на Awwwards — относительно свежая фишка.
• The FWA, CSS Design Awards, Website Design Award. Пачка конкурсов сайтов, на которых работы, бывает, повторяются. Но проскакивают и оригинальные номинанты.
• Designer News. Ресурс, где можно и крутые примеры найти, и мнение коллег со всего мира почитать. Обычно все дизайны, которые выкладываются на Awwwards, сперва появляются здесь.
• Site Inspire. Симпатичные сайты, которые редко пересекаются с Awwwards и Ко. Не всегда конкурсные, но всё равно оригинальные и интересные.
• Cargo Сollective. Подборка минималистичных сайтов с какой-то потаённой изюминкой.

• The Best Designs. Тут сайты попроще — бегунок креатива выкручен не больше, чем на 20%.
• The Perfect Grid. Подборка сайтов с нестандартной сеткой — тренд 2017 года, между прочим.
• Sibirix’s Pinterest. Когда наши дизайнеры не рисуют годноту, они добавляют сайты, которые им понравились, вот сюда.
• Minimal gallery. Галерея радикального минимализма. Шикарно вставляет. Чего стоит хотя бы этот экспонат, где на главной странице только текст и курсор в виде банана.
• Hover States. Подборка необычных сайтов с удобным фильтром по тегам.
• Siiimple. Здесь порционно раз в день добавляется по одному хорошему минималистичному сайту.
• One Page Love. Собрание одностраничных сайтов. Веселых, а порой и не очень приличных. Слабонервные и неженки, ходите аккуратно.

Найти конкретный элемент

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

• Dribbble. По праву затёртый до дыр ресурс — здесь гигабайты идей для иконок и микровзаимодействий. Самое сложное — найти среди них что-то полезное.
• Motion UI. Субъективная выжимка из Dribbble — для тех, кто не хочет ворошить его завалы самостоятельно.
• Codepen Codrops. Ресурсы, где хранятся уже готовые рабочие элементы: хоть сейчас вставляй на сайт. Находите что-то крутое, обыгрываете в своём дизайне и несёте нужный кусок кода верстальщику — профит.
• Web Design Freebies. Подборка иконок, шрифтов, иногда проскакивают мокапы — золотая жила для мудборда. Больше не обновляется, так что пользуйтесь, пока не протухло.
• Color Supplyyy App. Простое и приятное приложение для подбора цветовой гаммы.
• Fonts Google. Шрифты, которые Google одобряет.
• Uimovement. Коллекция няшных микровзаимодействий.

Нахвататься визуального вдохновения

Просто подборки картинок, которые помогают нашим дизайнерам поймать вдохновение.

• Design Collector. Фото, видео, картинки и прочая мишура, которая помогает нащупать вектор, в котором нужно творить.
• Ffffound. Чуть более хипстерский склад изображений: больше глитча и кислотных гифок.
• Designspiration. Сборная солянка из дизайнерских работ и фотографий из Instagram.

Посмотреть всё в одном месте

Если вам нужно посмотреть сразу и макеты, и иконки, и шрифты, но вы слишком цените свой work in progress, чтобы переключаться между сайтами, познакомьтесь с ресурсами ниже. Там есть всё, только поисковый запрос уточните.

• Behance Pinterest. Самые большие склады графического добра в интернете: русском и зарубежном.
• Revision. Ресурс с работами отечественных студий и дизайнеров.
• LookWork. Сайт идентифицирует себя как «Visual RSS». И не врёт. Можно отслеживать интересующие темы, выбирая их в меню, или зарегистрироваться и сформировать персональную ленту.
• Muzli. Агрегатор сайтов дизайнерской тематики. Активно пиарится за рубежом. Существует в формате расширения для Chrome и подсовывает подборку для вдохновения каждый раз, когда открываешь новую вкладку. Кого-то вдохновляет. Но, на мой взгляд, дико отвлекает от работы.

Подтянуть матчасть

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

• Интерфейсы без шелухи. Толковая рассылка о том, как сделать пользователю удобно. На сайте можно порыться в архивах.
• SkillBox Дизайн.
  SkillBox — курсы за деньги для тех, кто хочет пробиться в digital. Но также ребята проводят бесплатные вебинары — канал с ними рекомендуем просматривать или хотя бы включать фоном, пока течёт ваш любимый кетчуп.

Конечно, это не все ресурсы в интернете, где можно нахвататься идей для веб-дизайна. Знаете ещё — делитесь в комментариях. Let’s catch them all!

50 886 просмотров

Откройте для себя дизайнерские идеи и вдохновение для графического дизайна

smashingbug

артсигма

Рики АсамМанис

Дизайн подковы

Камнепады

Терри Богард

ГаянМХ

Терри Богард

касин

Дизайн подковы

Дизайн подковы

касин

Дизайн подковы

касин

Искусство и пиксели

Дазуке™

: Elementi. studio

Спартан

Артеан

: Elementi.studio

М А Д Х А Н

Спартан

: Элементи.студия

☪экидот

Адам Муфлихун.

эолинарт

Душан Сол

Чувак

Махмуд Шахин

L1графика

Терри Богард

Исцели меня

Аделиа

Хантс ℠

Аккуратные линии

YaseenArt

ГаянMH

Адам Муфлихун.

людибес

Камнепады

людибес

Извините, мы не смогли найти результаты поиска!

Вот что вы можете попробовать:

• Отключите опцию «показывать понравившиеся дизайны».
• Проверьте правильность написания
• Измените настройки фильтра
• Попробуйте использовать более общие условия поиска
• Попробуйте использовать меньше поисковых запросов

Идеи и тенденции графического дизайна на 2022 год

«Хороший дизайн — это хороший бизнес» — популярная фраза, но что такое хороший дизайн?

На этот вопрос есть несколько ответов. Но большинство ответов могут подпадать под критерии:

• Минимум
• Тот, который действительно работает на вас
• Легко узнаваемый
• Хорошо взаимодействует с пользователями
• В соответствии с современными тенденциями воспринимается как хорошее только тогда, когда это модно.

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

  Идеи графического дизайна

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

  Бесшовные асимметричные узоры

  PinterestPinterestPinterest

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

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

  Побег в мир

  PinterestPinterestPinterestPinterest

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

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

  Верните гранж!

  PinterestPinterestPinterestPinterestPinterest

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

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

  Громче, ярче

  В 2021 году значительно увеличилось использование ярких и даже более смелых цветов. Ожидается, что то же самое продолжится и в 2022 году.

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

  Если раньше использование смелых цветов считалось наивным, то в 2022 году это будет модно!

  Так что вперед! Пробуйте разные палитры и наслаждайтесь дизайном!

  Советы дизайнерам: Выберите разные палитры и посчитайте сами, прежде чем черпать вдохновение. В итоге у вас может получиться яркое цветовое сочетание. Веб-сайты, такие как colorhunt, могут помочь вам в этом процессе. Убедитесь, что ваше изображение выделяется из общей массы, адаптируясь к новым тенденциям. Вы можете протестировать эти новые тенденции, начиная с ваших изображений в социальных сетях. Или выберите 9Агентство графического дизайна 0121 , которое поможет вам быстро стать модным.

  Вот несколько идей графического дизайна для смелого и яркого образа.

  Желтый и розовый

  Источник: itsnicethat.com

  Удивительно редкое сочетание бледно-розового и темно-фиолетового

  Источник: Adobe Creative Magazine

  Бирюзовый контрастирует с ярко-фиолетовым для создания потрясающих визуальных эффектов. Нейтральный хит всегда!

  Источник: Famebit

  Фортуна благосклонна к смелым

  Быть смелым считается авантюрным и в графическом дизайне!

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

  Мы прогнозируем, что в 2022 году использование жирного шрифта продолжит доминировать в индустрии графического дизайна.

  Типографика в сочетании с соответствующей графикой — идеальное визуальное удовольствие для пользователя.

  Выбор правильной типографики для любого графического дизайна является важной частью, которую каждый графический дизайнер должен практиковать и совершенствовать. (Да! Здесь важен опыт!)

  Советы дизайнерам:  Некоторые идеи, которые мы предлагаем:

  • Попробуйте несколько комбинаций шрифтов  и разные начертания.
  • Контраст между шрифтами приводит к выигрышной комбинации. Но обратите внимание на такие качества, как размер, вес, кернинг и стиль шрифта.
  • Не используйте более 3-х шрифтов. Ваш дизайн может выглядеть неряшливо.

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

  Вот несколько идей и идей для типографики.

  Источник: studio squareoneИсточник: abuzeedoИзображение предоставлено: Андили Рачути может использоваться на веб-сайтах и ​​в любом типе графического дизайна для визуальной передачи шаблона или последовательности событий.

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

  Советы дизайнерам: Не существует жесткого правила использования геометрических фигур в ваших проектах. Будь то естественные/органические формы, квадрат, прямоугольник, круг, треугольник или созданные руками человека (например, сердце, ромб и т. д.), правильный выбор передаст правильное сообщение вашей аудитории. Вы можете смешивать несколько форм, как в недавней концепции дизайна в стиле Мемфис, или использовать концентрические формы для создания дизайна. Затем, при необходимости, вы можете сопоставить цвета с концепцией и соединить их с правильной типографикой.

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

  Источник: Соединение графического дизайна

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

  Советы для дизайнеров: Tutsplus дает пошаговый процесс создания собственной двойной экспозиции в фотошопе. Вы можете поэкспериментировать и освоить этот эффект и в фотошопе. Кроме того, в 2022 году станет модным смешивание изображений с яркими цветами.

  Советы владельцам веб-сайтов: Такие изображения «популярны» в отрасли, и их использование поможет вам выглядеть модно на рынке! Просто попробуйте! Вы всегда можете изменить, если это не работает для вас!

  Нарисованные от руки иллюстрации

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

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

  https://in.pinterest.com/pin/61009769922250030/

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

  Синемаграфия – движущаяся графика

  Вместо размещения статических изображений для привлечения пользователей можно использовать изображения с тонкой анимацией на заднем плане.

  Предупреждение. Если вы переусердствуете, это вызовет раздражение, и ваша графика может работать плохо.

  Hongkiat предлагает отличные идеи графического дизайна для тонких анимаций изображений.

  Обрезка не навредит

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

  Источник: NikeИсточник: luben tvИсточник: Luben Tv

  Используйте цифровую кисть

  Новые изобретения принесли множество инноваций в индустрию графического дизайна. Такие устройства, как wacom, Ipad, Surface pro, активно вторглись на цифровой рынок, что позволяет дизайнерам рисовать на цифровых устройствах без помощи рук, что дает потрясающие эффекты.

  Такие программы, как Photoshop Sketch, Procreate, Penultimate, Paper… (список длинный!) были разработаны для облегчения работы графических дизайнеров (также начинающих графических дизайнеров!) для создания более чистых, плавных и универсальных эффектов, которые мы использовали для создания с помощью кисть для фотошопа.

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

  Авторы изображений: Павел Нольберт

  Подводя итоги наших идей и тенденций графического дизайна на 2022 год

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

  Со всеми отмеченными выше тенденциями, вот еще несколько дополнительных советов.

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