Библиотека

11 прости съвета за дизайн за подобряване на вашите образи в социалните медии

По природа хората са много визуална същества.



В самия мозък има стотици милиони неврони, посветени на визуалната обработка, близо 30 процента от цялата кора , в сравнение с 8% за докосване и само 3% за слуха.

Всеки от двата оптични нерва, които пренасят сигнали от ретината към мозъка, се състои от милион влакна, в сравнение със слуховия нерв, носещ само 30 000.





Това е всичко, за да се каже това изображения в социалните медии са жизненоважна част от вашите съдържание, достигащо максималното количество на хора, хора, които са много визуални същества!

Търговци, които са се забъркали създаване на ангажиращи изображения тъй като социалните медии знаят колко трудни и отнемащи време могат да бъдат. Не съм експерт, но научих нещо или две за създаването на изображения в социалните медии след много практики (и грешки!) И съм развълнуван да споделя с вас любимите ми съвети и принципи за дизайн на социалните медии за да подобрите вашите изображения в социалните медии.


OPTAD-3

Да се ​​потопим!

Подобряване на изображенията в социалните медии

Съвети за дизайн на социалните медии: 11 принципа и тактики за подобряване на вашите изображения

Ние в Buffer създайте всички изображения за нашите публикации в блога и социалните медии без много външна помощ - и има много изображения! Средно всяка публикация в блога на Buffer има пет персонализирани изображения, а някои имат много повече.

За да ги създадем, ние разчитаме на 11 прости принципа на проектиране, за да улесним процеса на създаване на изображение. Радваме се да споделим тези с вас в тази публикация и как може да успеете да го приложите вашия собствен работен процес .

Имам любим съвети или принципи за дизайн на социалните медии, които пропускаме ? Ще се радвам да чуя за тях в коментарите!

11 Принципи на проектиране и съвети за дизайн на социалните медии

1. Цвят

90% от бързите преценки направени за продукти се основават само на цвета

Цвят е един от най-важните и сложни аспекти на всеки дизайн на социални медии. Помага да настроите настроението, да създадете атмосфера, да предадете емоции и дори да предизвикате силни индивидуални преживявания от нечие минало.

В проучване за въздействието на цвета върху маркетинга , изследователите установиха това до 90% от бързите преценки направени за продукти може да се основава само на цвят, в зависимост от продукта. Други академични изследвания относно цветовете в маркетинга са посочили факта, че е по-важно цветовете да подкрепят личността, която искате да изобразите, вместо да се опитвате да се приведете в съответствие с типичните цветови асоциации.

Например, тази графика на Help Scout подчертава силата на цвета при предаване на личността в част от съдържанието, което отразява положително на марката. На Помогнете на скаутския блог ще видите последователни, привличащи вниманието цветове, които се получават като забавни, но проницателни.

Примери за цветен маркетинг HelpScout

Вторият пример от марката Лулу и Туми подчертава използването на цвят за пускане на пазара за определена аудитория. Лулу и Туми са известни със своята привличаща вниманието векторна работа и използването на цвят, за да разкажат история и да предизвикат емоция.

Loulou и Tummie Design Inspiration

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

Ето кратко описание на това как различните цветове влияят на мозъка ни и как те често се използват при разказването на истории и маркетинга:

нето

Червено = Енергия и спешност

оранжево

Оранжево = Агресивно

жълт

Жълт = Оптимистичен и младежки

колко голяма трябва да бъде снимката на корицата на facebook
зелено

Зелено = Богатство и релаксация

син

Синьо = Доверие и сигурност

розово

Розово = Романтично и женствено

черен

Черен = Мощен и лъскав

лилаво

Лилаво = Успокояващо и спокойно

2. Баланс

4-те различни вида баланс (включително този, за който вероятно мислите)

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

Казано по друг начин: Ако трябва да поставите изображението на везна, би ли се наклонило на една страна?

Също така е важно да запомните, че различните елементи имат различно тегло баланс не трябва да се разделя точно по средата . Има 4 различни типа на баланса:

  1. симетрични
  2. асиметрични
  3. радиално (изображение на вита стълба)
  4. кристалографски (изобразете тава с понички с различни гарнитури)

Всичко това може да направи красив дизайн в социалните медии.

Вземете например тази зашеметяваща графика от художник и илюстратор Джордж Бохуа :

Розов лотос - Джордж Бохуа

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

От друга страна, има асиметричен баланс както е показано в този пример за изображение:

Пример за асиметричен баланс

Асиметричният баланс създава напрежение чрез контраста и може да бъде визуално интересен, когато се прави правилно. Тъй като е абстрактно, няма симетрия, няма перфектни огледални изображения.

На едно място, за което смятаме, че балансът е важен, е избор стокови изображения . Колекцията от снимки в Разпръскване е чудесен пример за фото колекция, която превъзхожда, като взема предвид баланса, като при това изображение:

каньон

Ако създавате свой собствен образ , за да балансирате тежестта на вашето изображение, поиграйте с различни неща като размер на предметите, лекота и тъмнина на предметите, топли и студени цветове, текстура, количество на обектите, изолация на обекти и ориентация (вертикална / хоризонтална / диагонал) на обектите.

3. Линии

Правите линии предполагат ред. Извити линии намекват за движение.

Линиите са визуални елементи на вашето изображение, които помагат да насочите окото до мястото, където искате да отиде. Правите линии работят, за да придадат на изображението усещане за ред и подреденост, докато криви или извити линии могат да дадат на изображението усещане за организирано напрежение и движение.

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

Нека надникнем в това невероятен пример на силата на линиите от Мути :

Илюстрация на линии в графичен дизайн от Muti

Използването на изчистени диагонални линии в цялата илюстрация насочва погледа ви към различни области по бърз и ефективен начин. Почти създаване на „секции“ в изображението с различни градове като множество фокусни точки.

Сега сравнете това с кривите линии на тази илюстрация от същия художник, Мути , и как създава усещане за движение. Това движение, което ви води около графиката, докато не кацнете обратно в централната фокусна точка:

American Express Graphic от Muti Studio

При добавяне на линии към вашето изображение , обръщайте голямо внимание на това къде привличат погледа на читателя. Стремете се да създадете логичен път, по който читателят може да следва, докато стигнат до точката, за която сте го замислили.

4. Типография

Традиционно серифните шрифтове са най-подходящи за печат и безсерифни за мрежата

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

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

Графичният дизайнер Пол Ранд може би се е изразил най-добре, когато каза, 'Не се опитвайте да бъдете оригинални, просто се опитайте да бъдете добри.'

Независимо дали сте избрали шрифт без засечки или шрифт със сериф или някаква вариация между тях, уверете се, че вашата аудитория може да прочете съобщението ви. Ето няколко професионални съвета за използване на шрифтове:

  • Ограничете дизайна си до максимум 3 шрифта
  • Използвайте размер на шрифта, който се вписва добре в носителя, на който публикувате
  • Традиционно серифните шрифтове са най-подходящи за печат и безсерифни за мрежата
  • Кернинг е чудесна техника, която да използвате в заглавията си

А за онези, които са любопитни към друга типографска терминология, това е чудесно инфографика ще помогне!

Типография Принципи Inforgraphic

5. Контраст

Добавете контраст с цветове, форми и размери

Чували ли сте някой да казва, че илюстрация или дизайн „ наистина изскочи '?

Това, което те може да имат предвид, е контрастът в изображението. Контрастът осигурява диференциация между елементите, което кара един да се откроява или да „изскача“ повече от другите елементи.

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

Ето моите 3 любими начина за добавяне на контраст към изображение, без да го прекалявате или прекалявате.

Добавете контраст с цветове

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

Пример за цветен контраст

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

не знам какво става gif

Друг начин за лесно добавяне на контраст към вашето изображение е чрез използването на форми. Това красива графика от Canva помага да се подчертае колко добре съответствието на симетричните форми може да играе заедно с асиметричния характер на органичните форми.

Контрастни форми и дизайн

Добавете контраст с размери

В най-простата си форма лесно може да се добави контраст, за да се подобри вашата изображения в социалните медии като направите някои аспекти на дизайна по-големи или по-малки от други. Това може да означава и добавяне на повече тегло (като удебеляване на дума) към елементи.

Тази реклама на ресторант привлича публиката към името, „ 1913, “, А след това към други области на изображението, като думата„ ресторант “и в крайна сметка към картината на храната във фонов режим.

Контраст на размера в дизайна на изображения в социалните медии

6. Мащаб

Намалете концепцията или я увеличете с избора на шрифт

Мащабът по дефиниция се отнася до умишлено оразмеряване на различни елементи във вашия дизайн. „Мащабиране“ помага да се фокусират определени елементи и позволява на вашите читатели да осмислят концепция.

Помислете за секунда и се опитайте да си представите живота си в брой месеци или дори дни. Можете ли да си го представите?

Тази прекрасна илюстрация от Тим Урбан илюстрира мощните ефекти от мащабирането.

Човешкият живот след месеци - изчакайте, но защо

Мащабирането също работи добре за по-конкретни дизайни на социалните медии. Погледнете изображението по-долу:

Съвети за дизайн на социални медии от Buffer

В тази графика аз се стремя първо да ви насоча към цитата с увеличен размер на шрифта. След като спечелих любопитството ви от цитата, надявам се очите ви естествено да се преместят точно към балона. И накрая, вие сте привлечени от посланието на графиката „Честит месец на учителите“.

Проработи ли?

7. Близост

Групирайте подобни елементи заедно, за да се разредите и организирате

Близостта е от първостепенно значение, когато създавате усещане за организация в рамките на вашия дизайн. Подобни или свързани елементи е най-добре да се групират заедно, за да се създаде връзка между тях. Целта е да групирате елементи заедно разхвърляйте дизайна си и „подредете нещата малко.“

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

Този прост пример показва как близостта може да се използва, за да ни помогне да възприемаме обектите като свързани. Кръговете са разперени, като всеки се възприема като свой обект.

как да видите кой е публикувал публикацията ви в instagram
Пример за близост 1 - Дизайн на социални медии

След това, след като приближим всички кръгове близо един до друг, те изглежда губят усещането, че са отделни обекти. Възприема се като по-скоро цялостна, единична форма.

Пример за близост 2 - Дизайн на социални медии

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

8. Йерархия

Поставете най-важните елементи в най-големите шрифтове

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

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

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

Чудесен пример е тук в тази реклама за пътуване. Изображението привлича читателя в „пътуване“ и след това ги води към вторичните съобщения.

Пример за йерархия - Съвети за дизайн на социални медии

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

Съвети за дизайн на социални медии - пример за йерархия

9. Повторение

Винаги използвайте един и същ набор от шрифтове, цветове и лога

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

Също така хората често наричат ​​„ последователно брандиране . '

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

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

Apple Ad, Repetition, съвети за дизайн на социални медии

Повторението е важно и когато изграждане на лична марка . Вземете тези красиви визитки от Алън Мърфи , например. Независимо дали сте голяма марка или магазин за един човек, повторението ви помага да станете разпознаваеми с течение на времето.

Визитни картички за лична марка - Съвети за дизайн на социални медии

10. Посока

Хората четат по образец „F“, по образец „E“ и по образец „Z“

Начинът, по който човешкото око се движи по дизайни, изображения, уебсайтове и други визуални елементи, е уникален, но често последователен. Ето защо е важно да насочвате аудиторията си по „пътя“, който бихте искали да следва във вашия образ. С други думи, създайте умишлен „поток“.

Изследването на дизайна на уебсайтове ни даде вътрешен поглед за това как хората са склонни да разглеждат уебсайтове, когато пристигат за първи път. Това, което откриха, беше, че четем по образец „F“, по образец „E“ и понякога по образец „Z“. Така че поставянето на важни и привличащи вниманието елементи върху горна лява и лява страна от вашия дизайн е от ключово значение.

Лудо яйце създадоха страхотна инфографика за данни, открити от техните експерименти за проследяване на очите, заедно с начини, по които можете да подобрите своя дизайн. Наслади се!

Crazy Egg Eye Tracking Social Media Design Tips

11. Космос

Потърсете контури във вашите изображения. Съвет за напреднали: Опитайте да хвърлите!

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

Опитайте се да не подценявате сила на простотата във вашия дизайн. Пространството може да помогне за придаването на определено естетическо качество на вашето изображение, като същевременно подчертава най-важните елементи.

Бих искал да ви покажа два примера за прекрасните ефекти от използването на пространство във вашите дизайни. Първият е от художник, илюстратор и графичен дизайнер Танг Яу Хунг който привидно е овладял изкуството на пространството в дизайна. Танг Яу Хунг умишлено и хитро изрязва фигури в отрицателно пространство, за да създаде хипнотизиращо усещане.

Отрицателно и празно пространство в дизайна - Съвети за дизайн на социални медии 2

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

Вторият пример е от света на фотографията. Чукане е техника, която наистина се разви през последните няколко години. Бялото пространство около всеки елемент наистина помага да се извади всяко парче поотделно.

Пример за къртене 1 - Съвети за дизайн на социалните медии 2

Запазете вашите изображения просто и използвайте пространството около обектите, за да привлече вниманието към важни елементи. Обичам тази графика от Чинч това наистина подчертава силата на простия дизайн.

Чинч, пример за графичен дизайн, дизайн в социалните медии
„Дизайнерите и маркетолозите знаят, че са„ постигнали съвършенство “не когато няма какво да се добави, а когато няма какво да се отнеме.“

- Антоан дьо Сент-Екзюпери

Над вас

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

Пропуснах ли някой от любимите ви съвети за дизайн на социални медии по-горе? Бих се радвал да се уча от вас!

Моля, не се колебайте да пуснете коментар по-долу, за да продължите разговора.

Още страхотни дизайнерски ресурси

Елементи и принципи на дизайна - Canva

8 основни принципа на проектиране, които да ви помогнат да създадете по-добра графика - Adobe

Защо всеки маркетолог през 2016 г. трябва да бъде дизайнер (на непълен работен ден) - Буфер



^