Плагин, который вытаскивает цвета из любого сайта

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

Скажем, прислали вот такие ссылки: «мы хотим приблизительно такой внешний вид для нашего продукта»: stripe.com, crisp.chat, mixpanel.com.

Что видно из этих ссылок: синенько, с градиентами, в тренде 2017 года. Всё понятно в целом, но какие конкретно цвета в дизайне и иллюстрациях использовать?

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

Site Palette – в один клик можно получить несколько вариантов цветовых решений для любой страницы в интернете.

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

Серверная сторона решения приходит на помощь и генерирует постоянную ссылку, которую можно, например, послать клиенту; файл-темплейт для Sketch и палитру («swatch») для Adobe Photoshop. Кроме этого мы даём возможность покрутить комбинации на Google Art Palette и в Coolors.co.

Палитры для сайтов, которые прислал вымышленный клиент в начале этого поста:

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

Голосуем за Site Palette на Product Hunt »

Статья на английском

Комментарии

 

PH Bench – эмоциональная оценка постов Product Hunt

Здесь в Окленде я люблю Product Hunt и всё, что с ним связано. Но приблизительно полгода назад, когда мы искали что-нибудь полезное с точки зрения грамотного PR и попали в итоге на среднезначительную сумму денег из-за того, что связались с дурацким продктом. Было два продукта, примерно с одинаковым количеством голосов, примерно по сотне комментариев каждый. Однако, в одном из обсуждений кроме обычных купленных или настоящих «вот молодцы!» и «так держать» было несколько отзывов от недовольных клиентов. Тогда я подумал — пусть роботы работают и читают комментарии за меня! Так появился PH Bench.

Я хожу на Product Hunt, чтобы найти наилучший продукт для моих нужд. Тонны продуктов действительно круто стартуют. Все подбадривают, мол, «молодцы!», «Хорошие вещи!» Весьма позитивное сообщество, чего уж там.

Однако порой люди, которые на самом деле пошли, скачали апп, установили, пользовались им по-настоящему, а не просто стрелочку кликнули из-за клёвого описания, такие люди возвращаются и делятся опытом — реальным опытом жизни с продуктом. И он не всегда такой радужный. Эти комментарии — золото! Один такой самородок стоит сотни лайков (апвоутов) и десятки бестолковых восклицаний типа «круто, чувак!»

PH Bench «читает» комментарии Product Hunt за меня и на основании этих и остальных данных о продукте даёт ему оценку от 0 до 100. Один подробный негативный комментарий может завалить слона.

Хайп получить относительно легко (за деньги или за счёт уже существующего продуктового комьюнити). Реальный опыт реальных клиентов — это самое главное для меня, как потенциального пользователя.

Сравните продукты, поделитесь своими результатами.

Работает на API Product Hunt, Google Natural Natural Language API, немножко замутной математике и здравом смысле.

Голосуем за PH Bench на Product Hunt сегодня »
Продукт бесплатный и создан прежде всего для себя.

Комментарии