Влюбиться в Интернет: вдохновляющие веб-сайты и инструменты

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

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

Мир миниатюрных чудес

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

У Тацуи Танаки особый взгляд на маленькие чудеса, лежащие прямо перед нами. С 2011 года он создает миниатюрные сцены в стиле диорамы из простых повседневных вещей и крошечных фигурок, напечатанных на 3D-принтере и раскрашенных вручную. В миниатюрной вселенной Тацуи вы обнаружите сцены барбекю, где скрепки превращаются в стулья и столы для пикника, а металлические скобы — в гриль для барбекю, открытая упаковка картофельных чипсов образует скейтпарк, палитра теней для век и помада превращаются в крошечный офис, или гамбургер в карусели. Воображение — единственный предел. Тацуя каждый день публикует новую миниатюрную диораму в своем календаре миниатюр. Теперь, если это не идеальный способ начать новый день, думая нестандартно, что еще?

Цветы огня

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

Каталоги, оцифрованные городской библиотекой Йокогамы, относятся к 1880-м годам и показывают не только фейерверки, какими мы их знаем сегодня, но и так называемые « дневные фейерверки ». Дневной фейерверк возник в Японии, и в нем использовались не пиротехнические эффекты, а снаряд, содержащий воздушный шар в форме животного, человека или других форм, который открывался и надувался, когда возвращался на землю. Глаз конфеты!

Городские пейзажи по мотивам старинных книг

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

Title Cities переосмысливает титульные листы старинных научных книг как красочные городские пейзажи, основываясь исключительно на словах на титульном листе. Будь то « Происхождение видов » Чарльза Дарвина или « Оптика » Исаака Ньютона, для каждой книги Николас рисовал рамки вокруг слов на титульном листе и кодировал их цветом по первой букве. Сохранив их первоначальные размеры относительно друг друга, он затем расположил коробки в виде абстрактных городских пейзажей. Прекрасный пример того, что вдохновение можно найти везде.

Минералогические иллюстрации, отсортированные по цвету

Вам когда-нибудь приходила в голову идея, от которой вы не могли отказаться? Когда Николас Ружо наткнулся на огромную коллекцию минеральных иллюстраций , созданную британским натуралистом и иллюстратором Джеймсом Соуэрби в начале XIX века, он задумался, как бы они выглядели, расставленные по цветам в большом коллаже. И следующие четыре месяца он занимался именно этим: аранжировкой всех иллюстраций Сауэрби из серии « Британская минералогия и экзотическая минералогия », состоящей из 718 пластин.

Результатом стал потрясающий проект British & Exotic Mineralogy . Увлекательная работа, которая создает мост между кропотливой работой двух людей, живущих на расстоянии двух веков друг от друга , и используемыми ими техниками — от ящика с красками до современных веб-технологий. Если вы хотите узнать больше о подходе Николаса и проблемах, с которыми он столкнулся на этом пути, есть сопутствующая запись в блоге, в которой он делится взглядом за кулисы.

Кураторская галерея узоров

Когда смелые цвета сочетаются с утонченными палитрами, органические изгибы появляются рядом с геометрическими формами с острыми краями, а минималистский дизайн встречается с игривыми произведениями искусства, вдохновение не за горами. Если вам не терпится получить приятный сюрприз , Pattern Collect для вас. На сайте собраны прекрасно иллюстрированные узоры, созданные дизайнерами со всего мира.

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

Визуальная слава пустых лент

Вы помните пустые кассеты VHS? Энтони Теренс посвятил им статью, в которой подчеркивает, почему они до сих пор остаются мастер-классом визуального дизайна, с их «сложными отношениями между типографикой и цветом », которые «делают их еще более интригующими», как он пишет.

Если вы хотите вдохновиться прошлым, как насчет пустых музыкальных кассет ? Японский блог Tapefan полностью посвящен красоте старых Sony, TDK, Fuji, Maxell и их собратьев, которые раньше ценили любимую музыку людей до того, как их место заняли современные технологии. Вдохновляющее путешествие в прошлое.

Новая вкладка, новая работа

Почему бы не оживить одно из самых обыденных действий, которые мы совершаем бесчисленное количество раз каждый день, и не сделать его немного более захватывающим и даже вдохновляющим? Мы говорим об открытии новых вкладок браузера . Если вам надоело видеть один и тот же простой фон каждый раз, когда вы открываете новую вкладку, вам может подойти расширение Google Arts & Cultures для Chrome.

Каждый раз, когда вы открываете новую вкладку (или хотя бы раз в день), расширение представляет вам новые красивые изображения. Произведения варьируются от Ван Гога и Моне до современных работ уличных художников со всего мира. Если один из шедевров возбудит ваше любопытство, вы можете щелкнуть описание изображения, чтобы узнать больше. Отличный способ вдохнуть немного культуры в свой день.

Воздушные заставки для Mac

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

Среди заставок вы найдете высококачественные видеоролики, снятые с воздуха над разными городами и локациями, такими как Нью-Йорк, Сан-Франциско и Китай, видео Земли с МКС, подводные видео, а также подборку видео, созданных специально для Aerial. Все они сняты в формате 4k, что дает вам ощущение, что вы действительно переживаете место как птица, парящая над сценой. Наложения заставок показывают вам описания основных географических объектов, отображаемых в видео, и, если хотите, они также предоставляют вам информацию о времени и погоде, а также о том, что в данный момент играет в Apple Music или Spotify.

Генеративное круговое искусство

Вы помните спирографы? Маленькие пластиковые колеса и кольца, которые позволяют рисовать всевозможные цветочные формы? Коллекция генеративного искусства Нади Бремер Rotae — взрослая родственница старого доброго увлечения спирографом. «Rotae» означает «колеса» на латыни и является одой огромному множеству форм , которые могут появиться в результате, казалось бы, простого процесса вращения кругов вокруг кругов.

Галерея Rotae состоит из 529 выходов, все они анимированы, чтобы показать тонкости основного пути. Как это работает? Каждый из Rotaes использует хэш в качестве начального числа, генератор псевдослучайных чисел выбирает количество колес и m-кратную симметрию для создания. Затем колесам случайным образом присваиваются радиусы и частоты, которые создают желаемую симметрию. В своем резюме проекта Нади делится подробностями о технологиях, лежащих в основе визуальных шедевров , а также о том, как она их анимировала.

Советы по генеративному искусству и вдохновение

Внушающий благоговейный трепет проект, который устраняет разрыв между вековой традицией и современным кодированием, называется {Shan, Shui} . Созданный Lingdong Huan и вдохновленный традиционными китайскими пейзажами, он создает процедурно генерируемые китайские пейзажи с бесконечной прокруткой в ​​​​формате SVG . Горы и деревья в ландшафте моделируются с нуля с использованием шума и математических функций. Очаровательный!

Теперь, если вы спрашиваете себя, как может работать что-то столь сложное, вы не одиноки. Виктор Шепелев хотел раскрыть тайну {Шань, Шуй}* и сделал своим адвентным проектом понять, как это работает. И действительно, ему потребовалось 24 дня, чтобы полностью вникнуть в код. Он резюмировал свои выводы в серии статей.

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

Искусство с CSS

Вы когда-нибудь пытались создать произведение искусства CSS с нуля? Если нет, Йосра Эмад написал простое руководство, которое может вдохновить вас начать работу. В нем Yosra шаг за шагом проведет вас через процесс создания дружелюбного призрака только с помощью CSS. Она показывает все: от разделения исходного эскиза на слои и планирования разметки до кодирования каждой отдельной детали художественного произведения. Это не только небольшая забавная задача по программированию, но и поможет вам вывести свои навыки позиционирования CSS на новый уровень.

Если вы ищете вдохновение для искусства CSS, учетная запись Chuan Yuan Codepen — это сундук с сокровищами, полный потрясающих фоновых шаблонов CSS, а также статических и анимированных изображений CSS . Не пропустите Codepen, где Чуан воссоздал знаменитую графику японского дизайнера Икко Танаки только с помощью CSS.

Вдохновляющие ворклеты Houdini Paint

Houdini — это набор низкоуровневых API-интерфейсов браузера, которые дают вам прямой доступ к объектной модели CSS и позволяют писать код, который браузер может анализировать как CSS. Если вы уже немного знакомы с этой концепцией, возможно, вы слышали о Paint Worklets. Они предлагают способ рисования изображений, которые динамически реагируют на изменения в CSS.

Чтобы глубже понять, как работают ворклеты, на Houdini.how есть несколько хороших ворклетов Paint, с которыми можно поэкспериментировать: блестящие фоны , конфетти, порошкообразные градиенты, подчеркивания, всплывающие подсказки и многое другое. Учебное пособие поможет вам все настроить и запустить, а полифилл восполнит недостающую поддержку в Firefox и Safari.

Twitter-бот, создающий цветовые палитры

Цветовое вдохновение лежит повсюду. Иногда даже на изображении, которое кто-то включил в твит. В таких случаях Color Parrot станет вашим новым лучшим другом. Просто упомяните бота Twitter в ответе, и он ответит вам цветовой палитрой для изображения.

Обращаясь за помощью к Color Parrot, вы можете указать количество цветов, которые хотите получить от бота. Просто укажите номер в своем твите. «@color_parrot, что это за цвета? Мне нужно 6 штук», например. Между прочим, история создания бота тоже интересна: его создатель Дэвид Аэрн поддерживает список названий цветов с открытым исходным кодом , который используется многими приложениями и веб-сайтами. Чтобы измерить, какие имена лучше других, он собирает лайки и реакции на каждый цвет. Таким образом, используя бота, вы активно участвуете в проекте с открытым исходным кодом. Беспроигрышный.

Созданные вручную градиенты сетки

Красивые градиенты? Да, пожалуйста! Если у вас нет времени создавать их самостоятельно или вы ищете свежее вдохновение, созданная вручную коллекция сетчатых градиентов Джина Марьюшенко обязательно вам поможет.

Недовольный тем, что он нашел в Интернете, Джин создал 100 градиентов , которые сделают ваш сайт выделяющимся, но не громким. Градиенты можно скачать бесплатно в формате JPEG. CSS и SVG будут добавлены позже. Наслаждаться!

Генератор дружественной микрокопии

Подбор правильных слов может быть проблемой. Speak Human может быть идеальным местом, если вам нужно вдохновение для копирайтинга. Например, для подтверждающих сообщений, уважительных прерываний и нежных напоминаний.

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

Используемые шрифты

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

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

Генеративные шаблоны каракулей

Что можно создать из простых геометрических фигур? По словам Си Хона и Йе Джу Пак, целые миры! Дизайнеры собрались вместе, чтобы создать Tabbied, небольшой инструмент, который генерирует красочные геометрические каракули из уже готовых пресетов . Просто выберите один из пресетов, настройте цвета и выберите такие параметры, как частота узора и фактическая сетка, и — та-даа! — вы можете сразу скачать PNG с вашим дудлом.

Если вы ищете что-то более продвинутое, Repper и MagicPattern тоже вас поддержат. И поскольку не может быть достаточно разнообразия, когда дело доходит до шаблонов, вы также можете взглянуть на Patternify, генератор шаблонов CSS, который позволяет вам определять шаблон в сетке 10 × 10, предварительно просматривать результат и загружать PNG или CSS. Для большего вдохновения Hero Patterns предоставляет вам коллекцию повторяющихся фоновых шаблонов SVG, а MagicPattern предлагает чистые фоновые шаблоны CSS, такие как зигзагообразные или диагональные.

Вдохновляющие сайты по всему миру

Как часто вы натыкаетесь на кириллические сайты? А как же японские сайты? Или сайты из конкретных, но малоизвестных отраслей? Когда мы хотим изучить необычные шаблоны проектирования, может быть хорошей идеей искать в необычных местах . Например, Cyrillic.Design демонстрирует кириллические сайты, которые часто не появляются в популярных галереях. Все записи могут быть отфильтрованы с помощью тегов, и новые веб-сайты добавляются регулярно.

SiteInspire упорядочивает веб-сайты по отраслям и категориям, что позволяет искать веб-сайты, связанные с индустрией здравоохранения, или проекты, связанные с архитектурой. Design Made in Germany демонстрирует работу немецких дизайнеров, а Responsive-JP освещает блестящую работу японских дизайнеров. Наконец, вы можете найти множество целевых страниц на Land-Book и One Page Love, в то время как Personalsit.es собирает небольшие и красивые личные веб-сайты. Теперь, это должно занять вас на некоторое время!

Вдохновение для мобильного интерфейса

Как другие дизайнеры решили конкретную проблему пользовательского интерфейса? Стефани Уолтер собрала несколько полезных ресурсов, которые обязательно вдохновят вас при разработке дизайна для мобильных устройств.

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

Подкасты, на которые нужно подписаться

Какие подкасты вы слушаете? Что вас вдохновляет, а что помогает открывать то, чего вы никогда не знали? Это вопросы, которые мы задавали в Твиттере, и от сообщества поступило множество замечательных предложений. Work-Life — это прекрасный подкаст с советами о том, как улучшить свою работу , а Darknet Diaries — это увлекательное слушание о хакерах, взломах, киберпреступности и обо всем, что обитает в скрытых частях Интернета.

Вы всегда можете найти лучший взгляд на вещи в A Bit Of Optimism и научиться улучшать свой рабочий процесс дизайна с помощью подкаста Design Better. В «Design Matters» и «99% Invisible» есть еще много информации обо всех сторонах дизайна. Все отличные подкасты, которые можно сохранить в своей библиотеке на прогулку в парке, на пробежку или просто на вечернюю кулинарию. Ах да, и, конечно же, есть наш собственный подкаст Smashing Podcast. Просто говорю'!

Распутайте беспорядок в закладках

Есть ли у вас специальная система для хранения всех этих полезных инструментов и статей, которые могут когда-нибудь пригодиться, книг, которые вы планируете прочитать, рецептов, которые вы хотите попробовать, и всех других маленьких кусочков вдохновения , которые вы находите при просмотре? паутина? Если ваши закладки переполнены драгоценными вкусностями, но вы потеряли их из виду, небольшой инструмент просто ждет, чтобы помочь вам распутать этот беспорядок закладок: Raindrop.io.

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

Подведение итогов

Вы недавно наткнулись на сайт, который вдохновил вас? Или, может быть, удобный маленький инструмент, который помог вам преодолеть творческую пропасть? Мы будем рады услышать об этом в комментариях ниже!