05 Collector: ссылки для дизайнеров и разработчиков

от автора

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

Аддоны и инструменты для работы с графикой

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

PNG EXPRESS это отличный плагин, который нарежет PSD-макет в PNG и JPEG наборы, а также может сохранить версионность дизайнов и его спецификации ($29)

GuideGuide поможет вам легко управляться с направляющими

CSS Hat умеет генерировать CSS-код из стилей слоёв ($29.99)

WebZap незаменим для быстрого создания мокапов ($19)

Упростите процесс определения спецификаций дизайна. Specctr работает с Adobe Photoshop, Illustrator и Fireworks ($49)

CSS3Ps – это бесплатная альтернатива CSS Hat

Renamy – расширение для массового переименования слоёв

Enigma64 умеет вырезать нужные слои и сохранять их в PNG или JPG с максимальной оптимизацией, как утверждают разработчики ($24.99)

LiveSurface поможет дизайнеру посмотреть как будет выглядеть его новый макет «в живую», не покидая Illustrator (MacOS)

Layervault – это некий «GitHub» для дизайнера

Коллекция паттернов для ваших дизайнов

Сервис, проверяющий ваши PSD документы на соответствие правилам сайта Photoshop Etiquette

Page Layers конвертирует скриншот сайта в слои, раздельные для каждого элемента ($28.99 MacOS)

Dribbble теперь всегда под руокй

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

Дизайнерам

Классный набор мокапов на все случаи жизни за 29 баксов. Они могут пригодиться для приготовления быстрой подачи своих работ
Бесплатные мокапы мобильных экранов в перспективе
Подробнейший урок по созданию иллюстрации астронавта в Photoshop
Занимательный процесс создания шрифта Quixo от немецкой студии FontFont
Советы по работе со шрифтами в Photoshop
Подкасты о дизайне
Просто о хорошем дизайне, нацеленном на решение поставленной перед ним задачи

UX

Кейс о том, как пользователи помогли сервису улучшить его дизайн
ГОСТ по юзабилити

Разработчикам

WebGL-генератор морских волн
Туториал по созданию эффекта «открывающихся» букв
Статья об анимации линий SVG на примере известного спец-проекта от The Polygon

Сайты для вдохновения

Невероятно крутой проект в рамках Chrome Experiments – интерактивная карта мира «Хоббита» (по мотивам фильма П.Джексона). Все последнии фишки в веб-разработке на лицо
Google поднимает уровень опыта чтения с мобильных устройств на новый уровень
Ред Булл снова радует интересным промо-сайтом, в этот раз рассказывая о событиях в клубной музыке и субкультуре Великобритании
Сайт digital-студии, наглядно показывающий свои возможности в дизайне и веб-разработке. Скроллим до конца, чтобы увидеть glitch-эффект
Минималистичный сайт минималистичных часов

Бонус

,
inFORM – это дисплей, позволяющий пользователю взаимодействовать с физическими объектами, но обрабатывающем 3D информацию в цифровом виде
Техническая сторона истории формата GIF

Предыдущие выпуски:
04 Collector
02 Collector
01 Collector

ссылка на оригинал статьи http://habrahabr.ru/company/uprock/blog/204186/


Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *