90 ресурсов и инструментов
для дизайнера от Designgest
6 min readJul 14, 2015
Дайджест для дизайнеров Designgest уходит на летние каникулы. Чтобы скоротать время до следующего выпуска Вы можете ознакомиться с дополненным списком полезных ресурсов, собранных в уже выпущенных выпусках дайджеста.
Самый свежий выпуск №14
вы можете найти здесь.
Добавляйтесь в друзья, буду рад!
Поехали!
- http://www.gomoodboard.com/ — хорошая подборка визуальных материалов, сгруппированных по стилям.
- http://shriftkrasivo.ru/ — сайт, на котором собрано большое количество хороших шрифтов с наглядным привлекательным превью к каждому.
- Bezier — онлайн-игра для дизайнеров, которая поможет разобраться новичкам с кривыми безье.
- http://wordmark.it/ — Ресурс подгружает все установленные у вас на компьютере шрифты и позволяет удобно сравнить и отобрать те, которые подойдут в работе над вашим проектом.
- https://wireframe.cc/ — Если нужно сделать быстрый wireframe для проекта, то этот ресурс поможет. Расширенная версия вдобавок включает в себя ряд дополнительных возможностей, например создание многоуровневых кликабельных прототипов с последующим экспортом в PDF&PNG.
- http://dribbbleboard.com/— Удобный ресурс для поиска вдохновения на Dribbble, позволяющий просматривать работы просто скроллом без дополнительных кликов и переходов.
- http://wearui.co/ — Подборка интерфейсов носимых гаджетов с dribbble. С учетом развивающегося тренда, можно предположить, что база будет расти.
- https://sketchfab.com/models — Огромная база 3D моделей, с которыми можно работать прямо в браузере. Очень полезно для поиска нужно ракурса предметов для отрисовки, использования в драфтовых материалах или быстрой сборки раскадровок.
- https://snazzymaps.com/ — Ресурс с большой базой цветовых схем оформления Google-карт. Можете напрямую использовать стили для своих проектов, либо просто черпать вдохновение и создавать новые.
- http://subtlepatterns.com/ — Большая база обновляемых паттернов, которые вы можете использовать в своих работах. Также ресурс имеет удобный плагин для Photoshop, правда за небольшую плату.
- http://selection.datavisualization.ch/ — Отличный ресурс для тех, кто интересуется визуализацией данных. Содержит большое количество инструментов для кастомизации преподнесения данных различных форматов.
- http://webdesignerschecklist.com/ — Чек-лист для создания идеального проекта с точки зрения структуры и организации файлов.
- http://matthew.wagerfield.com/flat-surface-shader/ — То, что нужно, если вам нужно сгенерировать абстрактный лоу-поли фон!
- http://mixioapp.com/ — Простое приложение для iPhone, с помощью которого вы можете создать незамысловатый но стильный постер.
- https://www.resumerepublic.com/ — Неплохой ресурс для создания кастомизированных резюме. Можно использовать по прямому назначению или просто для вдохновения.
- https://clara.io/ — В прошлых выпусках дайджеста мы с вами видели онлайн-инструменты для прототипирования, но пора переходить на новый уровень. Перед вами полноценный 3D-редактор, работающий из браузерного окна онлайн, правда нужно зарегистрироваться.
- http://stylifyme.com/ — Хороший ресурс, который позволит быстро получить всю цветовую гамму понравившегося вам сайта. Просто вводите адрес и получаете всю раскладку по цветам.
- http://sneakpeekit.com/ — Ресурс, который даст вам выбор из множества различных лэйаутов для прототипирования на бумаге. Выбираете, печатаете и рисуете!
- http://copypastecharacter.com/ — Сайт для тех, кому проще открыть вкладку браузера, чем панель с символами. Можете просто выбирать понравившиеся символы и вставлять их в качестве текста.
- http://resizemybrowser.com/ — Ресурс поможет вам в один клик подогнать окно браузера под нужный размер. Полезно, когда вы хотите проверить, как ваш макет смотрится на разных разрешениях.
- http://usepanda.com/app/ — Сайт, который собирает красивые картинки с самых популярных ресурсов, на которых мы с вами черпаем вдохновение или ищем референсы.
- http://www.freepik.com/ — Бесплатный сток с кучей фотографий, векторных изображений, иконок и так далее. Неплохая альтернатива, если все слоты в Шаттере выкачали за день.
- http://tympanus.net/Development/SidebarTransitions/ — Подборка различных эффектов появления бокового меню. Отлично подходит для показа в качестве референсов.
- http://shapecatcher.com/ — Рисуете какую-нибудь каракулину, а ресурс распознает ее и предлагает вам похожий unicode-символ, который можно вставить обычным текстом.
- http://findguidelin.es/ — Ссылки на гайдлайны большинства социальных сетей в одном месте.
- http://screensiz.es/phone — Размеры экранов всех известных на рынке мобильных устройств с dpi и соотношением сторон.
- http://crapideas.com/ — Отличный ресурс для разгона мозга. Сайт предлагает придумать 99 идей, отводя на каждую не более 30 секунд. В результате вы получаете пул идей для дальнейшей проработки.
- http://onepagelove.com/ — Агрегатор одностраничных сайтов. Хорошо подходит для вдохновения или поиска референсов.
- http://tympanus.net/Development/CreativeLinkEffects/ — Большая подборка различных способов анимации ссылок при наведении.
- http://mapsdesign.tumblr.com/ — Отличная подборка географических карт, оформленных в разной интересной стилистике.
- http://www.hudsandguis.com/ — Блог, постоянно пополняемый новыми порциями HUG интерфейсов. Каждый пост сопровождается текстовым описанием, указывающим на основные детали интерфейса.
- http://dandkagency.com/extensions/velositey/ — Очень эффективное расширение для Photoshop, которое позволит в несколько секунд набросать структуру страницы с помощью готовых сеток и элементов.
- http://www.typegenius.com/ — Ресурс, который поможет вам подобрать пару хорошо сочетающихся шрифтов для проекта.
- http://dongerlist.com/ — Большая база текстовых смайликов на любой вкус и цвет. Поможет разбавить текстовую переписку.
- http://uigifs.com/ — Подборка GIF’ок с анимацей разных UI элементов. Полезна для поиска референсов и вдохновения.
- http://nathanfriend.io/inspirograph/ — Весьма своеобразный ресурс для создания абстрактных узоров. Осторожно — можно подзалипнуть!
- http://tympanus.net/Development/HoverEffectIdeas/ — Отличная подборка ховер-эффектов при наведении на фотографии.
- http://asoftmurmur.com/ и http://www.noisli.com/– Очень полезные ресурсы в те моменты, когда хочется оградиться от окружающего шума, но не хочется слушать музыку, которая может путать мысли. Большое количество фоновых звуков помогут.
- http://envisualizer.formica.com/us/en/about — Отличный ресурс для создания причудливых узоров и паттернов прямо в окне браузера.
- http://www.designerspics.com/ — Большое количество бесплатных, но при этом качественных фотографий, которые вы можете использовать в своих презентациях и макетах.
- http://lukechesser.github.io/Popular-UIs/ — Исходники интерфейсов популярных ресурсов в одном месте.
- http://www.calltoidea.com/ — Подборка различных UI элементов и шаблонов, сгруппированных по категориям. Хорошо подойдет для поиска референсов.
- http://mazwai.com/ — Архив видео footage’ей, которые вы можете скачать без регистрации и использовать для пресейла.
- https://prottapp.com/ — Хорошее приложение для создания живых прототипов по бумажным зарисовкам.
- http://albumarium.com/ — приятный фотосток, содержащий большое количество интересных фотографий, доступных для скачивания. Хорошо поможет разнообразить ваши внутренние презентации.
- http://colours.neilorangepeel.com/ — большая подборка цветов на любой вкус.
- http://www.naminum.com/ — сервис, который поможет вам накидать большое количество вариантов для вашего будущего стартапа.
- Fontspiration — отличное приложение для iPhone, которое даст простой доступ к фиду из хороших шрифтовых подборок и поможет найти вдохновение.
- Elastic SVG — подборка различных вариантов использования Elastic эффекта в интерфейсной анимации.
- http://mobilehustle.tumblr.com/ — крутая обновляемая подборка на Tumblr, которая содержит кучу анимированных приемов интерфейсов для мобильных устройств.
- Qards — новый движок от Designmodo, который позволит быстро собрать красивый лэндинг, используя заготовленные дизайн-карточки.
- http://www.materialup.com/ — ежедневный фид хороших примеров Material Design для мобильных приложений и сайтов.
- UberColumns — расширение для Фотошопа, которое даст вам дополнительные возможности для удобной работы с текстом.
- Capptivate.co — отличное приложение с кучей категоризированной анимации интерфейсов. Типа UI Инстаграм.
- http://hoverstat.es/ — ежедневно обновляемая подборка интересных интерфейсных решений в вэбе.
- http://depthy.me/ — онлайн-приложение, которое позволяет делать крутые объемные фотографии из плоских прямо в браузере.
- Shade — онлайн-инструмент для генерации кода градиентных заливок в вэбе.
- http://getcover.ru/ — удобный инструмент для обертки ваших макетов в нужные рамки.
- http://etc.usf.edu/clipart/ — большой набор клипарта для использования преимущественно в учебных целях для преподавателей и студентов.
- https://v2.polarr.co/ — отличный онлайн-фоторедактор, который поможет быстро приукрасить самую обычную фотографию. Настоятельно рекомендую попробовать!
- http://www.cooper.com/prototyping-tools — сводная таблица средств прототипирования, которая позволяет подобрать наиболее подходящий инструмент для ваших нужд.
- https://designers.mx/ — подборка музыкальных миксов, курируемая дизайнерами со всего мира.
- http://uxarchive.com/ — архив интерфейсной анимации известных приложений.
- Button Styles Inspiration — очередная подборка интересных решений для оживления интерфейсных элементов.
- http://thenews.im/ — свежие крутые новости об интересных проектах с трех популярных ресурсов.
- http://crazydraw.in/ — сайд-проект наших ребят, который поможет разогнать мозги и руки в случае застоя.
- http://land-book.com/ — большая подборка интересных продуктовых лэндингов.
- https://www.storywars.net/ — забавный сервис для совместного написания историй.
- https://pitcherific.com/ — удобный сервис, которые поможет подготовиться к публичному выступлению и отрепетировать речь.
- http://qrohlf.com/trianglify-generator/ — онлайн-генератор абстрактных треугольных узоров.
- http://pmg.softwaretailoring.net/ — генератор круговых меню.
- Avocado 2 — инструмент для создания интерактивных прототипов без написания кода.
- Animated Grid Layouts — заготовки для grid-layouts с приятной анимацией и переходами.
- http://9-squares.tumblr.com/ — забавный блог на tumblr, в каждом посте 9 анимированных картинок от разных дизайнеров. Интересно наблюдать какими разными могут быть стили анимации, несмотря на общие цвета.
- https://videos.pexels.com/ — бесплатный видео-сток с полезными видео для ваших кейсов, пресейлов и других материалов.
- Plain pattern — онлайн-инструмент для создания паттернов с помощью SVG иконок.
- http://www.wayswework.io/ — пополняющаяся серия интервью с реальными сотрудниками крупных компаний, в которых они рассказывают свои секреты эффективной работы.
- http://www.fiftythree.com/think — приложение для iPad, которое может оказаться полезным во время мозговых штурмов или работой над новым концептом.
- https://atomic.io/ — интересный инструмент для прототипирования.
- http://typedrummer.com/ — забавное онлайн приложение для создания бита из букв.
- http://cupcake.nilssonlee.se/ — еще один фотосток с отличными бесплатными фотографиями для ваших проектов и презентаций.
- http://www.webdesignernews.com/ — ежедневно курируемая подборка новостей и материалов для дизайнеров.
- https://instagram.com/seblester/ — Инстаграмм аккаунт Seb Lester’а, известного всем по коротким видео с отличной каллиграфией.
- http://www.stumbbble.com/ — сайт по одному клику подбирает вам портфолио рандомных дизайнеров.
- https://www.google.com/design/tool/devices/ — таблица с характеристиками экранов различных устройств от Google.
- http://www.materialpalette.com/teal/amber — подборк цветов для material design макетов.
- Dribbble New Tab — классное расширение для пользователей Google Chrome, заполняющий новый открытый таб работами с Dribbble.
- http://www.videvo.net/ — видеосток с большим количеством бесплатных футажей.
- http://uiohmy.com/ — ресурс, позволяющий сравнить разные состояния экранов приложений на iOS и Android.
- http://coverr.co/ — по 7 бесплатных видео для ваших сайтов и презентаций каждый понедельник.
That’s all folks!
Stay tuned! ;)
Добавляйтесь в друзья и следите за обновлениями — https://www.facebook.com/andronovsergey!
Самый свежий выпуск Designgest можно найти здесь — http://www.slideshare.net/sergeyandronov/designgest-14.
