Простой способ выбрать цвета для веб-дизайна

Простой способ выбрать цвета для веб-дизайна

Сегодня меняла дизайн этого сайта и намучалась с выбором цвета логотипа: вручную цвета получались неподходящими и зачастую «грязными».

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

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

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

Для увеличения нажмите здесь

Таблица «безопасных» цветов для вебдизайна

Если будете пользоваться этой таблицей с моего сайта, то используйте цифровые обозначения цвета — RGB (для создания цвета в графическом редакторе) и HEX (для обозначения цвета в HTML), а не «пипетку», так как я делала скрин, и цвета могут отображаться не совсем верно.

А лучше пройти на сайт студии ART.LEBEDEV и посмотреть там.

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

Крутой способ выделить товары в инстаграм-магазине

Пример интересного оформления профиля в инстаграм. Впервые такое вижу.

Благодаря имитации бесшовного фона, создается визуальное ощущение, что товары, продаваемые в этом профиле @fucking_factory, лежат как на витрине.

Их даже хочется потрогать.

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

Немножко правда они там накосячили с идеальным совпадением, да и в веб-версии Instagram задумка не реализуется из-за стандартных разрывов между фото, но все же молодцы… Зачетная идея!

40+ seo-сервисов для анализа сайта и конкурентов

40+ seo-сервисов для анализа сайта и конкурентов

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

Многофункциональные сервисы и программы

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

Serpstat

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

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

Дополнительная плата за настройку слежения по группе фраз, расчёт трафика и добавление доменов конкурентов на мониторинг не снимается. Также есть парсинг топ-100 по API.

Преимущество платформы — невысокая стоимость пробивки фраз, в тариф входят все остальные инструменты платформы + кластеризация и текстовая аналитика.

Rush Analytics

Набор инструментов автоматизации и аналитики для SEO и PPC. Проверка позиций, кластеризация, сбор поисковых подсказок, парсинг статистики запросов Яндекса, проверка индексации страниц и текстовый анализатор.

SEMrush

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

Пиксель Тулс

Читать далее «40+ seo-сервисов для анализа сайта и конкурентов»