Содержание

инструкция по работе с картинками

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

Содержание

  1. Пинтерест: что это такое и в чем его особенности
  2. Зачем Pinterest дизайнеру
  3. С чего начать
  4. Как вести аккаунт
  5. Советы по созданию пинов от Pinterest Business
  6. Как дизайнеру продвигаться в Pinterest

Пинтерест: что это такое и в чем его особенности

Pinterest — это виртуальная доска, на которой пользователи размещают видео, картинки — пины. После регистрации доступны стандартные доски. На досках — пины, которые сохраняют пользователи. Можно создавать множество досок по разным темам.

Что можно делать с пинами:

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

Что можно делать с досками:

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

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

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

По данным исследования, Пинтерест — на 14-й строчке в списке мировых соцсетей по числу посещений. Каждый месяц на него заходит около 433 млн активных пользователей, которые приходят за новыми идеями. На площадку стоит идти тем, кто ведет свой бизнес онлайн. 

Аудитория Пинтереста в цифрах

Что важно понимать про Пинтерест:

  • в 97% случаев люди ищут на Пинтересте не по названиям брендов;
  • 85% пользователей начинают новые проекты с того, что регистрируются на Pinterest, а значит и вы можете завести аккаунт, даже если пока новичок в дизайне и только учитесь;
  • 80% пинеров каждую неделю узнают про новый бренд или товар на Pinterest.

Особенности площадки:

  • Пины живут долго. Если в любой из соцсетей пост актуален максимум неделю и требует живой аудитории, вложений в рекламу, постоянных репостов, то в Пинтересте все не так. Благодаря системе поиска люди смогут находить пины, опубликованные давно, поэтому контент важно оптимизировать.
  • Не придется постоянно отслеживать изменения. Если в других соцсетях нужно все время читать про новые функции, инструменты, чтобы получать трафик, то в Пинтересте все стабильно, много пояснений и все интуитивно понятно.  
  • Усилий меньше, а результаты отличные. Когда вы настроили аккаунт, каждый день можно уделять не больше получаса. Этого будет достаточно, чтобы растить аудиторию. Но быстрого трафика никто не гарантирует. Пинтерест — игра вдолгую.
  • Контент работает 24/7. Люди со всей планеты каждый день ищут модные тренды, идеи для дизайна дома и пр. Просмотры копятся круглые сутки, и от этого вы только выигрываете.
  • Умная лента. По мере поиска она запоминает интересы и показывает пользователю только те пины, которые созвучны.
Пинтерест — это каталог с картинками для вдохновения и источник трафика

Зачем Pinterest дизайнеру

Дизайнеры могут сохранять удачные идеи на доску, публиковать собственные проекты. Завести аккаунт стоит затем, чтобы тренировать:

  • Насмотренность. Дизайнеру, особенно новичку, важно воспитывать чувство вкуса. Чтобы делать крутые иллюстрации, для начала стоит отсмотреть много красивых картинок. Если какой-то пин сильно зацепил, можно почитать описание, узнать подтекст, историю создания, посмотреть другие работы автора, подписаться на него.
Пинтерест помогает дизайнеру тренировать насмотренность и вдохновляться
  • Вдохновение. Дизайнер может искать и собирать референсы для работы. Любые, даже свежие идеи не рождаются на пустом месте, а становятся синтезом нескольких. Например, на одну из досок вы можете собирать готовые дизайнерские ходы, удачные решения.
  • Чувство тренда. Если регулярно просматривать ленту, это поможет ориентироваться в трендах и понимать, что сейчас на пике популярности, а что вот-вот захватит рынок и, значит, в каком-то подходящем проекте можно это применить.
На Пинтерест можно отслеживать тренды в дизайне и не только
  • Исследование. Например, можно собирать картинки, которые вызывают яркие эмоции, а после анализировать, что именно цепляет, и подумать, как это можно повторить.
  • Личный бренд. Чтобы стать известным дизайнером, нужно собрать большую аудиторию, а Пинтерест дает для этого все условия.
  • Продажа своих услуг. Непосредственно на Pinterest ничего не продают, зато на сайтах, которые прикреплены к аккаунтам, — еще как.

С чего начать

  1. Зарегистрируйтесь. Лучше сразу делать бизнес-аккаунт, это бесплатно, а возможностей куда больше. Если уже есть личная страница, ее можно перевести в профиль компании.
  2. Заполните профиль. Добавьте фото, выберите название аккаунта, поставьте ссылку на сайт.
  3. Выберите тематику. Например, для дизайнеров — «Design and art».
  4. Опишите свой бренд. Система предложит выбрать одну из опций, например, блогер, инфлюенсер, медиа. Есть даже строчка «не уверен».
  5. Решите, будете ли вы продвигаться платно.

Чем хорош бизнес-аккаунт:

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

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

Как вести аккаунт

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

Вот так выглядит заполненный профиль графического дизайнера на Пинтересте

Соберите поисковые запросы, актуальные для вашей сферы. Их можно посмотреть даже в строке поиска, если вбить, например, слово design. Вы увидите и фразы, которые пользователи ищут с этим словом, и популярные доски в конкретной тематике.

Следите за частотными поисковыми запросами в вашей сфере

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

Так выглядят доски графического дизайнера в Пинтерест

Поставьте актуальную ссылку на сайт или страницу, на которую вы хотите пригласить пользователей.

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

Советы по созданию пинов от Pinterest Business

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

Какими должны быть пины:

  • Вертикальная картинка высокого качества. Соотношение сторон 2:3 — 1000 x 1500 пикселей. Прочие форматы обрезаются, а это портит впечатление.
  • Бренд на картинке должен быть самым важным элементом, который сразу бросается в глаза. Просто абстракции и красивые снимки, не имеющие отношения к вашему бренду, не сработают, как хотелось бы.
  • Логотип на каждом пине. Разборчивый, но не кричащий. Не стоит размещать лого в правый нижний угол: там значки Pinterest.
  • Текст на пине цепляет внимание. Емкий, краткий чтобы удобно читать со смартфонов. Тем, кто работает в нескольких странах, стоит создавать разные пины с текстами на нужных языках.
  • Заголовок — 100 символов, описание пина — 500 символов. Как заголовок, так и описание должны быть четкими, понятными. Это лучше для результатов поиска. 
  • Ссылки в пинах должны быть активными, а страницы — быстро открываться. 

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

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

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

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

На Пинтересте можно посмотреть примеры пинов-идей, чтобы вдохновиться и придумать свои

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

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

Какими должны быть видеопины:

  • начинаются с того, что зацепит, привлечет внимание;
  • четкие, лаконичные, длиной 15 сек. — 1 мин., а рекламные видео — 6–15 сек.;
  • с субтитрами, текстом, в котором отражены ключевые тезисы видео, так как многие смотрят ролики без звука;
  • с цепляющей обложкой, по которой сразу понятна тема ролика;
  • с теми же требованиями к заголовку и описанию, что и для стандартных пинов.

Как дизайнеру продвигаться в Pinterest

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

Пользуйтесь тегами. Оставляйте их после описания, но не добавляйте в текст, иначе поисковику будет сложно отследить ключевики. 

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

Добавьте на сайт кнопку «Pin it!». Иллюстрациями с сайта люди тоже могут делиться в Пинтерест. И когда человек сохраняет картинку, система предлагает подписаться на аккаунт автора картинки в Pinterest.

Анализируйте популярные доски, пины, охваты, отслеживайте статистику: 

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

ИСКРА —
неделя знакомства
с дизайн-профессиями

бесплатно

ИСКРА —
неделя знакомства
с дизайн-профессиями

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

разжечь искру

Картинки никому не нужны. Про разные миры в команде, понимание… | by Matvey Pravosudov | Дизайн-кабак

Про разные миры в команде, понимание материала, наведение красоты и эксперименты

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

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

Есть один постулат, который помогает принимать нормальные решения и всегда думать.

Ваши картинки никому не нужны

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

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

Никому нет дела даже до того, каким образом вы придумали какую-то функцию. Главное, что она есть и приносит пользу (приносит ведь?).

Мы рисуем картинки, да. По-умолчанию под дизайнером как раз понимается человек, который производит джипеги (ну или что-то получше). Но джипеги/псдхи/скетчи нельзя потрогать, они вообще бессмысленны. По сути, эти картинки — инструкция для разработчиков. И ответственность за конечный продукт возлагается на этих ребят, а еще на клиента, потому что он тексты плохие написал.

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

Конечно, не только дизайнеры должны понимать разработку, но и наоборот. Разработчики ведь реализуют компоненты, а затем смотрят на все их возможные состояния на разных данных. Компонент как бы приоткрывает душу. Такой силы у дизайнера нет, потому что у нас деревянный Скетч, в который ты кладешь компоненты и можешь их перекрасить. Компоненты? Всё круто, но только не изменение данных и позиционирования.

Бывает, команда вовсе не команда, а какая-то группа фрилансеров, которых соединяет «менеджерский клей». Ну типа:

— Маша, вот тебе задача: нарисуй, пожалуйста, страницу форму обратной связи.
— Свет, а какие поля должны быть?
— Ну, глянь как у конкурентов сделано.
— Ок. Вот картинка.
— Спасибо, Маш. Коля, вот дизайн от Маши, запрограммируешь?
— А что если случится ошибка валидации? Как будет выглядеть интерфейс?
— Сейчас запрошу у Маши. Вот, она поправила макет.
— Супер. Сделал, вот зипка с кодом.
— Всё, спасибо всем!

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

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

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

Рефакторинг макетов

Как подготовить дизайн для разработки

designpub.ru

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

Окай, я тут типа поставил под сомнение важность картинок. От рисования джипегов мы пока не уйдем, но как можно стать ближе к продукту?

Сегодня мы поговорим о том, как с помощью понимания кода можно влиять на продукт и быть ближе к сокомандникам. Чтобы не быть голословным, постараюсь привести примеры из работы.

Так получилось, что я хорошо понимаю код: вместе с дизайном в 2010 я начал изучать и программирование на ПХП. Было классно разбираться с бэкендом и версткой, чтобы получалось воплотить макеты в жизнь. Но в какой-то момент моих навыков верстальщика перестало хватать, чтобы запрограммировать свои макеты, тогда я уже подзабил и стал меньше уделять этому времени.

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

Позволю себе привести цитату из монолога Сергея Сурганова, дизайнера из Notion, для Bang Bang Education:

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

— Сергей Сурганов

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

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

Так вот, понимание принципов работы технологий (HTML/CSS/JS/API для веба, Swift для iOS и Kotlin/Java для Android) помогает сразу делать макеты более жизнеспособными, а иногда, при возникающих сложностях у разработчиков, ухищряться и выдавать оптимизированное решение, которое достигает того же эффекта, но заметно дешевле.

Что такое понимание принципов работы? Для дизайнеров интерфейсов в большей степени нужно понимать верстку макетов, а вот серверная часть необязательна. А верстка — это процесс перевода макета в разметку, чтобы все тянулось, адаптировалось, кликалось и вот это все.

Понимать != уметь писать код. Код напишут разработчики, а вот найти, где поправить ширину элемента, изменить цвет и размер шрифта, что-то подвигать — очень полезные навыки.

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

Часто дизайнерам приходится рисовать не только интерфейс, но и наполнять этот интерфейс контентом. Например, на новом сайте нашей компании мы перешли от ПХП и Друпала на Реакт и новомодные технологии. Если раньше портфолио на сайте наполняли через текстовый редактор в админке, то теперь нужно было придумать что-то свое.

Для упрощения в каждом проекте я выделил основные элементы верстки:

  • Заголовок 1
  • Заголовок 2
  • Параграф
  • Картинка на ширину контейнера
  • Картинка на всю ширину

Разработчики сверстали эти элементы компонентами, а затем мы вместе определили структуру JSON-файла для хранения контента. Получается, при изменении каких-то параметров в файле, верстка пересобирается. Ниже будет иллюстрация к такому подходу. Слева показана часть JSON-файла, где описывается мета-информация (на иллюстрации нет), а в параметре contents задается набор компонентов, которые должны появиться на странице. Порядок сохраняется.

С таким подходом сложнее выстрелить себе в ногу: у дизайнера нет доступа до очень гибких HTML-тегов и стилей, но он может выбирать, какие компоненты, в каком порядке и с каким контентом показать. Это достаточно близко к символам в Скетче с оверрайдами, но здесь сложнее создать новый символ, зато работают «стеки».

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

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

Если посмотреть на опыт коллег, то на недавней Mail.ru Design Conf × Dribbble Meetup 2019 Александр Артсвуни и Павел Лаптев из Farfetch рассказывали, как дизайнеры у них собирают разные экраны на компонентах в Xcode через JSON и даже иногда сами верстают новые простые компоненты. Смотреть запись трансляции с 1:02:00.

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

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

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

Сборка прототипа. Высший пилотаж для дизайнера, который понимает код, — собирать интерактивные прототипы. Конечно, они не будут рабочими продуктами, но их можно потрогать, наполнить живым контентом с АПИ и получить новые знания о том, как себя чувствует интерфейс. Например, посмотрите на эксперименты Павла Лаптева на CodePen.

Правка контента. Чуть ранее я вам рассказывал про наш сайт, когда мы сделали JSON-файл для хранения контента. Так бывает не всегда. Часто контент хранится в верстке, и тут пригодились бы знания кода, чтобы быстро его поправить и посмотреть, что получилось в браузере. Если такие правок мало, то это можно поручать разработчикам. Но если мелких «правочек» контента появляется достаточно много, процесс будет похож на итальянскую забастовку (код для разработчиков, макеты для дизайнеров, скайрим для нордов).

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

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

Еще бывает, что разработчики пытались сделать верстку идеальной и как на макете, но они не Ванги, поэтому не смогли привести все граничные случаи к мечтам дизайнера.

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

Ну так вот. Однажды нам в KODE нужно было запустить сайт для стажировки дизайнеров. Я нарисовал простой макет: две колонки, правая фиксирована, а левая скроллится. Адаптив здесь не совсем обычный: нужно, чтобы на определенных брейкпоинтах шрифт уменьшился, и только когда совсем стало мало места — верстка стала мобильной. Словами это передать сложно, а рисовать все состояния не хотелось, поэтому я передал макеты Максу, нашему фронту, а он запилил основную страницу со всеми элементами и адаптивом.

Сайт с нетривиальным адаптивом легче довести до красоты самому, а не объяснять разработчику свои хотелки

Иногда вылезали висящие предлоги, отступы шалили, адаптив был не всегда «идеальный», а только на основных разрешениях. Поэтому я взял Chrome DevTools начал править моменты на ходу, а потом применять их в CSS. Получилось добиться «красоты» — чтобы верстка выглядела «по-дизайнерски» хорошей.

Если бы мы работали по классическому процессу «это моя зона, а это твоя», Макс либо возненавидел меня за кучу правок, либо сайт вышел в продакшен с мелкими огрехами, которые заметны точному глазу.

Тут еще вспомился разговор с моей знакомой Надей, которая работала дизайнером в томской конторе. Она мне где-то год назад рассказывала, как правила верстку на ходу в девтулс, а я удивлялся и офигевал. Так вот, Надя, передаю тебе привет 👋

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

Кажется, что сейчас ближе всего к такому инструменту подобрался Framer X. Там пока только реактовские компоненты, но наверняка ребята придумают что-то и для мобилок.

В картинках нет жизни, в них нет души. Они не принесут пользователям счастья (если это не открытки). С кодом не лучше: он нужен только команде разработки. Людям же нужно то, что можно потрогать; они хотят такую штуку, которая закроет потребность, или сделает их лучше, или развеселит в трудную минуту.

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

Приложение становится продуктом, когда у него появляются пользователи. Когда оно выходит из вакуума, встречается с реальным миром. Одновременно с этим появляются новые знания: этот сценарий не сработал, тут непонятный текст, а эта хрень никому не нужна. Если команда не забрасывает продукт, а работает над ним, то продукт начинает жить: выходят новые версии, часть пользователей уходит, новые пользователи узнают о продукте; продукт становится людям полезнее конкурентов и все такое.

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

Превращайте картинки в продукты

Добавляйтесь ко мне в друзья в Фейсбуке. Еще у меня есть телеграм-канал, где я делюсь мыслями про работу, дизайн, и продуктивность:

Task → Solution

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

t.me

фотографий дизайнеров | Скачать бесплатные изображения на Unsplash

Designers Pictures | Скачать бесплатные изображения на Unsplash
  • A Photophotos 5K
  • А. ДизайнермультипликаторТаиланд

    HD обои дизайнHd обои для ноутбукацветовая схема

    website layoutswebsite designerWebsite backgrounds

    teacher classroomfranceParis pictures & images

    home officeart designerart director

    azerbaijanbakuhuman

    singaporepeople at work

    san francisco900 marin streetca

    developermobile developmenttech workers

    architectspatial planningurban planning

    –––– – ––– –––– – –––– ––––– –– – –– –––– – – –– ––– –– –––– – –.

    инженерное руководствоmapbox

    collaborationworking togetherpeople working

    designercopy spacesitting

    women in techwomen of coloursoftware developer

    People images & picturesbusinessmeeting

    tablecomputer keyboardillustrator

    creativityworkdesk

    Hd grey wallpaperslearning englishstartaê

    usaindoorsinterior

    Related collections

    Designers Society

    67 фотографии · Куратор Кэти Зупан

    designers

    24 photos · Curated by Susan Schenk

    Design Elements for Designers

    126 photos · Curated by Sanjeev Bothra

    software engineertechnologistentrepreneur

    graphic designercartoonistthailand

    collaborationworking togetherpeople working

    women in techwomen of coloursoftware developer

    singaporepeople at работа

    творчестворабочий стол

    разработчикмобильная разработкатехнические работники

    — Планирование ArchitectPatial Plannururban

    EngineeringMapbox

    Учительский класс Франции и изображения

    Home Office Designerart Директор

    People Изображения и картинки. – –––– – –––– –– –– –––– – – –– ––– –– –––– – –.

    HD обои дизайнHd обои для ноутбукацветовая схема

    веб -сайта LayoutSwebsite DesignerWebsite фоны

    DesignerCopy Spacessity

    Azerbaijanbakuhuman

    Связанные коллекции

    Общество дизайнеров

    9008 для дизайнеров 9006. 9006 Designers 9006. Дизайнеры 9006. Дизайнеры 9006. Дизайнеры 9006. Дизайнеры 9006. Дизайнеры 9006. Дизайнеры 9006. Дизайнеры 9006. Дизайнеры 9006. Дизайн. Фотографии · Curated By Katie Zupan

    9006 Designers. 126 фото · Куратор Санджив Ботра0011

    usaindoorsinterior

    Unsplash logo

    Unsplash+

    In collaboration with Getty Images

    Unsplash+

    Unlock

    graphic designercartoonistthailand

    Mapbox

    engineeringleadershipmapbox

    –––– –––– –––– – –––– – –––– –– – –– –––– – – –– ––– –– –––– – –.

    Тема Фото

    Hd обои дизайнHd обои ноутбукцветная схема

    Евгений Чистяков

    сотрудничествоработаем вместелюди работают

    Hal Gatewood

    website layoutswebsite designerWebsite backgrounds

    Sebastien Bonneval

    teacher classroomfranceParis pictures & images

    Unsplash logo

    Unsplash+

    In collaboration with Getty Images

    Unsplash+

    Unlock

    designercopy spacesitting

    Jonathan Borba

    home офисарт-дизайнерарт-директор

    Кристина @ wocintechchat. com

    женщины в техникецветные женщиныразработчик программного обеспечения

    Lala Azizli

    azerbaijanbakuhuman

    Headway

    People images & picturesbusinessmeeting

    MING Labs

    singaporepeople at work

    Unsplash logo

    Unsplash+

    In collaboration with Getty Images

    Unsplash+

    Unlock

    tablecomputer keyboardillustrator

    Paul Hanaoka

    san francisco900 marin streetca

    Faizur Rehman

    creativeworkdesk

    Startaê Team

    Hd grey wallpaperslearning englishstartaê

    Mapbox

    developermobile developmenttech workers

    Spacejoy

    usaindoorsinterior

    Unsplash logo

    Unsplash+

    In collaboration with Getty Images

    Unsplash+

    Unlock

    architectspatial planningurban planning

    Christina @ wocintechchat.com

    инженер-программисттехнологпредприниматель

    Просматривайте премиум-изображения на iStock | Скидка 20% на iStock

    Unsplash logo

    Сделайте что-нибудь потрясающее

    Куда графические дизайнеры идут, чтобы найти лучшее Бесплатные стоковые фото и изображения

     [Обновлено 2020] Куда графические дизайнеры идут, чтобы найти лучшее Бесплатные стоковые изображения

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

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

    Только для того, чтобы продолжать натыкаться на эту дурацкую корпоративную картину  группы людей, демонстрирующих «командный дух», сложив руки в неудобной кучке (кто-нибудь когда-либо делал это со своей командой?)

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

    Я знаю твою боль. Трудно найти идеальное бесплатное стоковое изображение.

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

    Но только если вы знаете, где искать.

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

    • Наши критерии
    • Наш «суперсекретный» список лучших сайтов с бесплатными стоковыми изображениями
    • Бонус: поисковые системы для поиска бесплатных фото и изображений
    • Вывод: больше нет оправдания использованию плохих изображений

    Наши критерии строгие, но простые:
    • Фотографии должны быть бесплатными как для личного, так и для коммерческого использования (изменять, копировать, распространять, выполнять работу) без разрешения
    • Фотографии должны не требует указания авторства
    • Фотографии должны быть высокого разрешения
    • Сайт должен предлагать фотографии, которые уникальны , имеют индивидуальный стиль и изюминку  , которые выделяют его (либо по теме, либо по стилю фотографа)

    Наш суперсекретный список лучших веб-сайтов с бесплатными изображениями [Обновлено в 2020 г. ]

    Barn Images (http://www.barniimages.com)

    Тип фотографии: Пейзажи, архитектура, путешествия, люди и многое другое
    Размер коллекции (приблизительно): 5100
    Коллекция с возможностью поиска:  Через панель поиска и Stock Up
    Обновления:  Каждый будний день
    Лицензия: Бесплатно для личного и коммерческого использования
    Атрибуция: Не требуется, но приветствуется

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

    Burst (https://burst.shopify.com)

    Тип фотографии: Пейзажи, люди, мода, бизнес, животные и многое другое
    Размер коллекции (примерно): 687050 0
    Коллекция, доступная для поиска: Через панель поиска
    Обновления: Ежедневно
    Лицензия: Бесплатно для личного и коммерческого использования
    Атрибуция: Не требуется, но приветствуется

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

    Нам особенно нравится большой выбор снимков, на которых изображены самые разные люди всех национальностей и возрастов.

    Reshot (http://www.reshot.com)

    Тип фотографии: Природа, пейзажи, городские пейзажи, бытовые предметы : Через строку поиска
    Обновления: Еженедельно

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

    Каждое изображение отобрано вручную и обещает быть неординарным. Мы проверили. Это так.

    Life of Pix (http://www.lifeofpix.com)

    Тип фотографии: Природа, пейзажи, городские пейзажи, предметы быта
    Размер коллекции (приблизительно): 480

    7 7 Коллекция с возможностью поиска: Через Stockup
    Обновления: Еженедельно
    Лицензия: Бесплатно для личного и коммерческого использования
    Атрибуция: Не требуется, но приветствуется

    Life of Pix располагает постоянно растущей коллекцией фотографий чрезвычайно высокого разрешения.

    Здесь прекрасно сочетаются изображения дикой природы и живописных пейзажей, городские пейзажи и крупные планы повседневной жизни.

    IM Free (http://www.imcreator.com/free)

    Тип фотографии: Природа, городские пейзажи, люди и объекты
    Размер коллекции (приблизительно): 5150

    7

    7

    Доступная для поиска коллекция: Через панель поиска на веб-сайте
    Обновления: Неизвестно
    Лицензия: Бесплатно для личного и коммерческого использования
    Атрибуция: Не требуется, но приветствуется

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

    Фотографии разбиты на общие категории, самые большие из которых — природа, городские пейзажи и люди.

    Free Nature Stock (http://www. freenaturestock.com)

    Тип фотографии: Природные пейзажи и случайный крупный план
    Размер коллекции (приблизительно): 930
    7 7 коллекция:  Via Stock Up
    Обновления: Ежедневно
    Лицензия: Бесплатно для личного и коммерческого использования
    Атрибуция: Не требуется, но приветствуется

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

    Гратисография (http://www.gratisography.com)

    Тип фотографии: Забавный, причудливый и причудливый снимок повседневных предметов и пейзажей
    Размер коллекции (приблизительно): 370 Коллекция с возможностью поиска: Через Pexels (неполная) или Stockup
    Обновления: Еженедельно
    Лицензия: Бесплатно для личного и коммерческого использования
    Атрибуция: Не требуется, но приветствуется

    Если вы ищете бесплатные изображения, которые немного отличаются и необычны, Gratisography — это то, что вам нужно.

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

    Coffee Travel Book (http://www.travelcoffeebook.com)

    Тип фотографии: Пейзажи и городские пейзажи из экзотических мест
    Размер коллекции (приблизительно): 310
    Коллекция с возможностью поиска:
    Обновления: Раз в несколько месяцев
    Лицензия: Бесплатно для личного и коммерческого использования
    Атрибуция: Не требуется, но приветствуется

    Coffee Travel Book — коллекция фотографий путешествий со всего света. Посетители могут присылать свои фотографии из путешествий. Эта коллекция отлично подходит для иллюстрации вдохновляющих статей о путешествиях или контента в социальных сетях.

    StockSnap.io (http://www.stocksnap. io)

    Тип фотографии: Пейзажи, люди, предметы и многое другое
    Размер коллекции (приблизительно):  Неизвестно
    Коллекция, доступная для поиска: Через строку поиска
    Обновления: Еженедельно
    Лицензия: Бесплатно для личного и коммерческого использования
    Атрибуция: Не требуется, но приветствуется

    StockSnap.io — еще один высококачественный репозиторий фотографий CC0. Авторы могут создать учетную запись и предлагать свои собственные снимки для публикации.

    Коллекция доступна для поиска и фильтрации по дате, просмотрам, загрузкам, избранным и «популярным».

    Джей Мантри (http://www.jaymantri.com)

    Тип фотографии: Пейзажи, объекты, текстуры, фрагменты живых изображений
    Размер коллекции (приблизительно): 397

    7 Коллекция с возможностью поиска:

    Через Pexels и Stockup
    Обновления: Нечасто
    Лицензия: Бесплатно для личного и коммерческого использования
    Атрибуция: Не требуется, но приветствуется

    Джей Мантри — талантливый фотограф и часто пишет для Unsplash. На своем веб-сайте он предлагает многие из своих снимков бесплатно.

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

    ISO Republic (http://isorepublic.com)

    Тип фотографии: Архитектура, природа, люди, текстуры, город
    Размер коллекции (приблизительно): 370
    Коллекция, доступная для поиска: Через сортируемую категорию изображений
    Обновления: Еженедельно
    Лицензия: Бесплатно для личного и коммерческого использования

    7

    7 Атрибуция:
    Не требуется, но приветствуется.

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

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

    New Old Stock (http://nos.twnsnd.co)

    Тип фотографии: Винтажные фотографии… всего
    Размер коллекции (приблизительно): 550
    52499 Коллекция, доступная для поиска: 90 Через Stockup
    Обновления: 5 новых фотографий добавляются ежедневно
    Лицензия: Бесплатно для личного и коммерческого использования
    Атрибуция:  Не требуется, но приветствуется.

    Увлекательная коллекция настоящих старинных фотографий (они находятся в открытом доступе) добавят аутентичности вашему проекту.

    Foodie’s Feed (http://foodiesfeed.com)

    Тип фотографии: Еда
    Размер коллекции (приблизительно): Неизвестно
    Коллекция для поиска:
    Обновления: Неизвестно
    Лицензия: Бесплатно для личного и коммерческого использования
    Атрибуция: Не требуется 11 из 901 из 90 блог или сайт, посвященный еде, Foodie’s Feed имеет растущую коллекцию высококачественных стоковых фотографий, на которых изображены кухни всех вкусов, от основных блюд до десертов.

    Нам особенно нравится стиль и подача блюд, а также использование модных снимков сверху. 9 Пейзажи, городские пейзажи, предметы быта и люди Коллекция с возможностью поиска: Через Pexels (неполная) или Stockup
    Обновления: 10 новых фотографий добавляются каждые 10 дней
    Лицензия: Бесплатно для личного и коммерческого использования
    Атрибуция: Не требуется, но приветствуется

    Каждые 10 дней добавляется 10 новых фотографий, поэтому на Unsplash всегда есть из чего выбрать.

    Их фотографии хорошо известны своим качеством, исключительным освещением, эффектами и фильтрами в стиле Instagram.

    Совет для профессионалов: Получите все фотографии Unsplash прямо в свой Dropbox с помощью Stokkr

    Picography (http://www.picography.co)

    Типы фотографий: городские пейзажи, , пейзажи, фотографии и объекты
    Размер коллекции (приблизительно): 250
    Коллекция с возможностью поиска: Ограниченный поиск на сайте и через Stock Up
    Обновления: Ежемесячно
    Лицензия: Бесплатно для личного и коммерческого использования
    Атрибуция: Not требуется, но приветствуется

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

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

    Сплитшир (http://www.splitshire.com)

    Тип фотографии: Люди, пейзажи, рефераты, бытовые сцены и предметы
    Размер коллекции (приблизительно): 600 7 7 коллекция: Через Stockup
    Обновления: Неизвестно
    Лицензия: Бесплатно для личного и коммерческого использования
    Атрибуция: Не требуется, но приветствуется идеально подходит для блоггеров, гуру социального маркетинга, владельцев веб-сайтов и, конечно же, вашего скромного дизайнера.

    Kaboom Pics (http://kaboompics.com)

    Тип фотографии: Стиль жизни, технологии, пейзажи, мода, архитектура, еда, бытовые сцены и предметы
    Размер коллекции (прибл.) : 1200
    Коллекция с возможностью поиска: Да или через Stockup
    Обновления: Неизвестно
    Лицензия: Бесплатно для личного и коммерческого использования
    Атрибуция: Не требуется, но приветствуется

    Поскольку фотографий слишком много, хорошо, что у Kaboom Pics есть собственная функция поиска, дополненная всеобъемлющей системой тегов и категорий.

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

    Negative Space (http://negativespace.co)

    Тип фотографии: Технологии, объекты и люди
    Размер коллекции (приблизительно): 1150
    Коллекция, доступная для поиска: Через панель поиска, Stock Up и Pexels
    Обновления: Часто
    Лицензия: Бесплатно для личного и коммерческого использования
    Атрибуция: но оценил

    Negative Space — отличный бесплатный источник фотографий для креативщиков из-за их большой коллекции изображений iPhone, Macbook и других технологий и веб-дизайна.

    Кекс (http://cupcake.nilssonlee.se)

    Тип фотографии:  Пейзажи, городские пейзажи, текстуры и люди
    Размер коллекции (приблизительно): Неизвестно
    Коллекция, доступная для поиска:  Через Pexels и Stock Up
    Обновления: 9032 Лицензия Редко Бесплатно для личного и коммерческого использования
    Атрибуция: Не требуется, но приветствуется

    Cupcake — это личное хранилище бесплатных фотографий Нильссона Ли, частого автора Unsplash.

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

    Moveast (http://moveast.me)

    Тип фотографии: Туристическая фотография, городские пейзажи, люди и объекты

    Обновления: Раз в несколько месяцев
    Лицензия: Бесплатно для личного и коммерческого использования
    Атрибуция: Не требуется, но приветствуется

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

     

    Бонус: Поисковые системы бесплатных изображений и фотографий

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

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

    Pexels (http://pexels.com)

    Тип фотографии: Подобрано вручную из бесплатных источников изображений
    Стиль изображений: Художественное
    Размер коллекции: 504 Обновления 2800 903 Ежедневно добавляется 5 новых фотографий
    Лицензия: Бесплатно для личного и коммерческого использования.
    Атрибуция:  Не требуется, но рекомендуется, если используется исходный источник.

    Pexels — это поисковая система, которая вручную выбирает и индексирует изображения из некоторых бесплатных источников, указанных выше.

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

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

    Stock Up (http://www.sitebuilderreport.com/stock-up)

    Тип фотографии: Проиндексировано из нескольких бесплатных источников изображений
    Размер коллекции: Неизвестно
    Обновления: Ежедневно
    7 Лицензия: Необходимо обратиться к источнику для получения индивидуальных рекомендаций по использованию
    Атрибуция: Необходимо обратиться к источнику для получения индивидуальных рекомендаций по использованию бесплатные веб-сайты с фотографиями, а не выбирать их вручную.

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

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

    В настоящее время Stock Up индексирует следующие сайты (некоторые из которых указаны выше): Unsplash, Life of Pix, Jay Mantri, Startup Stock, Splitshire, MMT, Public Domain Archive, Refe, Magdeleine, Kaboom Pics, Good Stock, Фото Skitter и новые старые запасы.

    Отличная альтернатива Pexels, и я обычно использую оба варианта при поиске определенного изображения, чтобы охватить все базы.

     

    Заключение

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

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

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

Автор записи

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

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