Золотое сечение в дизайне

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

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

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

Немногие знают, в чем заключается тайна золотого сечения, что так радует наши глаза. Многие полагают, что то, что она появляется везде и является “универсальной” пропорцией, заставляет нас принять ее как что-то логическое, гармоничное и органичное. Другими словами, оно просто “чувствует” то, что нам нужно.

Итак, что такое золотое сечение?

Золотое сечение, также известное как “фи” по-гречески, это математическая константа. Оно может быть выражено уравнением a/b=a+b/a=1,618033987, где a больше, чем b. Это также можно объяснить последовательностью Фибоначчи, другой божественной пропорцией. Последовательность Фибоначчи начинается с 1 (некоторые говорят с 0) и добавляет к нему предыдущее число, чтобы получить последующее (т.е. 1, 1, 2, 3, 5, 8, 13, 21 …)

Если вы попытаетесь найти частное от деления двух последующих чисел Фибоначчи (т.е. 8/5 или 5/3), результат очень близок к золотому сечению 1,6 или φ (фи).

Золотая спираль создается с помощью золотого прямоугольника. Если у вас есть прямоугольник из квадратов 1, 1, 2, 3, 5 и 8 соответственно, как показано на рисунке выше, вы можете приступить к строительству золотого прямоугольника. Используя сторону квадрата, как радиус, вы создаете дугу, которая касается точек квадрата по диагонали. Повторите эту процедуру с каждым квадратом в золотом треугольнике, и в конечном итоге вы получите золотую спираль.

Где мы можем увидеть его в природе

Золотое сечение и последовательность Фибоначчи можно найти в лепестках цветов. У большинства цветков количество лепестков сводится к двум, трем, пяти или больше, что походит на золотое сечение. Например, у лилий 3 лепестка, у лютиков 5, у цветков цикория 21, а у ромашек 34. Вероятно, семена цветков также следуют золотому сечению. Например, семена подсолнечника прорастают из центра и растут к внешней стороне, заполняя головку семени. Обычно они спиралевидные и имеют сходство с золотой спиралью. Более того, количество семян, как правило, сводится к числам Фибоначчи.

Руки и пальцы также являются примером золотого сечения. Посмотрите ближе! Основание ладони и кончик пальца разделен частями (костьми). Соотношение одной части в сравнении к другой всегда 1,618! Даже предплечья с руками находятся в таком же соотношении. И пальцы, и лицо, и можно продолжать список…

Применение в искусстве и архитектуре

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

Леонардо Да Винчи был также поклонником золотого сечения (и многих других любопытных предметов, собственно говоря!). Дивная красота Мона Лизы может быть связана с тем, что ее лицо и тело представляют собой золотое сечение, как и реальные человеческие лица в жизни. Кроме того, цифры в картине “Тайная вечеря” Леонардо Да Винчи расположены в порядке, который используется в золотом сечении. Если начертить золотые прямоугольники на холсте, Иисус окажется как раз в центральной доле.

Применение в дизайне логотипов

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

Видимо, Apple использовал круги из чисел Фибоначчи, соединив и обрезав формы для получения логотипа Apple. Неизвестно, было ли это сделано намеренно или нет. Тем не менее, в результате получился идеальный и визуально эстетичный дизайн логотипа.

Логотип Toyota использует соотношение a и b, формируя сетку, в которой образуются три кольца. Обратите внимание, как этот логотип использует прямоугольники вместо кругов для создания золотого сечения.

Логотип Pepsi создан двумя пересекающимися кругами, один больше другого. Как показано на рисунке выше, больший круг пропорционален в соотношении к меньшему – вы уже догадались! Их последний нерельефный логотип – простой, эффектный и красивый!

Кроме Toyota и Apple, логотипы некоторых других компаний, таких как, BP, iCloud, Twitter, и Grupo Boticario, как полагают, также использовали золотое сечение. И мы все знаем, насколько известны эти логотипы – все потому, что изображение сразу всплывает в памяти!

• Как создать логотип в Photoshop: пошаговая инструкция

Как вы можете применить его в своих проектах?

Создайте эскиз золотого прямоугольника, как показано выше желтым цветом. Этого можно достичь путем построения квадратов с высотой и шириной из чисел, принадлежащих золотому сечению. Начните с одного блока и поместите другой рядом с ним. А другой квадрат, чья площадь равна тем двум, поместите над ними. Вы автоматически получите сторону из 3 блоков. После построения этой конструкции из трех блоков, в конечном итоге у вас будет сторона из 5 четырехугольников, из которой можно сделать другую (площадью в 5 блоков) коробку. Это может продолжаться сколько угодно, пока вы не найдете тот размер, который вам нужен!

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

Если логотип более округлый, то вам потребуется круговая версия золотого прямоугольника. Вы можете добиться этого начертанием кругов, пропорциональных числам Фибоначчи. Создайте золотой прямоугольник, используя только круги (это означает, что самый большой круг будет иметь диаметр 8, а у круга поменьше будет диаметр 5, и так далее). Теперь разделите эти круги и разместите их так, чтобы вы могли сформировать основную схему для вашего логотипа. Вот пример логотипа Twitter:

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

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

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

Если размер моего шрифта – 11, то подзаголовок должен быть написан в более крупном шрифте. Умножаю шрифт текста на число золотого сечения, чтобы получить большее число (11*1,6=17). Значит подзаголовок должен быть написан в 17 размере шрифта. А теперь заголовок или название. Умножу подзаголовок на пропорцию и получу 27 (1*1,6=27). Вот так! Ваш текст теперь пропорционален золотому сечению.

Как применить его в веб-дизайне

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

Возьмите общее число сетки пикселей за ширину или высоту и используйте его для построения золотого прямоугольника. Разделите наибольшую ширину или длину для получения меньших чисел. Это может быть шириной или высотой вашего основного контента. То, что осталось, может быть боковой панелью (или нижней панелью, если вы применили его к высоте). Теперь продолжайте использовать золотой прямоугольник для дальнейшего применения его к окнам, кнопкам, панелям, изображениям и тексту. Вы также можете построить полную сетку, основанную на маленьких версиях золотого прямоугольника расположенных как горизонтально, так и вертикально для создания более маленьких объектов интерфейса, которые пропорциональны золотому прямоугольнику. Для получения пропорций вы можете использовать этот калькулятор.

Спираль

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

Контент со сгруппированным материалом тоже может быть размещен при помощи золотого прямоугольника. Это означает, что чем ближе спираль движется к центральным квадратам (к одному квадратному блоку), тем “плотнее” там содержимое.

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

Но нелегко будет проделать такое на платформах CMS, где автор материала определяет расположение вместо веб-дизайнера. Золотое сечение подходит WordPress и другим дизайнам блога. Это, вероятно, потому, что боковая панель почти всегда присутствует в дизайне блога, который хорошо вписывается в золотой прямоугольник.

Правило третей

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

Все, что требуется – это разделить первоначальный эскиз на девять равных частей: 

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

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

Чем ближе прямоугольники к соотношению 1:1,6, тем приятнее воспринимается картина человеческим мозгом (так как это ближе к золотому сечению).  Если вы не любите математику и не хотите считать, то достаточно использовать отношение 3:5 при расчете золотого отношения. Результат будет не таким точным, но он будет близок к пропорциям, которые применяются в работе с дизайном.

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

Золотое сечение на примере

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

Если вы, например, работаете на лэйауте в 1200 пикселей, то нужно разделить это число на Phi. Для упрощения задачи, число Phi можно сократить до 1.62. При делении 1200 на 1.62, Вы получаете ширину основной колонны, что в нашем случае составит 740 пикселей.

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

Теперь у вас есть две колонки в 740 пикселей и 460. При помощи этого простого вычисления, вы всегда сможете определить идеальные пропорции для колонок вашего сайта.

Для гибкого лэйаута нужно брать расчеты в процентах. Делим 100% на 1.62 и получаем основную колонку, которая займет 62%, а вторая – 38% соответственно. Далее вы сможете работать исходя из этого соотношения.

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

• 15 золотых принципов визуальной иерархии на лендинге

Золотое сечение – не панацея

Использование золотого сечения в дизайне не гарантирует успех вашего лендинга.

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

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

Инструменты для дизайнеров

Калькулятор Phi

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

Типографический калькулятор Pearsonified

Это онлайн инструмент с кнопкой ‘Set My Type’. Вы просто нажимаете на нее после того, как введете ширину контента и/или размер шрифта, и сервис сам подберет лучшее типографическое решение. У Вас также есть возможность ввести значение CPL. Он оптимизирует размер знаков по линиям.

Сервис золотого отношения UX Triggers

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

• Все, что вам нужно знать о визуальном восприятии и дизайне сайтов

Заключительные мысли

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

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

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

Готовы проверить полученные знания на лендинге? Вы можете выбрать подходящий шаблон и настроить его под себя в конструкторе LPgenerator, или, если у вас нет времени разбираться в тонкостях лендостроения, но при этом вам нужна уникальная страница с гарантированно высокой конверсией, подать заявку на индивидуальный дизайн. 

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

Высоких конверсий!

12-03-2016

Золотое сечение как объяснение пропорций красоты

Главная Статьи Золотое сечение — пропорции красоты

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

Что такое «красота»? Почему лицо и облик одного человека нам нравится, а другого — нет?

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

Оказывается, наше лицо и тело имеет определённые пропорции, кажущиеся на первый взгляд почти мистическими.

Хотя в наш просвещённый век многому можно найти научное и даже математическое объяснение.

Принято считать, что впервые закономерности соотношение размеров тела человека и отдельных его частей обобщил и сформулировал в 1855 г. немецкий исследователь Цейзинг в своём научном труде «Эстетические исследования». За основу своей теории он взял учение о «золотом сечении».

Ещё в VI веке до н.э. древнегреческий философ и математик Пифагор ввёл в научный обиход понятие «золотое деление». «Золотое деление» — это пропорциональное деление отрезка на неравные части. При этом меньший отрезок так относится к большему, как больший отрезок относится ко всему отрезку. a : b = b : c или с : b = b : а.

Так что же особенного в этом соотношении?

Оказывается, что всегда меньший отрезок относится к большему, как 0,382: к 0,618:

То есть, если АВ принять за единицу, АЕ/ЕВ=0,62/0,32 (в практических целях используют приближённые значения).

Один из примеров «золотого деления», с которым наверняка все знакомы, это — пентаграмма и, как представители её, так любимые людьми старшего поколения, «знак качества» и «звезда».

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

В настоящее время эта математическая закономерность носит название «золотое сечение», которое ввел в обиход ещё Леонардо да Винчи, который проводил сечения стереометрического тела, образованного правильными пятиугольниками. И каждый раз он получал соотношение сторон в «золотом делении». Он дал этому делению название «золотое сечение», принятое до сих пор.

Но не Пифагор впервые обнаружил закономерность «золотого сечения». Ещё древние египтяне и вавилоняне использовали эти знания в строительстве пирамид и изготовлении предметов обихода. Древние греки при проектировании своих зданий использовали пропорции «золотого сечения». В эпоху возрождения интерес к «золотому сечению» усилился. Художники нашли применение ему в искусстве. Учение о «золотом сечении» связано с именем гениального итальянского математика и монаха Луки Пачоли. В 1509 г. Была издана его книга «Божественная пропорция» с иллюстрациями Леонардо да Винчи (предположительно). Он причислял золотую пропорцию к «божественной сути» через триединство: бог сын, бог отец и святой дух, находящихся между собой в «золотой пропорции».

История «золотого сечения» связана ещё с одним известным итальянским математиком Фибоначчи. До наших времён дошёл ряд чисел: 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55 и т.д., известный, как ряд Фибоначчи.

Особенность последовательности данных чисел заключается в том, что каждый её член, начиная с третьего, равен сумме двух предыдущих (2+3=5, 3+5=8), а отношение смежных чисел ряда приближается к отношению «золотого сечения» (21:34=0,617, а 34:55=0,618). В последствии все исследователи «золотого сечения» в растительном и животном мире, искусстве и анатомии приходили к этому ряду, как арифметическому выражению закона золотого деления. Интересно, что свой закон Фибонначи вывел, подсчитывая количество рождённых кроликов от пары кроликов за год.

Так в чём же ореол таинственности «золотого сечения»?

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

Паук плетёт паутину по спирали, ДНК человека закручено по спирали.

А рост вверх? Растение живёт по тем же законам «золотого сечения». Самый большой участок стебля — до первого листочка. Затем следующие сегменты уменьшаются в пропорции «золотого сечения»: с : в = в : а

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

Немецкий учёный Альберт Дюрер доказал, что рост человека делится в золотых пропорциях линией, проходящей через пупок и линией, проходящей через кончики средних пальцев опущенных рук.

Его труды продолжил Цейзинг. Он выяснил, что пропорции мужского тела колеблются в пределах 13 : 8 = 1, 625.

А пропорции женского тела в среднем находятся в соотношении 8 : 5 = 1,6.

Пропорции «золотого сечения» проявляются в отношении длины плеча, предплечья, кисти и пальцев и т.д.

Поразительно, но в лице человека можно проследить множество пропорций, подчиненных «золотому сечению». Причем, чем больше в лице человека соотношений в этой пропорции, тем красивее нам он кажется. Есть лица, при характеристике которых употребляют выражение «правильные черты лица». У этих людей основные пропорции наиболее близки к соотношению 1, 618: или 62 : 38.

Какие же пропорции в лице человека стремятся к «золотому сечению»?

Прежде всего, у людей с красивыми лицами наблюдается:

1. Идеальная пропорция между расстояниями от медиального угла глаза до крыла носа и от крыла носа до подбородка. Это соотношение называется «динамической симметрией» или «динамическим равновесием».
2. Соотношение высоты верхней и нижней губы будет 1,618.
3. Высота надгубной складки (расстояние между верхней губой и нижней границей носа) и высота губ будут составлять соотношение 62 : 38.
4. Ширина одной ноздри суммарно с шириной переносицы относится к ширине другой ноздри в пропорции «золотого сечения».
5. Ширина ротовой щели также относится к ширине между наружными краями глаз, а расстояние между наружными уголками глаз — к ширине лба на уровне линии бровей, как все пропорции «золотого сечения».
6. Расстояние между линии смыкания губ до крыльев носа относится к расстоянию от линии смыкания губ до нижней точки подбородка, как 38 : 62: И к расстоянию от крыльев носа до зрачка — как 38 : 62 = 0.
7. Расстояние между линией верхней части лба до линии зрачков и расстояние между линией зрачков и линией смыкания губ имеет пропорцию «золотого сечения».

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

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

Удивительно, но и в стоматологии можно проследить пропорции «золотого сечения».

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

Вот некоторые примеры соотношений размеров и расстояний между зубами:

1. Ширина верхнего центрального резца относится к ширине нижнего центрального резца, как 62 : 38, т.е. 1, 618:, в соотношении «золотого сечения».
2. В этой же пропорции находится ширина двух верхних резцов к ширине двух нижних.
3. Расстояние между премолярами верхней челюсти относится к ширине четырёх верхних резцов, как 62 : 38.
4. Расстояние между дистальными поверхностями нижних клыков и щечными фиссурами моляров — пропорция 38 : 62.

И этот список можно продолжить.

Как же на практике можно использовать знание о «золотом сечении» и его влиянии на параметры в стоматологии?

Разумеется, искать применение золотых пропорций в эстетической стоматологии.

Расположение, размер и взаимное соотношение зубов в полости рта — всё это подчинено общему закону — «золотому сечению».

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

А мы теперь знаем, что человек — только часть живого мира на нашей планете, подчиняющийся общим законам мироздания. И доказательство тому — учение о «золотом сечении», дошедшее до нас уже даже не из предыдущего тысячелетия.

Время работы

Хохлова Елена Александровна
Врач-стоматолог терапевт, эндодонтист

ПОСЛЕДНИЕ СТАТЬИ

Как соблюдать зубную гигиенуПротезирование зубов: металлокерамика и другие материалыПротезирование на имплантахИзготовление съемных зубных протезов и их ценаКак проходит процесс диагностики зубов

Золотое сечение — что это такое и как его использовать в дизайне

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

В этом красота дизайна, верно? Каждый может интерпретировать его по-разному.

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

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

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

Что такое золотое сечение?

Золотое сечение, также известное как «Золотое сечение», «Золотая середина», «Божественная пропорция» или греческая буква «Фи», представляет собой особое число, приблизительно равное 1,618. Само соотношение исходит из последовательности Фибоначчи, естественной последовательности чисел, которую можно найти повсюду, от количества листьев на дереве до формы морской раковины.

Последовательность Фибоначчи — это сумма двух чисел, стоящих перед ней. Он идет: 0, 1, 1, 2, 3, 5, 8, 13, 21 и так далее до бесконечности. На основе этого шаблона греки разработали золотое сечение, чтобы лучше выразить разницу между любыми двумя числами в последовательности.

Как это связано с дизайном? Вы можете найти золотое сечение, если разделите прямую на две части, и длинная часть (а), деленная на меньшую часть (б), будет равна сумме (а) + (б), деленной на (а), что обе равен 1,618. Эта формула может помочь вам при создании фигур, логотипов, макетов и многого другого.

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

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

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

Если вы нарисуете спираль над каждым квадратом, начиная с одного угла и заканчивая противоположным, вы создадите первую кривую последовательности Фибоначчи (также известную как Золотая спираль).

Как использовать золотое сечение в дизайне

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

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

1. Типография и определение иерархии

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

Допустим, ваш основной текст имеет размер 12 пикселей. Если умножить 12 на 1,618, получится 19..416, что означает, что размер текста заголовка 19px или 20px будет соответствовать золотому сечению и уравновешивать размер основного шрифта 12px.

Если вы хотите выяснить, насколько большим должен быть размер вашего основного текста, вы можете сделать наоборот. Если ваш текст заголовка имеет размер 25 пикселей, вы можете разделить его на 1,618, чтобы найти основной текст (15 или 16 пикселей).

2. Обрезка и изменение размера изображений

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

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

3. Макет

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

4. Разработка логотипа

Если вы разрабатываете новый логотип и чувствуете, что застряли, обратитесь к золотому сечению, чтобы помочь вам набросать пропорции и формы. Многие популярные логотипы следуют золотому сечению, например, Twitter, Apple и Pepsi.

Фото: Мостафа Амин и Студия брендологии

Дизайнер Кази Мохаммед Эрфан даже поставил перед собой задачу создать 25 новых логотипов, полностью основанных на золотом сечении. Результат? Простые, сбалансированные и красивые иконки.

Фото: Кази Мохаммед Эрфан

Инструменты, которые помогут вам использовать золотое сечение

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

Вот пять инструментов, которые помогут вам использовать золотое сечение в своих проектах:

• Калькулятор золотого сечения: Вычислите более короткую сторону, более длинную сторону и общую длину двух сторон, чтобы вычислить золотое сечение.
• GoldenRATIO: Созданное для дизайнеров и разработчиков, это приложение позволяет легко создавать веб-сайты, интерфейсы, макеты и многое другое в соответствии с золотым сечением. Он включает в себя встроенный калькулятор с визуальной обратной связью и функции для сохранения положения экрана и настроек, поэтому вам не нужно менять золотое сечение для каждой задачи.
• Калькулятор типографики золотого сечения: Найдите идеальную типографику для своего веб-сайта, указав размер и ширину шрифта. Вы можете оптимизировать на основе размера шрифта, высоты строки, ширины и количества символов в строке.
• PhiMatrix : Это программное обеспечение для проектирования и анализа Золотого сечения поставляется с настраиваемыми сетками и шаблонами, которые можно накладывать на любое изображение. Его можно использовать для дизайна и композиции, дизайна продукта, разработки логотипа и многого другого.
• Ресурс эскиза золотого сечения : Загрузите бесплатный файл эскиза золотой спирали, чтобы помочь с композицией изображения и макета.

Начало работы с золотым сечением

Как только вы узнаете, что искать, вы начнете замечать золотое сечение повсюду. (Не верите? Посмотрите на свои руки. Даже ваши пальцы следуют золотому сечению.) Человеческий глаз привык видеть это магическое число, и мы подсознательно реагируем на него положительно.

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

Смотрите прямо сейчас.

Эмили Эспозито

Эмили писала для некоторых ведущих технологических компаний, охватывая все, от творческого копирайтинга до UX-дизайна. Когда она не пишет, она путешествует по миру (следующая остановка: Япония!), варит чайный гриб и катается на велосипеде по северо-западу Тихого океана.

Что такое золотое сечение в фотографии?

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

Камеры часто показывают наложение сетки по правилу третей. Золотое сечение, также известное как золотая середина, золотая спираль, золотое сечение, божественные сечения, божественные пропорции, спираль Фибоначчи или фи-сетка, представляет собой аналогичную, более эффективную композиционную директиву, основанную на древней математике и используемую в искусстве такими мастерами, как Микеланджело. , Леонардо Ди Винчи и Сальвадор Дали.

Что такое золотое сечение?

Золотое сечение указывает, где разместить объект (дерево, человека, здание и т. д.) или элемент фотографии (например, горизонт), где он будет наиболее приятным для глаз. Это божественное соотношение составляет 1,618:1.

Первое записанное определение золотого сечения было дано Евклидом в 3 веке до н.э. Греческий математик Евклид был наиболее известен своими работами по геометрии, теперь известными как «евклидова геометрия». Он вычислил золотое сечение с помощью прямоугольников, что также можно объяснить с помощью линии.

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

Наглядно:

Изображение предоставлено: Питер Марьянович/Wikimedia Commons

Первый сегмент — это a. Второй сегмент — б. Длина линии равна a+b.

Итак, уравнение: a/b = (a+b)/a = 1,6180339887498948420.

Золотое сечение — это иррациональное число, которое продолжается вечно и сокращается до 1,618. В математических кругах это уникальное число представлено греческой буквой фи.

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

Что такое фи-сетка?

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

Правило третей делит кадр на три строки и три столбца одинакового размера или 1:1:1 по вертикали и 1:1:1 по горизонтали. Сетка Phi аналогичным образом разделяет кадр, но делает средний ряд и средний столбец меньше в соответствии с золотым сечением. В результате получается 1,618:1:1,618 по вертикали и 1,618:1:1,618 по горизонтали.

Вот краткое сравнение:

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

Спираль Фибоначчи

Золотое сечение является основой последовательности Фибоначчи, составляющей спираль Фибоначчи. Последовательность и спираль названы в честь итальянского математика Леонардо Пизанского, позже известного как Фибоначчи (сын Боначчи). В 1202 году Фибоначчи представил эту последовательность в своей книге «Liber Abaci». Как и наложения сетки, спираль Фибоначчи указывает, где разместить самый важный объект на фотографии.

Математически последовательность Фибоначчи начинается с числа 1, добавляет предыдущее целое число и образует бесконечный ряд чисел с этим шаблоном. Итак, серия выглядит так:

1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89…

Или добавьте 1+1=2 и 2+3=5 и так далее. После первых двух чисел отношение последовательных чисел очень близко к золотому сечению.

В геометрии золотое сечение также может быть выражено в виде определенного типа прямоугольника. Предположим, вы берете пример линии a+b (или x+y) и превращаете ее в прямоугольник, где ширина равна x, а длина равна x+y. Если разделить площадь этого прямоугольника на ряд квадратов, получится спираль, основанная на последовательности Фибоначчи.

Фибоначчи обнаружил, что эта «золотая спираль» появляется в нескольких местах в природе, от молекул ДНК до лепестков цветов, ураганов и Млечного Пути. Подобно тому, как золотое сечение приятно для человеческого глаза в природе, так и фотография, размещающая содержание в центре золотой спирали.

Адриан Бежан, профессор машиностроения Инженерной школы Дьюка Пратта, говорит, что золотое сечение эстетически приятно из-за эволюции человеческого зрения.

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

Как использовать спираль Фибоначчи

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

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

Если у вас нет наложения, вы можете оценить место размещения, представив число 9.

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

И Lightroom, и Photoshop предлагают наложение спирали Фибоначчи при кадрировании фотографии. В инструменте обрезки нажмите O , чтобы просмотреть наложения. Добравшись до спирали, вы можете изменить ее ориентацию, нажав Shift + O . Затем переместите инструмент обрезки или измените размер фотографии, чтобы поместить основной объект в центр спирали.

Лучшие приложения для золотого сечения

Фи-сетка и накладки из золотой спирали доступны в некоторых приложениях для камеры смартфона. Lightroom Mobile имеет камеру для съемки фотографий в приложении, которое включает в себя наложение сетки Phi.

Загрузить: Lightroom для Android | iOS (бесплатно, предлагает покупки в приложении)

Приложение Golden Ratio Camera — это накладка на камеру смартфона, которая позволяет использовать руководство во время фотосъемки на телефоне.

Загрузить: Камера с золотым сечением для Android | iOS (бесплатно, предлагает покупки в приложении)

Wise Camera включает в себя различные композиционные накладки с инструкциями по их использованию. Пользователи могут переключаться между сверхширокоугольным, телеобъективом и базовым объективом iPhone.

Загрузка: Wise Camera для iOS (бесплатно, предлагает покупки в приложении)

Золотое сечение против правила третей

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

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

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

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

Когда использовать золотую спираль и правило третей

Вот когда следует использовать золотую спираль и правило третей:

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

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

Используйте золотое сечение для улучшения композиции

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

Что такое инфографика? (примеры, советы и шаблоны)

В современном мире инфографика приобрела просто взрывную популярность.

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

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

• Что такое инфографика
• Зачем использовать инфографику
• Как создать инфографику
• Типы инфографики и как их применять
• Подсказки и советы

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

Но сначала…

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

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

Совет от профи: Можно создать свой набор инфографики онлайн используя конструктор инфографики Visme. Простые инструменты для дизайна , удобный интерфейс и кастомные шаблоны ( очень много шаблонов ) помогут легко справиться с задачей.

Обратите внимание на этот пример:

Настройте этот шаблон инфографики персонально для себя!Редактировать и скачать

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

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

Это важно: цель инфографики — не только проинформировать, но и сделать просмотр интересным и увлекательным для аудитории.

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

Популярность инфографики — это не случайность. Она веселая, увлекательная, и ею очень легко поделиться; это находка для любого создателя контента. Встречается инфографика для предприятия, преподавателей и некоммерческих организаций, для дизайнеров и web-мастеров.

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

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

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

Вот пример: Агентство по охране окружающей среды (EPA) использует инфографику, чтобы обратить внимание на актуальную проблему – перерасход воды.

Image Source

our browser does not support the video tag.

Хотите создать красивую инфографику?

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

Зарегистрируйтесь бесплатно

Хотите создать собственную инфографику? 

С помощью Visme очень просто собрать свой персональный набор инфографики.

• Для вас бесплатно предоставлены: изображения, шрифты и значки.
• Вы можете выбирать из сотен готовых шаблонов
• Не нужно быть дизайнером, чтобы начать работу …
• . .. но даже дизайнер будет в восторге!

Посмотрите это видео, чтобы узнать, как создать инфографику в Visme.

Кроме того, представляем пошаговое руководство по созданию инфографики с помощью редактора  Visme.

Шаг 1. Выберите шаблон

Первый шаг — зарегистрироваться в Visme (это бесплатно!) и выбрать шаблон.

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

Когда вы найдете тот, который вам нравится, наведите на него курсор и нажмите «Изменить».

Настройте этот шаблон инфографики персонально для себя!Редактировать и скачать

Шаг 2. Отредактируйте контент

Когда вы выберете подходящий  шаблон, вы попадете в редактор Visme.

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

Интересно, правда? Самое приятное то, что все это занимает буквально несколько минут.

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

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

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

Шаг 3. Скачайте и поделитесь

Вот и все — почти готово!

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

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

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

Не существует универсальной инфографики.

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

Как правило, инфографику используют по следующим причинам:

• Иллюстрирование данных: представление статистики, фактов и цифр визуально с помощью диаграмм, графиков и других графических инструментов.
• Упрощение сложной темы: объяснение сложных концепций с помощью иллюстраций и визуальных подсказок.
• Сравнение: визуальное сравнение двух или более продуктов, услуг, функций, брендов или концепций.
• Повышение осведомленности: распространение информации или повышение узнаваемости бренда.
• Обобщение контента: преобразование длинных видео, сообщений в блогах и отчетов в инфографику.

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

Вот различные типы инфографики, доступные в Visme.

• Статистическая инфографика
• Информационная инфографика
• Инфографика процесса
• Инфографика временной шкалы
• Анатомическая инфографика
• Иерархическая инфографика
• Инфографика для списка
• Сравнительная инфографика
• Инфографика местоположения
• Визуальная инфографика для резюме

Статистическая инфографика

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

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

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

Настройте этот шаблон инфографики персонально для себя!Редактировать и скачать

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

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

Настройте этот шаблон инфографики персонально для себя!Редактировать и скачать

Этот тип статистической инфографики идеально подходит для образовательных целей.

Статистическая инфографика обычно менее насыщена текстом и больше ориентирована на данные.

Информационная инфографика

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

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

Image Source

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

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

Настройте этот шаблон инфографики персонально для себя!Редактировать и скачать

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

Инфографика процесса

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

Вот пример шаблона инфографики процесса.

Настройте этот шаблон инфографики персонально для себя!Редактировать и скачать

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

Временная шкала

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

Вот шаблон инфографики временной шкалы от Visme, с которого вы можете начать.

our browser does not support the video tag.

Настройте этот шаблон инфографики персонально для себя!

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

Редактировать и скачать

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

Этот тип инфографики также может помочь вам в управлении проектами.

Анатомическая инфографика

Хотите разобрать что-то подробно? В этом вам поможет анатомическая инфографика.

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

Взгляните в качестве примера этот анатомический шаблон инфографики.

Настройте этот шаблон инфографики персонально для себя!Редактировать и скачать

Иерархическая инфографика

Этот тип инфографики похож на пирамиду, которая помогает отображать разные уровни информации.

Взгляните на иерархический шаблон инфографики ниже.

Настройте этот шаблон инфографики персонально для себя!Редактировать и скачать

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

Инфографика для списка

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

Вот пример шаблона, который вы сможете настроить.

Настройте этот шаблон инфографики персонально для себя!Редактировать и скачать

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

Сравнительная инфографика

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

Вот пример шаблона сравнительной инфографики.

Настройте этот шаблон инфографики персонально для себя!Редактировать и скачать

Часто такой тип инфографики включает многоколончатый макет. Это удобно, чтобы сравнивать и сопоставлять темы.

Другой тип сравнительной инфографики — это сравнительная таблица, которая рассматривает несколько функций или брендов.

Вот шаблон такой сравнительной таблицы.

Настройте этот шаблон инфографики персонально для себя!Редактировать и скачать

Инфографика местоположения

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

Вот шаблон инфографики карты от Visme.

Настройте этот шаблон инфографики персонально для себя!Редактировать и скачать

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

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

Инфографика для резюме

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

Представляем один из креативных шаблонов для резюме.

Настройте этот шаблон инфографики персонально для себя!Редактировать и скачать

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

Теперь, когда вы знаете, какие типы инфографики можно использовать и как ее создать, вот несколько советов, которые помогут вам вывести визуальные эффекты на новый уровень.

1. Будьте оригинальны и креативны.

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

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

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

2. Изучите свою аудиторию.

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

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

RELATED: 7 Steps to Writing Compelling Infographic Copy

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

3. Используйте привлекательные цвета и шрифты.

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

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

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

• Психология цвета в маркетинге: полное руководство
• Руководство по сочетанию шрифтов

А это видео о психологии цвета в маркетинге может помочь вам в разработке дизайна.

4. Проиллюстрируйте текст значками и графикой.

Обилие текста может сделать инфографику скучной и неинтересной.

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

5. Установите визуальную иерархию.

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

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

6. Добавьте интерактивность.

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

Если вы используете такой инструмент, как Visme, вы можете добавлять анимацию, вставлять интерактивные ссылки и кнопки и даже добавлять эффекты наведения.

Начните создавать свою собственную инфографику уже сейчас!

Инфографика — один из самых эффективных типов контента.

Она наглядна, ею можно поделиться, интересно смотреть. Инфографика сможет сделать интересной даже самую скучную техническую информацию.

Теперь, когда вы знаете, что такое инфографика, когда ее использовать и как создать — пора приступать к созданию собственной.

Испытайте конструктор инфографики Visme бесплатно!

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

• VIDEO: 13 Types of Infographics and When to Use Them [+ Templates]
• How to Make an Infographic: The Ultimate Guide
• 12 Best Infographic Tools for 2021 (Full Comparison Guide)
• Infographic Design: Complete Guide for Non-Designers [2021]

Удачного творчества!

Полезно знать

Вернуться назад

06.03.2014

«Ценность инфографики заключается в том, что она

позволяет представить серьезный объем полезной

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

удобном и простом виде»,

Алексей Новичков, руководитель отдела

инфографики РИА-Новости

«Визуализация информации» — это сочетание слов становится все более и более распространенным. Многие бизнес-проекты, а также информационный обмен в интернете, социальных сетях стремятся сегодня все больше визуализировать информацию, чтобы донести её до пользователя наиболее эффективно. Всё чаще коммуникации выстраиваются в форме образов и ассоциаций, что делает их более эмоциональными и запоминающимися. Рассмотрим сегодня одно из средств визуализации информации — инфографику и ее виды.

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

Что такое инфографика

Виды инфографики

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

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

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

3) Инфографика-инструкция. Объяснение устройства, принципа работы + реконструкция события. Многие компании сегодня имеют интранет, внутренние системы оптимизации бизнес-процессов, в которых должностные инструкции изображены не в словах, а в схемах, наглядно демонстрирующих поведение сотрудников в тех или иных ситуациях

4) Динамичная инфографика показывает динамику развития или процесс. К примеру, если вам необходимо отобразить или сравнить, сколько рабочих участвовали в постройке здания в начале, в середине застройки, либо, сколько инвестиций потребовал проект на различных этапах реализации.

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

7) Инфографика как реклама. Если вы хотите быстро донести сообщение о тех выгодах, которые получит целевая аудитория, обратившись к вашим товарам и услугам, используйте инфографику — и вы не ошибетесь. Оптимальный формат для тех компаний, которым есть что показать

8) Event-инфографика. Любое бизнес или имиджевое мероприятие не проходит без демонстрации фактов или основных сообщений. Уместите их на один лист, представьте в цифрах и вы сразу же заметите, что это действительно работает.

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

Примеры инфографики

Приведем основные примеры инфографики и кратко прокомментируем их:

Самый простой вид инфографики — статичная. Факты скомпанованы в графики, диаграммы, снабжены ярким цветовым сопровождением. Минимум символов, картинок.

Динамическая инфографика. Показаны сравнительные характеристики, фактическая информация. Визуализированы основные объекты и субъекты.

Презантационная инфографика. Использование подобной инфографики на деловых мероприятиях всегда оправдана высокой эффективностью и презентабельностью.

Инструкция, схема работы. Инфографика.

Инфографика-карта. Удачный пример использования карты с нанесением на ней городов присутствия и развития бизнеса.

Пример использования инфографики во время презентации.

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

• Числа в картинках: наиболее распространённая категория, которая позволяет сделать числовые данные более удобоваримыми,

• Расширенный список: статистические данные, линия времени, просто набор фактов может быть визуализирован,

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

По способу отображения инфографика подразделяется на следующие виды:

• Статичная инфографика— одиночные изображения без элементов анимации,

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

По типу источника различают 3 основных вида инфографики:

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

• Новостная инфографика— инфографика, подготавливаемая под конкретную новость в оперативном режиме,

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

Новости инфографика

В Петербурге с января 2011 года редакцией ООО «Манифест» начал выпускаться специальный журнал «Инфографика». Журнал выходит тиражом в 80 000 экземпляров. В первых числах каждого месяца свежий номер журнала можно бесплатно приобрести в некоторых московских петербургских ресторанах, кафе и культурных центрах (Галерея братьев Люмер). Журнал содержит только свежие шедевры инфографики – никакого текста. Ежемесячно редакция журнала находит интересные познавательные темы и представляет их в виде инфографики. Это может быть статья о том, как выбрать велосипед, или инфографика о фазах сна. Реклама в журнале также может быть представлена в виде инфографики.

За новостями журнала удобно следить в сообществе «Инфографика» в Фейсбуке и Контакте. Некоторые номера журнала выложены на посвященном инфографике сайте Инфогра. Часто можно неплохая инфографика встречается в газете «New Times».

Сегодня рассматриваемый метод изложения информации превратился в настоящее искусство. Любители могут найти немало интересных примеров в журналах по графическому дизайну. Специалисты и неспециалисты все чаще объединяются в сообщества, отдельные группы которых уже появляются на просторах социальных сетей — такие группы можно найти как во VKontakte, как например, эта http://vk.com/infographics, так и в Facebook — Pinfographics. Что говорить, настоящий рай для визуализаторов — визуальные социальные сети Pinterest, Instagram. Набрав ключевое слово или хэштэг инфографика, вы попадете в совершенно иной мир и сможете быстро найти то, что вам нужно.

Инфографика бизнес

Сегодня российским пользователям и компаниям представлена еще одна возможность заявить о себе в визуальном формате, в частности, сделать и показать свою инфографику на узкоспециализированную аудиторию. Новая бизнес социальная сеть или платформа визуального маркетинга ZIPPPI позволяет не только показать компании (занятые в сфере строительсва, промышленности, недвижимости, финансов, транспорта) общественности при помощи картинок, видео и 3D-визуализации, но и посредством инфографики, созданной при помощи пиар-специалистов и профессиональных дизайнеров. Также на платформе имеется возможность расположить все визуальные материалы на специальном профиле компании, где они могут быть не только легко просмотрены посетителями страницы, но и скачаны, а также расшарены в социальные сети. Возможность реализовать функцию iMap — интерактивная инфграфика карта присутствия компании в мире — позволяет компаниям быстро и ненавязчиво рассказать пользователям о масштабах своего бизнеса как в России, так и за рубежом.

Создание инфографики

Перед тем, как создавать инфографику, следует хорошенько продумать идею, которая затем ляжет в её основу (интересные факты, статистика). Далее необходимо выбрать наиболее подходящий для передачи данных формат (временная шкала, карта с пояснениями, график, диаграмма и т.д ). Важно не забывать о лаконичности передачи информации – следует выбрать наиболее важные пункты. Не стоит размещать большое количество информации в одной картинке. Выберите наиболее подходящую и привлекающую внимание цветовую схему. Установите связь между фактами в вашей инфографике.

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

Если Вас интересует стоимость инфографики, Вы можете связаться с нашими менеджерами по телефону: +7 (495) 669 50 61 или уточнить детали по электронной почте: info(at)comagency.

ru. Будем рады ответить на ваши вопросы.

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

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

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

НОВИНКА! Представляем: Отчет о статистике маркетинга за 2022 год

Уже 2022 год. Маркетологи, вы все еще используете данные до-COVID-времени?

Не принимайте решения на основе устаревших данных, которые больше не актуальны. Пришло время вам быть в курсе последних маркетинговых статистических данных и тенденций за последние два года, а также узнать, как COVID-19 повлиял на маркетинговые усилия в различных отраслях — с помощью этого БЕСПЛАТНОГО отчета о маркетинговой статистике, составленного Venngage и HubSpot.

В отчете используются данные, собранные более чем 100 000 клиентов HubSpot CRM. В дополнение к этому вы также узнаете о тенденциях использования визуальных средств в контент-маркетинге и влиянии пандемии на визуальный контент от более чем 200 маркетологов со всего мира, опрошенных Venngage.

Получите свою копию прямо сейчас — это не похоже ни на какие другие маркетинговые отчеты, к тому же они абсолютно бесплатны!

 
Существует множество примеров статистической инфографики, которые стали вирусными. Помните инфографику «Самое смертоносное животное в мире», которую Билл Гейтс опубликовал в своем блоге несколько лет назад? Оно стало вирусным, потому что представило шокирующую статистику таким впечатляющим образом.

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

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

Не маркетолог? Возможно, вы видели наш вирусный пост об «Играх престолов», в котором мы описали каждое предательство в сериале… (а их было МНОГО).

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

Как создать статистическую инфографику:

1. Выберите шаблон инфографики, соответствующий вашей теме.
2. Настройте значки, диаграммы, пиктограммы и карты в соответствии с вашими данными.
3. Настройте цветовую схему, шрифты и декоративные элементы в соответствии с вашим брендом.
4. Поделитесь своим инфографическим дизайном в блоге, в социальных сетях, в официальном документе — везде, где вам нужно передать данные привлекательным способом!

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

1. Используйте значки, чтобы проиллюстрировать и подчеркнуть ключевые статистические данные в инфографике

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

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

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

Впервые в мире икон? Смотреть: все, что вам нужно знать о ICONS менее чем за 3 минуты

2. Разделите статистическую инфографику на разделы, используя цветные блоки

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

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

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

3. Создайте пиктограмму для визуализации статистики

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

Как сделать пиктограмму:

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

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

Вы можете использовать пиктограмму в качестве основного элемента инфографики, как в шаблоне статистической инфографики выше, или в качестве меньшего раздела с шаблоном, как в этом примере:

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

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

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

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

5. Четко сформулируйте проблему или вопрос, которым посвящена ваша статистика

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

Например, этот шаблон слайда PowerPoint обеспечивает контекст для диаграммы на боковой панели, объясняя проблему (работа с жалобами клиентов). Затем описание под диаграммой описывает данные и предлагает, что читатели должны извлечь из них:

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

6. Используйте контрастный цвет, чтобы выделить точку на диаграмме, которую вы хотите, чтобы читатели заметили

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

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

Посмотрите, как эта статистическая инфографика использует контрастный цвет и значок, чтобы привлечь внимание к «большим данным»:

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

С набором My Brand Kit от Venngage это очень просто. Бизнес-пользователи могут загружать свои логотипы и шрифты, выбирать цветовую палитру и сразу же видеть, как она применяется к их проектам.

7. Четко аннотируйте диаграммы, чтобы ваши данные было легко понять. отдельных точек.

Это особенно полезно, если вы хотите объяснить выбросы на графике. Вы можете комментировать свои диаграммы, просто добавляя ярлык или краткое описание и выделяя определенные моменты.

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

Размеры изображений в социальных сетях на 2021 -2022 год

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

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

Определения

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

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

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

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

Пост со ссылкой тоже сопровождается отдельной картинкой.

Размеры картинок в Facebook*

Западная социальная сеть Facebook является самой известной в мире, и с ней наверняка будут контактировать большинство ваших клиентов.

1. Размеры изображения на деловой странице в Facebook*

Обложка на странице

• Размер обложки Фейсбуке равняется 820 на 312 пикселям.
• Можно загрузить картинку и более высокого качества, лишь бы она соответствовала корреляции 2,628:1.
• На смартфонах же картинка показывается в 640 на 360 пикселей. Так что при условии, что важной частью изображения является слова или символика, то их необходимо поставить в центр во избежание обрезания.
• Лучше всего подойдёт формат изображения PNG, в особенности если частью картинки является буквы или символы.
• Для максимально быстрой загрузки сам сайт советует sRGB JPG и предел объема в 100 КБ.

Фотография профиля

• Своими габаритами картинка на странице в Фейсбуке не может быть меньше 180 на 180 пикселей.
• Можно установить картинку иного размера, пока она не меньше указанного выше и соответствует соотношению один к одному.
• На смартфонах картинка уменьшится до 128 на 128 px.
• Если изображение не соответствует квадратному соотношению, оно автоматически обрежется до такового самим сервисом.
• Миниатюра показывается в пределах 40 на 40 px и округляется. То есть требуется поставить логотип в центр и сделать его длиной в 20 пикселей.

Публикация с картинкой

• Наиболее подходящим в данном случае масштаб фотографии будет 1200 на 630 пикселей.
• В ленте с новостями картинка отобразиться 476 пикселями и масштабируется до 2:2,30

Публикация со ссылкой

• Тут больше всего подойдёт картинка в 1200 на 630 px.
• Фотка отобразиться как 476 на 248 px, а на бизнес-странице — как 450 на 235 px.
• Миниатюрная квадратная картинка на всём сайте соответствовует 158 на 158 пикселям. Но только при условии, что изображение с сайта своими размерами не больше 600 на 315 пикселя.

2. Размеры изображения группы во Facebook*

Обложка в группе

• На самой странице обложка отобразится размером 820 на 428 px.
• Можно загрузить и более качественное изображение, но важно сохранять пропорции 3,82:2.
• Лучше же всего в лицевую картинку группы поставить файл с масштабом 1640 на 956 px.

3. Размеры картинок в мероприятиях на Facebook

• Показываться на веб-странице мероприятия картинка будет 500 на 262 пикселя. Но мы советуем установить картинку масштаба 1200 на 630 px.
• Самый крайний объем площади никак не может быть меньше 400 на 150 пикселей.
• На случай, если вы разделили мероприятие: картинка в ленте с новостями соответствовать 476 на 248 пикселям.

4. Размеры картинок Истории во всех отделениях Facebook*

• Тут лучше всего загрузить картинку со стандартными перевернутыми на 90 градусов Full HD пропорциями: 1080 на 1920 px.
• В видах файлов спокойно подойдут JPG с PNG.

5. Размер картинок опросов на Facebook*

• Соотношение сторон картинок квадратное, и подойдут все возможные характеристики, превышающие 236 на 236 px, ведь именно таким размером он отображается на самом сайте.
• Форматами для загрузок тут мало ограничений — подойдёт и PNG с JPG, куда менее популярный TIFF и анимация в файлах GIF.

6. Масштабы изображений продукции в Facebook*

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

7. Масштабы картинок Вакансий в Facebook*

• Наименьший допустимый масштаб в рамках вакансии соответствует 408 на 208 px.
• Однако наиболее оптимальным вариантом считается 1200 пикселей на 630.

Размеры картинок для Twitter

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

Хедлайнер

• Своим размером картинка обложки профиля обязана соответствовать 1500 на 500 пикселям.
• Однако показываться загруженная картинка не совсем полностью, а именно в 1500 пикселей на 420.
• Из поддерживаемых файлов присутствуют PNG, JPG и не являющиеся анимацией GIF.
• Объёмом файл не способен быть тяжелее 10 МБ.

Картинка профиля

• Аватаркой профиля способна стать картинка площадью 400 на 400 пикселей.
• Итоговый размер равняется 200 на 200 px.
• А уменьшенная версия так и совсем крохотная — 40 на 40 px.
• У видов файлов правила те же: PNG, JPG и GIF, не содержащие в себе больше одного кадра.

Сообщения с изображениями на странице профиля

• Картинки показываются уменьшенными до 506 px.
• Они достигают максимального объема в 15 Мегабайт в компьютерной версии сайта и до 5 — в версиях для гаджетов.

Сообщение со ссылкой на странице профиля

• Картинка показывается масштабом в 506 на 254 px.

Размеры картинок в Google Plus

Google Plus — соцсеть от корпорации Google, один из многих их экспериментальных проектов. Далеко не самая популярная соцсеть, но имеет своих преданных поклонников.

Обложка на странице

• Масштаб картинки на странице соответствует 1080 на 608 px.
• Самое низкое же доступное разрешение равняется 480 на 270 px.
• Есть и высший порог — 2120 на 1192 пикселя.
• Предел объема загружаемого файла — 20 МБ.
• Поддерживаются типы файлов PNG и JPG.

Фотография профиля на странице

• Аватар профиля равен квадрату и соответствует 250 на 250 пикселям.
• Нижний же порог картинки — 120 на 120 px.
• Уменьшенная копия будет версией с разрешением 36 на 36 px.
• Загружаемыми видами файлов являются PNG, JPG и GIF.

Сообщение с изображением на веб-странице компании

• Показываться картинки будут 528 пикселями в длину.
• А в ленте с новостями станут ещё немного меньше — уже 376 пикселями.
• Высота изменится пропорционально длине.
• Самый большой размер изображения при открытии не может быть более громоздкой, чем 2048 на 2048 пикселя.

Сообщение со ссылкой

• С прикреплением ссылки ширина изображения не изменится — 528 px.
• В ленте новостей правила те же — 376 пикселя.
• Высота адаптируется под длине.

Размеры картинок в WhatsApp

Прежде всего WhatsApp — мессенджер, где также предусмотрена возможность учреждать группы и прочие возможности. Бизнес-аккаунт в этой соцсети гарантирует мгновенную связь с пользователями.

Изображение персонального или бизнес-профиля

• Аватарка: 192 на 192 пикселя.
• Для неё можно загрузить файл формата PNG или JPG.

Изображение профиля в группе

• Правила те же — 192 на 192 px.
• Форматы картинок тоже только JPG или PNG.

Размеры изображения в Instagram

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

Изображение профиля

• Максимальный масштаб аватарки составит 152 на 152 px.
• Её же миниатюрная версия равна 32 на 32 пикселям.
• Загрузить можно файлы типа JPG или PNG.

Изображение в публикациях

• Лучше всего загружать картинки масштабом 1080 на 1080 px.
• Во время просмотра профиля фотки будут в 302 px, а при одном клике — на 600 px.
• На главной же веб-сайта они так же равны 600 пикселям.
• Из типов файлов поддерживаются PNG или JPG.

Истории в Инстаграме*

• Тут самый огромный размер — уже знакомый перевернутый Full HD 1080 на 1920 пикселя.
• Среди поддерживаемых типов все ещё PNG или JPG.

Размеры изображения на видеохостинге YouTube

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

Обложка изображения на канале

• Необходимый минимум фонового изображения для канала — 1048 на 1152 пикселя.
• Рекомендованный размер: 2560 на 1440 пикселя.
• В версии для гаджетов картинка будет размером 1546 на 423 пикселя.
• Предел ширины для картинок — 2560 px.
• Файл картинки не может весить больше 6 МБ.

Фотография в профиле канала

• Картинке профиля на вашей странице необходимо быть в масштабе 800 на 800 пикселей.
• Стоит только соединить свои аккаунты YouTube с соцсетью от Google, как аватарка будет автоматически взята с последнего.
• В основном аватарка соответствует масштабу 98 на 98 пикселей.
• Из доступных для установки типов файлов числятся BMP, PNG, JPG или GIF.

Масштабы изображения во Вконтакте (VK)

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

Обложка на странице

• Лучше всего загружать картинки размером 1590 на 400 px.
• Показываться картинка в масштабе 796 на 200 px.
• Поставить можно типы файлов вроде GIF, PNG или JPG.

Фотография профиля

• Картинка профиля на сайте соответствует масштабу 50 на 50 пикселей.
• Наибольшую площадь картинки на страничке занимают в 500 на 200 px.

Пост с изображением

• Длина картинки в публикации не превысит 510 px.

Публикация со ссылкой

• Длина картинки в таком посте будет не больше 510 px, а высота приравняется 308 пикселям.

Масштабы картинок на Одноклассниках

Ok.ru, более известная как Одноклассники — ещё одна соцсеть, лидирующая по популярности в России.

Фотография профиля

• Аватарка профиля равняется 288 на 288 пикселям.

Картинка в постах

• Лимит длины картинки в публикации — 546 px.

Публикация со ссылкой

• Здесь картинка равняется 546 на 272 px.

Итог

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

*Соцсети Instagram и Facebook запрещены в РФ. 21.03.2022 компания Meta признана в России экстремистской организацией.

Задать вопрос

Размер обложки и шапки для Facebook

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

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

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

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

Содержание:

• Размер и формат шапки
  • Обложка в личном профиле
  • Обложка для страницы
  • Обложка для группы
  • Обложка для мероприятия
• Ценные советы

Размер и формат шапки

Обложка в личном профиле

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

• Десктоп-версия. В данном случае будет полезно знать, с каких устройств чаще всего заходит в Facebook ваша аудитория. Если это – пользователи, предпочитающие десктоп-версию социальной сети, то, не колеблясь, выбирайте размер обложки 820х312 пикселей.
• Мобильное приложение. Если в качестве обложки выбрано изображение с другими размерами, система их автоматически подкорректирует. Тогда для пользователя важно после загрузки изображения в режиме предпросмотра посмотреть результат и с помощью мыши подвинуть изображение таким образом, чтобы обложкой стала наиболее удачная часть картинки.
• Видеообложка. В качестве обложки можно добавить и видео. Но в личном профиле такая обложка будет отображаться только в приложениях для мобильных устройств. В десктопной версии социальной сети пока в полной мере видеообложки доступны только для страниц и групп.

Обложка для страницы

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

Создавая обложку, можно удачно подобрать картинку, но ошибиться с размером – и тогда всё пойдет насмарку. Если картинка слишком большая – сжатие может значительно ухудшить её качество. А слишком маленькое изображение отобразится в непропорционально растянутом виде.

Потому при выборе фото нужно учитывать такие факторы:

• в десктоп-версии Фейсбука обложка отображается в виде изображения размером 820х312 пикселов;
• размер отображения обложки на мобильных устройствах – 640х312 пикселов;
• минимально допустимые параметры для обложки – 400х150 пикселов;
• в наилучшем качестве отображаются фотографии и рисунки в формате PNG;
• предпочтительней использовать изображение в формате JPG размером 851х315 пикселов, и «весить» такое изображение должно не более 100 килобайт. В таком случае обложка загружается быстро и не раздражает пользователя.

Обложка для группы

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

Оптимальный размер обложки для оформления группы – 1640х856 пикселей.

Оформляя группу, важно соблюсти не только требуемое количество пикселей в размере каждой из сторон, но и такой значимый параметр, как пропорции, то есть соотношение сторон. А оно должно быть: 1,91:1. При соблюдении этого параметра количество пикселей может быть и другим, а система сама подгонит картинку под нужный размер, не искажая её и не обрезая.

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

Обложка для мероприятия

Анонсы мероприятий также очень выгодно смотрятся и лучше привлекают потенциальных участников, если добавлена соответствующая тематике и привлекательная «шапка». Когда пользователь создает в Фейсбуке мероприятие, социальная сеть предлагает ему варианты обложек, которые уже адаптированы для корректного отображения. Но лучше всё-таки создать обложку самостоятельно – специально подобранную и отражающую суть мероприятия.

Оптимальный размер обложки для мероприятия – 1200х628 пикселей.

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

Ценные советы

• Задать размеры картинки и другие её параметры лучше всего до загрузки в Facebook. Для этого существует немало графических редакторов: от простейших до продвинутых.
• Выбирайте изображение так, чтобы оно в полной мере концептуально соответствовало содержанию профиля, страницы, группы или мероприятия. И самое главное – содержание изображения не должно нарушать нормы и правила социальной сети.
• Для страниц очень полезно периодически обновлять оформление обложки. Поводами могут быть различные акции, знаменательные события в жизни компании, а также всевозможные праздники.

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

Идеальный размер обложки Facebook и рекомендации (обновление 2022 г.)

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

Фотография обложки Страницы в Facebook должна быть брендирована и представлять наш бизнес. Он также должен быть качественным и идеально оптимизированным для отображения; это означает, что вы знаете идеальный размер фотографии для обложки Facebook.

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

Бонус:  Мы интегрировали размеры обложки Facebook и безопасные зоны в наш инструмент графического дизайна. Он будет идеально смотреться на мобильных и настольных компьютерах! Создайте обложку Facebook бесплатно!

Размер фотографии обложки Facebook

По данным Facebook, ваша фотография обложки отображается с размерами 820 пикселей в ширину и 312 пикселей в высоту на компьютерах и 640 пикселей в ширину и 360 пикселей в высоту на смартфонах.

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

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

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

В качестве альтернативы на настольном устройстве Facebook отображает большую часть ширины вашей обложки, обрезая верх и низ.

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

Как создать фото для обложки Facebook с помощью Snappa

Если вы готовы создать фото для обложки Facebook, наш мощный и простой в использовании редактор графики сделает этот процесс невероятно простым. Вот пошаговое видео, показывающее, как создать фотографию обложки Facebook нужного размера с помощью Snappa.

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

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

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

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

Какой должна быть моя обложка Facebook?

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

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

• Используйте фотографию на обложке для стимулирования продаж или привлечения потенциальных клиентов. Я твердо убежден, что в маркетинге в социальных сетях «социальное» должно стоять перед «маркетингом», но это не значит, что в нем нет места для продвижения вашего бизнеса. Фотография на обложке, предназначенная для стимулирования продаж или потенциальных клиентов, в сочетании с соответствующей кнопкой CTA Page может дать вам больше результатов без большой дополнительной работы с вашей стороны.
• Особенность пользовательского контента. Пользовательский контент — один из самых мощных маркетинговых инструментов в вашем распоряжении; использование этого аутентичного типа контента на обложке может иметь большое значение для установления взаимопонимания и лояльности.
• Рекламируйте предстоящие события. Если у вас скоро состоится бесплатный вебинар, конференция или даже социальный конкурс, не бойтесь разместить его на обложке Facebook. Это эффективный способ сразу же сообщить об этом новым пользователям
• Демонстрация возможностей и преимуществ продукта. Это может быть связано с продажами, но демонстрация преимуществ продукта также может сразу же выделить вас среди конкурентов.
• Покажите свой магазин. Если у вас есть витрина магазина или офисное помещение, где вы находитесь, это может сделать великолепную фотографию и увеличить посещаемость.
• Члены специализированной группы и сотрудники. Контент, созданный сотрудниками (EGC), может быть столь же ценным, как и пользовательский контент, а изображение реальных сотрудников на обложке может очеловечить ваш бизнес и показать реальных людей, стоящих за ним.

Идеи креативных фото для обложки Facebook

Если вы ищете вдохновения, обратите внимание на эти 6 креативных фото на обложке, которые мы разработали для малого и онлайн-бизнеса.

Добавление нарисованных от руки иллюстраций

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

Использование фигур и контуров

Выделите свои визуальные элементы на Facebook, добавив формы в свои проекты. Существует бесконечное количество способов, которыми вы можете включать фигуры в свои обложки Facebook, и вы можете использовать различные цветовые вариации и контуры, чтобы ваш баннер выделялся!

Использование образа образа жизни и удаление текста

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

Добавление контраста к тексту и фото

Занятое фоновое изображение Facebook может отвлечь внимание от текста вашего баннера. Чтобы выделить текст, добавьте немного контраста, затемнив фон и выделив заголовки жирным шрифтом. Это позволяет подписчикам легко читать текст, не отвлекаясь.

Добавление забавных значков

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

Цветовая палитра

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

Фото на обложке Facebook Ошибки, которых следует избегать

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

Компании должны избегать некоторых серьезных ошибок с фотографиями на обложке Facebook:

• Использование одной и той же фотографии на обложке. изображений заголовков Facebook различаются по размеру для событий и групп Facebook. Используйте правильные размеры для оптимизации ваших страниц.
• Слишком много текста. Некоторые тексты хороши, особенно если они используются для брендинга. Некоторые фотографии, правда, только имеют наложение текста на сплошной фон. Как правило, это не очень хороший ход, даже если вы сосредотачиваетесь на безумно мотивирующей цитате; вместо этого ваша обложка должна быть изображением, которое может говорить (в основном) само за себя.
• Слишком много беспорядка. Мы все видели фотографии в социальных сетях, на которых так много всего происходит, что если смотреть на них слишком долго, у нас может начаться головная боль. Там много цветов, фокусов и вещей, на которые стоит обратить внимание. Хотя поначалу это может показаться привлекательным (по крайней мере, это определенно привлечет внимание), на этом просто трудно сосредоточиться, и это может даже выглядеть неряшливо.
• Без учета текущего формата страницы. Помните, когда в нижнем углу фотографии на обложке появлялись изображения профиля, а иногда важные части изображения вырезались? Facebook довольно часто меняет форматирование; каждый раз, когда они это делают, проверяйте свою фотографию на мобильном телефоне и компьютере, чтобы убедиться, что ничего не обрезается. Чтобы быть в курсе изменений, ознакомьтесь с нашей публикацией о новых обновлениях макета страницы Facebook!
• Выбор чего-то общего. Вы хотите, чтобы ваша обложка привлекала внимание пользователей; это отчасти то, для чего он существует. Выбор общего изображения, которое может быть о вашем бизнесе , каким-то образом не окажет того влияния, которое вы ищете.
• Без брендинга. Когда это возможно, добавление к изображению тонкой фирменной символики, например вашего логотипа, может значительно повысить узнаваемость бренда.

Где найти отличные фотографии для обложки

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

К ним относятся:

• Сайты с бесплатными фотографиями, такие как StockSnap, Pexels и Unsplash, которые предлагают бесплатные фотографии для коммерческого использования.
• Пользовательский контент, бесплатный и часто доступный в изобилии. Некоторый UGC очень высокого качества, и многие пользователи были бы рады, если бы вы использовали его как часть своей обложки.

Заключительные мысли

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

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

Лучший размер для обложки Facebook (2022)

Лучший размер для обложек Facebook (2022)

Среда, 06 апреля 2022 г.

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

Ты не один! В этом посте блога будут рассмотрены рекомендации Facebook по размерам обложки и рекомендации по представлению вашего бизнеса с помощью обложки.

Важность фотографий на обложке Facebook для бизнеса

Фотография на обложке Facebook — это больше, чем случайное изображение, которое вы выбираете для Страницы своей компании. Фотографии на обложке — это способ продвижения вашего бренда в социальных сетях. Думайте о своей фотографии на обложке как о цифровом рекламном щите для вашего бренда!

Facebook с 2,7 миллиардами активных пользователей в месяц по-прежнему остается самой популярной социальной сетью в мире. Поскольку вашу Страницу могут увидеть более 2 миллиардов человек, важно убедиться, что ваша фотография на обложке идеальна.

Лучший размер для обложек Facebook в 2022 году

По данным Facebook, обложки имеют размеры 820 пикселей в ширину и 312 пикселей в высоту на настольных компьютерах и 640 пикселей в ширину и 360 пикселей в высоту на смартфонах.

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

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

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

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

Как избежать пикселизации обложки Facebook

Иногда Facebook уменьшает размер файла вашей обложки, что приводит к потере качества изображения. Чтобы избежать этого, Facebook рекомендует сохранять изображение в формате PNG; вы также должны убедиться, что размер файла как можно меньше.

Как сделать схему для вышивания из фотографии

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

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

1. опыт работы с программой PhotoShop (не знаю никакой другой программы, насколько грамотно и качественно работающей с обработкой фотографий),
2. опыт работы с программой PatternMaker (из всех программ создания схем для вышивки крестом эта показала наилучшие результаты, я писала об этом уже),
3. усидчивость (понятно, любителям вышивки крестиком её не занимать, но могу сказать — разработка качественной схемы отнимает не меньше времени и терпения, чем две больших вышивки крестом; другими словами, принимаясь за разработку схемы, вы «вышьете» её минимум трижды: сначала в графическом редакторе, потом в PM, а только потом в реальности  ),
4. видение цвета (здесь сложно объяснить, потому что самый первый этап очень зависит от этого навыка).

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

Этап предварительный.

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

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

Этап первый.

Тщательная проработка фото в графическом редакторе.

Изначально я рассматривала вариант вышить черно-белый, либо «трехцветный» портрет… (все фото можно увеличить, щёлкнув по ним мышкой )

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

Здесь я уже точно не скажу, какие инструменты использовала в «фотошопе». Но однозначно были задействованы: кривые, цветовой баланс, кадрирование изображения, штамп, выделение фрагментов и работа с цветом фрагмента, резкость, постеризация (этот пункт обязательно нужно сделать для уменьшения количества цветов в итоговой вышивке)… Возможно, что-то уже забыла с течением времени. Но я «крутила» фото до тех пор, пока результат меня не удовлетворил. И могу сказать с уверенностью — сделала я это фото не за один вечер.

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

Когда результат обработки фото будет удовлетворительным для вас, нужно обязательно его сохранить в формате jpg. А потом, открыв сохраненный файл, изменить размеры изображения до 200 пикселей на дюйм и сохранить отдельным файлом. Именно с ним вы и будете работать в PatternMaker. И это уже второй этап.

Этап второй.

Загрузка и обработка фото в программе создания схем для вышивки.

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

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

Делая первый раз загрузку фото в программу, она спросит вас о главных ваших пожеланиях о размере будущей вышивки, о каунте канвы, о количестве цветов и прочих важных параметрах… Честно говоря, я хотела сделать подробный обзор о работе в этой программе, но на это тоже нужно время. Поставлю себе в план и в этом году попробую подготовить что-нибудь вроде мастер-класса по основным этапам работы в PM.   Итак, загрузив фото в программу для создания схемы вы практически на полпути к вашей задумке! То есть теперь вам остаётся ещё один, предпоследний, но тоже важный этап — третий.

Этап третий.

Работа с полученной схемой.

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

Настоятельно советую первым делом проверить количество цветов — обычно программа даёт слишком много близких по оттенкам и «лишних» цветов — которые используются в схеме всего на 1-2 крестика. В моем случае программа выдала 62 оттенка цветов. Пользуясь возможностями программы, я, переключая режимы выделения одного цвета, смогла избавиться от лишних 20 (!) оттенков. Это, согласитесь, прилично. Конечно, результат получился тоже впечатляющий — 42 цвета. Но здесь приходится выбирать: либо вы берете меньшее количество цветов, и имеете большие «зияющие» фрагменты; либо берете большее количество цветов и получаете лучшую точность изображения. Фактически такая же история происходит и с размером крестика (каунтом) — если вы поставите размер 11 — вы получите громадные кресты и работу в полметра шириной… У меня схема была на самом мелком 18 каунте, а вышивала я вообще на равномерке, аналогичного размера.

На этом этапе тоже предстоит повозиться: тщательно выбирать удаляемые оттенки, проверить количество одиночных крестиков и, по возможности, удалять большое их количество. Скажу сразу — у меня было просто огромное количество «одиночек» в исходном варианте, но и добрая их часть так и осталась — потому что иногда даже один крестик имеет значение. А для этого приходилось, делая один шаг, проверять качество изображения, переключаясь между видами, и потом делать шаг назад… Сколько я так «плясала» не могу сказать. Но тут время шло на месяцы.

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

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

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

Этап четвертый.

Сохранение полученной схемы для последующей вышивки

На самом деле, как оказалось, тут тоже не всё так просто. Дело в том, что программа, конечно, оснащена кнопкой «импорт» и создает вам отдельно текстовый файл с ключом, где прописаны все цвета палитры и размер канвы, а в другом файле формата jpg создаст саму схему… Но именно на этом этапе вам предстоит определиться: где и как вы будете вышивать? Знаю, что некоторые вышивальщицы работают прямо с экрана. Для меня это недопустимый вариант.
Найти цветной принтер, который напечатает вам схему в цвете тоже нужно постараться — всё-таки габариты вышивки иногда не вписываются в размер одного листа формата A4.

Что сделала я. Сохранила черно-белую символьную схему с ключом. Затем открыла этот файл в любимом мною «фотошопе», и буквально вручную разбила файл на 8 листов формата A4, делая обязательно дублирующиеся фрагменты на стыках листов, чтобы потом можно было найти, что к чему приставлять.

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

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

Конечно, периодически мне всё равно приходилось открывать сохранённый цветной вариант схемы (фото я показывала на втором этапе), но это были эпизодические случаи.

Да, и чуть не забыла: не забудьте обязательно распечатать ключ!

Теперь всё готово к вышивке фотографии крестиком.

А вот мои результаты: слева — оригинальное изображение (то самое, что стало после первого этапа оригинальным), посередине — схема в цвете, как предложила программа, справа — уже готовый вышитый портрет.

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

И когда мы с мужем подарили этот портрет нитками тем, кто на нем изображен, ребята даже не сразу поняли, что это вышивка крестом!  Для меня это была лучшая похвала моим долгим и кропотливым трудам.

Источник: vseovyshivke.ru

Как создать схему вышивки портрета крестиком. МАСТЕР КЛАСС, схема по фото

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

 Вышитое фото – это не просто фотография и не просто картина, вышитый портрет —  это в будущем  реликвия вашей семьи.

Хорошая  схема для вышивки по фото — это схема с хорошей композицией, красиво передающая  лицо человека, в естественных тонах , без искажений; оптимального размера и с оптимальным набором нитей, без «одиночек», требующих дополнительного труда вышивающего. И если  Вы решились от «А» до «Я» самостоятельно создать схему и вышить портрет крестиком, тогда  этот мастер класс « как создать схему вышивки портрета  » для Вас.

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

Однако большинство манипуляуий с фотографией  необходимо производить еще до запуска Pattern Maker.

1. Выбор фото. 

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

Сейчас я не буду делать акцент на выборе фото, напишу в двух словах:

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

2. Обработка фото.

Запомните, что Pattern Maker все гиперболизирует. Тени становятся еще темнее, блики становятся еще светлее. Если вы создаете схему вышивки по фотографии впервые и еще не видите огрехов на фотографии, сделайте пробный «прогон» и посмотрите, что в этом портрете кажется неестественным (прогон – это схема, которую программа делает из вашего фото автоматически). Для начала выберем стандартные условия 200 клеточек, DMC, 90 цветов. Для этого запускаем программу, выбираем с помощью кнопки Browse желаемый рисунок, и 5 раз нажимаем  «Далее»

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

Далее выбираем размер схемы

.

В каждой схеме вышивки портрета, существует некая «точка безубыточности», если выражаться экономическими терминами, точка пересечения кривых «размер» и «красота». Главный ориентир красоты в вышитом  портрете – конечно же, лицо, и в первую очередь, глаза. Четко очерченный зрачок, желательно при том передающий уникальный цвет глаз и взгляд. Поэкспериментируйте с размером и найдите оптимальный. Такой, после которого увеличение размера картины не прибавляет красоты. Обычно для персональных портретов этот размер колеблется от 150 до 250 крестиков по ширине. Для групповых – в зависимости от расположения лиц в композиции.

Выбираем марку ниток и количество цветов.

 Большинство вышивальщиц привыкли к DMC. Фотовышивка нитками данной марки получается наиболее красивой и естественной. Однако в Pattern Maker с этой маркой есть проблема – автор программы напридумывал бленды, назвал их как-то по-своему, и нигде не написал, какие же именно цвета он смешивал. Таким образом, в момент, когда вы уже пойдете в магазин за нитками, вы можете столкнуться с тем, что такого цвета в природе не существует. Поэтому я работаю с Anchor – уже десяток портретов по моим схемам с использованием Anchor вышили, и всегда цвета существующие, и всегда они в жизни точь-в-точь как предполагалось в РМ, т.е. в случае с Anchor я могу гарантировать, что после месяцев отшива вы действительно получите  такой портрет, как вам показывал РМ. Экспериментируете, как и с размером портрета, с количеством ниток – находите свое оптимальное количество. Нажимаем, наконец, Close.

  Наиболее распространенные огрехи при разработке схемы по фото для вышивки крестом:

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

Возвращаемся в фоторедактор (PhotoShop, Lightroom, PhotoStudio), вытягиваем средние тона и тени.  Для редактора PhotoShop:  открываем  нужную фотографию, заходим в меню изображение, коррекция,  кривые и корректируем цвет лица;

 Далее мы «отбеляем» глаза и зубы — выделяем с помощью инструмента «magnetic lasso» и повышаем яркость, уменьшаем тени.

 Закрашиваем блики и дополнительно закрашиваем темные  участки на лице. Для этого необходимо выбрать инструмент «пипетка», выбрать светлый тон лица, затем выбрать инструмент «кисть», прозрачность от 20% до 40% и закрасить необходимый участок.

 Вы можете сохранять обработанную фотографию под новым именем, прогонять ее через Pattern Maker, снова смотреть, что еще необходимо подправить,  исправлять в фоторедакторе, сохранять, прогонять – и так по кругу, пока, наконец, вам не понравится получающееся изображение. При этом фото в фоторедакторе может выглядеть уже даже комично, а портрет на схеме — прекрасно.

Все это потому, что РМ (Pattern Maker) не понимает разницу между глазом, волосами, щекой и пиджаком, нам необходимо показывать ему, что для нас в портрете особенно важно.

3 Непосредственно работа в Pattern Maker.  

Создаем схему по фото для вышивки портрета.

3.1.  Загружать фото, выбирать размер, марку ниток и их количество  мы уже научились выше.

3.2.  Работа с фоном. 

Если вы хотите однотонный и не сделали этого прежде в фоторедакторе,  давайте сделаем его в PM. Часто, даже если вы сделали однотонный фон в фоторедакторе, программа обрабатывает и его и заливает не одним, а двумя-тремя тонами. Необходимо все же сделать один. Я для этого выбираю инструмент «Выделение свободная рука» и по кусочкам обрисовываю контуры волос и часть фона, нажимаю на клавиатуре «Delete».

Оставшиеся кусочки можно выделить инструментом «Прямоугольное выделение» и по — удалять.

 Выбираем на палитре внизу цвет, который вы определили для фона, инструмент «заливка»  и клацаем по пустому фону. Оставшиеся точечно посторонние клеточки можно зарисовать инструментом «Полный стежок» .

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

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

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

3.4.  Удаление лишних цветов.  

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

вышитом портрете, и при этом их 5 крестиков на всю картину, а вам придется покупать целый моток. Такие цвета нужно отследить и заменить. Для этого необходимо правой кнопкой мыши (ПКМ) клацнуть на выбранном цвете и выбрать «подсветка выделенным цветом».

Смотрим на схему  вышивки портрета , действительно ли нам полезен этот цвет, или его можно заменить другим, похожим. Если да, то ПКМ – delete. Видим, как этот цвет пропадает со схемы. Далее выбираем цвет на замену, нажимаем Сtrl+A (выделить все) идем в меню – правка – заполнить выделенным цветом – пустые клеточки в выделенной области – полный крестик – ок.

 Прорабатываем так каждый цвет.

3.5.  Составление блендов.

Иногда так бывает, что в схеме вышивки фото у вас есть три цвета, и каждого из них не то чтобы много, но существенно, и перелив такой – нужен, но зачем же покупать 3 мотка, если можно сэкономить и купить 2. Вы можете либо просто не покупать «средний» цвет, а слить его из 2, по одной нити их каждого. Либо официально изобрести бленд. Для этого запоминаем номера  2 нитей, которые мы хотим использовать. Клацаем на пустой ячейке в палитре цветов. Выбираем “Blend” внизу списка. Нажимаем создать – выбираем “anchor” в начале списка и пишем номер.

 Полученный цвет добавляем в нашу палитру, клацнув на нем дважды ЛКМ. Удаляем средний цвет и заменяем его на наш бленд. Вот как он будет показан потом в ключе:

3.6.  Удаление одиночных крестиков.

Когда мы уже определились с оставляемыми цветами, смотрим, не затесалось ли одиночных крестиков, опять же, не влияющих на красоту, но которые требуют лишнего труда во время отшива. Для этого используем тот же прием: ПКМ на цвете в палитре – подсветка выделенного цвета. Заменяем их точечно на лежащие рядом с помощью инструмента «крестик». Каждый раз возвращаемся в 75%-ный масштаб и смотрим, что получилось. Для отмены пользуемся комбинацией клавиш Ctrl+Z.

3.7.  Сохранение палитры схемы вышивки портрета. 

 Если, например, вы уже сделали схему вышивки портрета с идеальной палитрой и вдруг понимаете, что упустили в самом начале какой-то глобальный момент в обработке фото, вы можете сохранить палитру. Вкладка «Палитра» — сохранить палитру как.

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

Также вы можете копировать кусочки из одной схемы в другую через выделение – Ctrl+C – Ctrl+V в основной работе. В таком случае выделенный кусочек появляется в левом верхнем углу, и оттуда его можно перетащить на нужный участок.

3.8.  Перевод в удобоваримые символы. Выбираем вкладку Вид –Символы.

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

3.9.  Наконец, извлечение схемы.

Если вы хотите символьную схему вышивки портрета, необходимо сначала выбрать во вкладке Вид — Символы. Затем вкладка Файл – Экспорт в графический файл.

Получившийся файл я затем разбиваю для распечатки на А4, оптимальный размер для распечатки при нормальном зрении вышивающего 100*70 клеточек на одном листе А4, но если вы хотите крупнее, выбирайте другое соотношение. Например, 70*40.

Как видите, все не так уж сложно, но «подводных камней» много и если вы хотите создать схему  по фото первый раз, то это может затянуться надолго. И не факт, что с первого раза схема  фото вышивки получится. Я провела много дней за программой, прежде чем все освоила и привела к порядку. В статье описаны самые ключевые моменты. Но, как правило этим работа не ограничивается: проработка каналов, уровней, коррекция цвето и свето передачи, корректировка экспозиции, дисторсии.  Каждая фотография индивидуальна: где нужно сделать акцент на реставрации, где проработать только определенные участки не затронув фото в целом.  Если Вы владеете навыками работы в фотошопе, Вам не составит труда в теченнии нескольких часов подготовить фото под разработку схемы. В обратном случае — придется неммного потрудится изучив основные моменты работы в Adobe Photoshop, так как 80% всего процесса создания схемы — это именно работа в фото редакторе. Поэтому если решитесь создавать схему самостоятельно, я пожелаю вам удачи, терпения  и ровных крестиков! Если же доверитесь нам, с удовольствием поможем вам создать лучшую схему!

Схема фото вышивки

Всего отзывов: (43)

Pixel-Stitch — Инструкция

0) Загрузить новое изображение. Вы можете выбрать любое изображение или фотографию на вашем компьютере. Это можно сделать прямо на главной странице pixel-stitch.

1) Выберите количество стежков по ширине. В зависимости от размера изображения автоматически рассчитывается количество стежков по высоте.
Максимальная ширина ограничена 500 стежками. Если количество стежков велико, расчет может занять несколько секунд в зависимости от производительности системы.

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

3) Выберите нить для вышивания. Тип нити определяет цветовую палитру, которую вы будете использовать в узоре. В настоящее время вы можете выбирать между «всеми цветами», «якорем» и «DMC». При выборе DMC или Anchor будет отображаться соответствующий номер резьбы.

4) Для выбранной палитры можно отменить выбор отдельных цветов, нажав на них. Не выбранные цвета не будут использоваться для создания узора.

Кнопка «Загрузить палитру» позволяет сохранить существующую палитру. Не выбранные цвета не учитываются.

Кнопка «Загрузить палитру» может использоваться для создания пользовательской палитры. Вы должны выбрать файл (например, .txt или .csv), соответствующий следующему формату:

В строке определяется один цвет. Строка состоит из 2 столбцов. 1-й столбец указывает значение цвета в виде шестнадцатеричного значения. Например, #f0e8b9. Вторая строка — описание цвета.

Вы также можете выбрать существующую палитру в качестве шаблона, а затем использовать ее через «Загрузить палитру».

Пример содержимого с 3 цветами:

#eceded,H01 (белый)

#f0e8b9,H02 (кремовый)

#f0b901,H03 (желтый)

5) Выберите алгоритмы дизеринга. Дизеринг — это метод, который воспроизводит отсутствующие промежуточные цвета с доступными цветами.
Цветовые градиенты воспроизводятся лучше, а результирующее изображение еще точнее.

Дополнительная информация Дизеринг

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

Дополнительная информация Разница цветов

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

Дополнительная информация Квантизация цвета

8) Определяется формат файла, в котором должен быть сохранен документ. Выкройку можно сохранить как в формате PDF, так и в виде файла Excel.

9) Указывает, как должен выглядеть шаблон в созданном файле.
Для PDF доступны следующие параметры: Символы, Буквы/цифры, Числа, Символы с цветными рамками, Буквы/цифры с цветными рамками, Числа с цветными рамками, Цветные рамки

Следующие параметры доступны для Excel: Числа с цветными рамками , Цветные коробки

10) Можно указать, будет ли отображаться сетка в изображении предварительного просмотра.

11) Также можно загрузить новое изображение.

12) Теперь вы готовы создать рисунок строчки! Нажмите кнопку «Создать рисунок вышивки».

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

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

Теперь вы готовы начать свой новый вышивальный проект! Наслаждайся этим!

Pixel-Stitch — Политика конфиденциальности

Ich freue mich über dein Интересует пиксельная строчка. Дер
Schutz deiner Privatsphäre ist mir ein sehr wichtiges Anliegen. Дахер
möchten ich dich im Folgenden über den Umgang mit deinen Daten
информатор.

Общая информация

Pixel-Stitch speichert keinerlei personenbezogene Daten. Es werden lediglich Zugriffsdaten in sogenannten Server-Logfiles gespeichert.
Dazu gehören beispielsweise die abgerufene URL, Datum und Uhrzeit des Abrufs, sowie die IP Adresse, von der der Abruf stattgefunden hat.
Diese Daten werden ausschließlich zur Sicherstellung eines störungsfreien Betriebs der Seite ausgewertet.
Alle Berechnungen, die für das Erstellen eines Stickmusters sowie der pdf Vorlage notig sind, finden in deinem Browser statt.
Somit werden auch keine Bilder und Fotos auf den Server übertragen und verbleiben ausschließlich auf deinem Rechner.

Einsatz von Cookies

Pixel-Stitch с лучшим печеньем!

Эйнзац фон Матомо

Um besser zu verstehen, было Besucher/innen на Pixel-Stitch интересно, setze ich das Open-Source Analyse-Tool Matomo ein. Dabei ist eingestellt, dass Besucher nicht wiedererkannt werden und kein Cookie gesetzt wird.
Da Matomo über die eigenen Server gehostet wird, verlassen diese gesammelten Daten nie meinen Zuständigkeitsbereich.
Dies ist somit eine deutlich bessere Alternative as Tools with GoogleAnalytics, bei denen die Besuchsstatistiken fremdverarbeitet werden.
Matomo wird vom Landeszentrum für Datenschutz Schleswig Holstein ausdrücklich empfohlen.
IP-адреса являются анонимными и защищенными от несанкционированного доступа.
Wenn Sie nicht möchten, dass Ihre Besuche bei unseren Websites erfasst werden, können Sie in Ihrem Browser die ‘Do not track’ Option aktivieren und Matomo wird keine Daten von Ihnen erfassen oder die folgende Checkbox abwählen.

Контактформула

Trittst du per E-Mail или Kontaktformular mit mir in Kontakt, werden die von dir gemachten Angaben zum Zwecke der Bearbeitung der Anfrage sowie für mögliche Anschlussfragen gespeichert.

Paypal Spendenbutton

Auf unserer Seite ist ein Spendenbutton des Dienstes PayPal eingebunden.
Hast du ein PayPal-Konto und möchtest mich mit einer Spende bedenken, ist dies durch einen Klick auf den entsprechenden Button möglich.

Создание карточки товаров для маркетплейсов: как заполнить правильно

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

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

Попробовать МойСклад

Карточка товара — страница, которая рассказывает о продукте. Помимо фотографий и текстового описания на ней могут быть инструменты для выбора цвета или размера, вопросы от пользователей маркетплейса и отзывы покупателей. От правильного оформления зависит:

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

Выбор категории

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

Статья по теме: Продвижение на маркетплейсах

Рассмотрим, как это работает на Ozon, и подберем категорию для товара коврик для фитнеса.

Вот сколько всего товаров с запросом коврик для фитнеса во всех категориях на Ozon.

В категории «Виды спорта» находится только 31 из них. Для нашего товара лучше найти более популярный раздел.

Категория «Коврики для йоги и фитнеса» подходит больше. В нее попал 81% товаров, найденных по запросу коврик для фитнеса во всех категориях на сайте Ozon. Значит, она привлечет пользователей, которые ищут именно этот товар. Можно создать карточку здесь или проверить остальные разделы и выбрать еще более популярную категорию «Спорт и отдых».

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

Товары из категории Столовые приборы на Wildberries Товары из категории Вилка столовая на Wildberries

Для каждого товара можно создать несколько карточек и поместить их в разные категории.

Визуал — качественные фото и видео

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

Какие фотографии помешают продажам:

• темные;
• нечеткие;
• мелкие;
• с плохим ракурсом;
• неинформативные. Например, для покупателей важно, как одежда сидит на человеке. Даже качественная фотография товара на вешалке этого не покажет.

Лучше добавить в карточку несколько разных снимков. Это могут быть:

• 
  Вариант, который показывает товар в лучшем свете.

• 
  Фото в процессе использования. Это актуально не только для одежды, но и для остальных товаров.

• 
  Общий вид товара спереди и сзади. Обе фотографии должны быть сделаны на одном фоне.

• 
  Фото деталей товара, которые упомянуты в описании или в характеристиках. Например, если вы продаете удлинители с дополнительными выходами USB, сфотографируйте их крупнее.

• 
  Фото в упаковке и без нее.

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

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

Инфографика

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

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

Вот еще один пример инфографики. Она показывает, из чего состоит маникюрный набор.

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

Правильный заголовок

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

Статья по теме: Как начать продавать на Ozon: пошаговая инструкция

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

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

• модель устройства;
• техническая информация — например, объем памяти смартфона 128 ГБ;
• комплектация — например, проектор может быть как с подключением к Wi-Fi, так и без;
• размер, цвет и другие параметры.

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

Сравним два заголовка для товаров по запросу умный чайник на Ozon.

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

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

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

Характеристики товара

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

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

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

Статья по теме: Как начать продавать на Wildberries

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

Понятное описание

Второй важный текстовый блок внутри карточки — описание товара. Оно дополняет характеристики и может дать ответ на вопросы пользователей. Если описание составлено понятно и соответствует товару, у покупателей не будет ощущения, что их обманули. А значит, они не напишут плохих отзывов и не захотят вернуть товар.

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

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

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

Иногда продавцы совсем отказываются от описания и оставляют только характеристики, как в карточке перчаток на Ozon.

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

Помимо характеристик селлер указал, что после стирки перчатки не теряют форму, а резинка-манжет плотно прилегает к запястью. Эта информация дополняет характеристики и помогает принять решение о покупке.

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

Чтобы карточка товара лучше индексировалась в фильтрах и поисковике, указывайте в описании значение в полном объеме без повторов. Например, если вы выбрали категорию «Футболки и топы» на Wildberries и указали в описании «Белая приталенная футболка для женщин», товар проиндексируется по запросам: «Футболка», «Футболка белая», «Футболка приталенная». Если же написать «Белая футболка Приталенная футболка Женская футболка», текст автоматически сократится до «Белая приталенная футболка».

Вопросы покупателей

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

Статья по теме: Риски для предпринимателей на маркетплейсах

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

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

Отзывы

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

На маркетплейсах лучше работают настоящие, а не заказные отзывы. Чтобы их получить, можно использовать инструменты площадок. Например, покупатели на Ozon охотнее делятся впечатлениями о товаре, который участвует в акции «Баллы за отзывы».

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

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

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

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

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

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

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

Цена

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

Продавец очков виртуальной реальности пытается заманить покупателей скидкой в 70%. Но история цены показывает, что товар продается по максимальной стоимости.

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

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

География

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

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

Сроки доставки одного и того же товара меняются в зависимости от региона

МойСклад помогает автоматизировать торговлю на маркетплейсах. Готовые интеграции с Wildberries, Ozon, Яндекс Маркетом и другими. Управляйте всеми каналами продаж из одного окна:

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

Попробовать МойСклад

Читайте также:

• Какой ОКВЭД выбрать для торговли на маркетплейсах
• Причины блокировок на маркетплейсах
• Как аналитика улучшает продажи на маркетплейсах
• Карточка товара на Ozon: инструкция с примерами

создаем идеальную карточку товара — Торговля на vc.

ru

И разбираемся, как она влияет на продажи.

43 481
просмотров

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

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

Мы будем рассматривать создание собственной карточки товара для долгой и плодотворной работы. Вообще на Ozon есть два варианта: можно прикрепиться к чужой странице и торговать с нее (если у вас одинаковый товар), а можно создавать свою карточку товара. Первый вариант интересен, если вы продаете товары известных брендов или, например, трендовые товары и быстро меняете ассортимент. Второй – актуален для тех, кто создает или планирует создать собственный бренд.

Быстрее всего создавать страницы через загрузку. хls файла (на WB есть только такая возможность). Да, это не очень увлекательное действие, но не ленитесь! Нужно заполнять все возможные поля, потому что потом вас будут ранжировать. И чем больше релевантной информации — тем больше шансов, что именно ваш товар покажут покупателю.

У каждого маркетплейса есть подробный FAQ, и там есть требования ко многим параметрам для заполнения в зависимости от товара и категории. Осведомлен — значит вооружен!

Категория

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

Не популярный раздел

Популярный раздел с хорошей посещаемостью

Например, наши наколенники есть в двух категориях: суппорты и наколенники для тяжелой атлетики. Вторая категория имеет всего 18 товаров (в первой 1 543), а наколенники для ТА почти не запрашивают в поиске. Можно предположить, что мы существенно сужаем аудиторию для прямого входа и, скорее всего, будем располагаться ниже в поисковой выдаче потому, что находимся в не популярной категории.

Заголовок

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

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

Пример заголовка https://www.ozon.ru/context/detail/id/196259515/

К примеру, сначала мы писали «Наколенники для кроссфита”, но быстро поняли (тогда еще не было аналитики по запросам), что это аудитория слишком маленькая и переделали описание в “Спортивные наколенники». Сейчас маркетплейсы дают возможность посмотреть запросы покупателей. Обязательно пользуйтесь этим инструментом. Составьте подходящий список популярных запросов и используйте ключевые слова в заголовке и описании.

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

Пример заголовка https://www.wildberries.ru/catalog/12752206/detail.aspx?targetUrl=XS

Название (проверенное в запросах) + бренд + материал + размер + количество + дополнительные ключевые слова и/или привлекающий внимание текст в рамках правил маркетплейса

Отзывы

Приведу пример продавца, который зарабатывает на двух роллерах 900 000 руб в месяц. У него 5 звезд, больше 100 отзывов и 2000 продаж. Скорее всего данный товар появился одним из первых на маркетплейсе. Но при этом главное фото отличается от самого товара, остальные фото это просто скрины с чужого видео. И это не мешает ему быть в топе и получать максимум продаж. Поэтому отзывы с количеством продаж очень важны для выдачи в топе.

Очень успешный продавец

Старайтесь получать отзывы всеми правдами и неправдами. На Ozon есть отличный инструмент «Отзывы за баллы». Вы определяете стоимость отзыва, и сайт показывает этот блок вашим покупателям. У меня он отлично работает! Я плачу от 100 до 180 руб за отзыв. На WB в 4 раза больше продаж, но гораздо меньше отзывов: 34 на Ozon против 13 на WB. Потому что там нет инструментов для получения отзывов.

Раздел «Отзывы»

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

Цена

Если у вас неизвестный бренд, то цена должна быть достаточно низкой. Определенно нужно делать скидки и участвовать в акциях. Особенно первые 30 дней, когда у вас есть метка «Новинка» и вы показываетесь выше конкурентов. К скидкам уже привыкли на марктеплейсах. Таковы правила игры. Цену (с учетом дисконта) нужно рассчитывать на этапе планирования заказа. Об этом я писал в первом посте. И если вы укладываетесь в рынок — привозите товар.

Мониторинг цены товара

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

Метки

Здесь мы говорим про значки «Новинка», «Бестселлер», Количество покупок, Звезды. Все это очень влияет на покупателя и вам нужно их заработать. При поставке нового товара на Ozon вы сразу получаете значок «Новинка». Обычно если в течении месяца вы продаете больше 20 товаров, то можно получить знак «Бестселлер». И здесь не забываем включить на старте продаж функцию «Отзывы за баллы». Возможно, с достаточно щедрым вознаграждением, чтобы получить больше отзывов на страте. Это поднимает вашу страницу в выдаче.

Метки: бестселлер, отзывы, комплект, скидка https://www.ozon.ru/search/?from_global=true&text=bodyboss

На WB все прозаичней. Вам нужно вложиться в страницу и ждать продаж. Обычно они не заставят себя ждать, у меня в 4 раза больше продаж, чем на Ozon. Сейчас WB начал внедрять рекламные функции для продавцов. Но судя по отзывам решение еще очень сырое. Бюджет потратить вы можете всегда, а вот продаж реклама пока не приносит.

Фото, видео, рич-контент

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

Инфографика

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

Описание

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

Характеристики

Измерьте и узнайте все, что можно. Заполните по максимуму всю информацию.

Вопросы

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

Публичные вопросы на странице товара

Работа с отзывами

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

Ответ на отзыв

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

Товарные рекомендации + комплекты

На WB и Ozon есть блок с товаром, который рекомендует продавец, а также комплекты (Ozon), которые вы можете задать. Просто заполните эти разделы. Лишний раз покажите свой ассортимент и получите контакт с потенциальным покупателем.

Уже закругляюсь

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

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

На этом у меня все. Постарался разобрать основные элементы карточки товара и привести свои аргументы. Буду рад критике и вашим идеям.

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

Действие «Создать карточку проекта» · Действия · GitHub Marketplace · GitHub

Прочтите это на других языках: английский, 日本語.