05 Collector: ссылки для дизайнеров и разработчиков
В этой подборке вы найдете коллекцию аддонов и инструментов для графических редакторов, которые сэкономят вам кучу времени. И на бонус много материалов для вдохновения с последниями тенденциями в веб-разработке и веб-дизайне.
Аддоны и инструменты для работы с графикой
Джентельменский набор для дизайнера, который поможет при создании очередного макета сайта и улучшит функциональные возможности любимого графического редактора. Они отсортированы в порядке их полезности, обратите внимание что часть из них платные, стоимости указаны в скобках.
Дизайнерам
UX
|
Кейс о том, как пользователи помогли сервису улучшить его дизайн [8] |
|
ГОСТ по юзабилити [9] |
Разработчикам
|
WebGL-генератор морских волн [10] |
|
Туториал по созданию эффекта «открывающихся» букв [11] |
|
Статья об анимации линий SVG на примере известного спец-проекта от The Polygon [12] |
Сайты для вдохновения
Бонус
|
inFORM – это дисплей, позволяющий пользователю взаимодействовать с физическими объектами, но обрабатывающем 3D информацию в цифровом виде [18] |
|
Техническая сторона истории формата GIF [19] |
Предыдущие выпуски:
04 Collector [20]
02 Collector [21]
01 Collector [22]
Автор: alexovs
Источник [23]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/interfejsy/49620
Ссылки в тексте:
[1] Классный набор мокапов на все случаи жизни за 29 баксов. Они могут пригодиться для приготовления быстрой подачи своих работ : http://originalmockups.com/bundles/infinity-bundle/
[2] Бесплатные мокапы мобильных экранов в перспективе: http://www.awwwards.com/design-inspiration/perspective-app-screens-mock-up-8.html
[3] Подробнейший урок по созданию иллюстрации астронавта в Photoshop: http://psd.tutsplus.com/tutorials/illustration/how-to-illustrate-an-astronaut-in-photoshop/
[4] Занимательный процесс создания шрифта Quixo от немецкой студии FontFont: http://www.behance.net/gallery/The-making-of-FF-Quixo/12268013
[5] Советы по работе со шрифтами в Photoshop: http://realmacsoftware.com/blog/working-with-type-in-photoshop
[6] Подкасты о дизайне: http://onthegrid.co/
[7] Просто о хорошем дизайне, нацеленном на решение поставленной перед ним задачи: http://vimeo.com/69500941
[8] Кейс о том, как пользователи помогли сервису улучшить его дизайн: http://blog.hubspot.com/marketing/customers-design-better-social-tool
[9] ГОСТ по юзабилити: http://habrahabr.ru/post/203308/
[10] WebGL-генератор морских волн: http://david.li/waves/
[11] Туториал по созданию эффекта «открывающихся» букв: http://tympanus.net/codrops/2013/11/14/animated-opening-type/
[12] Статья об анимации линий SVG на примере известного спец-проекта от The Polygon: http://product.voxmedia.com/post/68085482982/polygon-feature-design-svg-animations-for-fun-and
[13] Невероятно крутой проект в рамках Chrome Experiments – интерактивная карта мира «Хоббита» (по мотивам фильма П.Джексона). Все последнии фишки в веб-разработке на лицо: http://middle-earth.thehobbit.com/
[14] Google поднимает уровень опыта чтения с мобильных устройств на новый уровень: http://www.themobileplaybook.com/
[15] Ред Булл снова радует интересным промо-сайтом, в этот раз рассказывая о событиях в клубной музыке и субкультуре Великобритании: http://archive.revolutionsinsound.com/
[16] Сайт digital-студии, наглядно показывающий свои возможности в дизайне и веб-разработке. Скроллим до конца, чтобы увидеть glitch-эффект: http://17grad.com/perfection
[17] Минималистичный сайт минималистичных часов: http://eone-time.com/
[18] inFORM – это дисплей, позволяющий пользователю взаимодействовать с физическими объектами, но обрабатывающем 3D информацию в цифровом виде: http://vimeo.com/79179138
[19] Техническая сторона истории формата GIF: http://enthusiasms.org/post/16976438906
[20] 04 Collector: http://habrahabr.ru/company/uprock/blog/202310/
[21] 02 Collector: http://habrahabr.ru/company/uprock/blog/198132/
[22] 01 Collector: http://habrahabr.ru/company/uprock/blog/196206/
[23] Источник: http://habrahabr.ru/post/204214/
Нажмите здесь для печати.