Защо всеки маркетолог през 2018 г. трябва да бъде дизайнер (на непълен работен ден): 52 Условия за дизайн и съвети за повишаване на нивото

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

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

За щастие живеем в прекрасен свят, където всеки може да направи скок от начинаещ до среден и създавайте добре проектирани изображения за социалните медии. Има инструменти като Пабло и Canva които правят този дизайн постижим (и красив).

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

Замисляли ли сте се какво би било възможно само с малко допълнителни познания за дизайна в задния си джоб?

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

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

-

52 термина за дизайн, обяснени за търговците

1. Златно сечение

Златното сечение се получава при два обекта, които, след като разделите по-големия на по-малкия, водят до числото 1.6180 (или от там). Най-известното златно съотношение е златният правоъгълник, който може да бъде разделен на перфектен квадрат и правоъгълник със същото съотношение като оригиналния правоъгълник. Може да видите това в състава на изображението или дизайна на уебсайта и оформлението на мрежата.

( чрез )

Използвайки златното сечение, можете да се уверите, че вашите изображения са привлекателни и красиво форматирани. Ето пример на златното сечение, използвано за разделяне на пространството между тялото на уебсайта и страничната лента:

По-долу е друг пример където ключовите елементи на дизайна се вписват в различен раздел на Златното сечение:

2. Правило на третините

Можете да приложите правилото на третините, като си представите решетка 3 × 3, която лежи отгоре на вашето изображение и след това подравните обекта на изображението с водещите линии и точките им на пресичане (напр. Поставяне на хоризонта на горната или долната линия) или позволите елементите на картината да преминават лесно от раздел в раздел.

( чрез )

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

Типография, текст и шрифтови термини

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

„Типографията е визуалният компонент на писмената дума“, Практическата типография красиво обяснява . Целият визуално показан текст, независимо дали е на хартия, екран или билборд, включва типография.

4. Сериф

Серифът е малкият допълнителен щрих или извивки в краищата на буквите.

5. Без засечки

„Sans“ буквално означава „без“, а шрифтът sans serif не включва допълнителен щрих в краищата на буквите.

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

6. Сценарий

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

Няколко примерни шрифта за скриптове включват:

Алекс Четка

И, Гранд Хотел :

7. Плоча сериф

Шрифтовете със серифни плочи имат геометрично усещане от традиционните шрифтове със засечки и серифи, които са квадратни и по-големи, по-смели.

Отличен пример за шрифт с плочи със серифи е Музей на плочите :

8. Миниван

Монопространствен шрифт, (известен също като шрифт с фиксирана височина, фиксирана ширина или непропорционален шрифт) е шрифт, чиито букви и знаци заемат еднакво количество хоризонтално пространство.

9. Йерархия

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

tuts + обясни :

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

Ето пример, който илюстрира значението на йерархията:

10. Кернинг

Кернинг се отнася до интервала между две специфични букви (или други знаци: цифри, пунктуация и т.н.) и процеса на коригиране на това пространство подобрява четливостта.

11. Водещ

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

12. Проследяване

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

13. X-височина

Височината x се отнася до разстоянието между основната линия и средната линия на малки букви в шрифта.

14. Изкачване / Слизане

Ascender е частта от малка буква, която се простира над средния ред на шрифт (височината на х) . От друга страна, низходящият е частта от писмото, която се простира под базовата линия на шрифт.

15. Сираци / Вдовици

Вдовици и сираци са текстови редове, които се появяват в началото или в края на абзац, които остават сами в горната или долната част на ред. Има някои спорове относно точните дефиниции на тези термини, но като правило:

• Сирак: A е една дума или много кратък ред, който се появява в края на абзац или началото на колона или страница, отделен от останалата част от текста.
• Вдовица: Ред с край на абзац, който попада в началото на следващата страница или колона, като по този начин се отделя от останалата част от текста. Или началото на нов абзац, който започва в долната част на колона или страница.

16. Много каишка

Lorem Ipsum е просто фиктивен текст, използван от дизайнерската индустрия. Използва се като заместващ текст и има горе-долу средно разпределение на буквите, което го прави като четлив английски, за разлика от използването на „Добавяне на съдържание тук, добавяне на съдържание тук“ в дизайна, когато копието не е напълно готово.

Цветове

17. RGB

RGB цветът е модел, при който червената, зелената и синята светлина се добавят заедно по различни начини, за да се възпроизведе широк спектър от цветове. RGB обикновено се използва за екранни цели.

18. Шестнадесетичен

Шестнадесетичното число е шестцифрено число, използвано в HTML, CSS и софтуерни приложения за представяне на цветове.

19. Палитра

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

20. Монохромен

Монохромният се използва за описание на дизайн или снимки в един цвят или различни нюанси на едноцветния цвят.

21. Аналогично

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

22. Допълващо

Цветовете, които са противоположни един на друг на цветното колело, се считат за допълващи се цветове (пример: червен и зелен).

23. Триадичен

Триадичната цветова схема използва цветове, които са равномерно разположени около цветното колело.

24. CMYK

CMYK е цветен модел, който се използва за печат. Цветовете CMYK започват като бяло и след това стават по-тъмни, тъй като се комбинират повече цветове.

къде мога да намеря безплатна музика

( чрез )

25. Пантон

Pantone Matching System (PMS) е стандартизирана система за възпроизвеждане на цветовете. На всеки оттенък е дадено число, което улеснява хората да правят справки и да възпроизвеждат едни и същи цветове.

26. Топли цветове

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

27. Студени цветове

Студените цветове като синьо, зелено и светло лилаво имат способността да успокояват и успокояват.

28. Теория на цветовете

Теориите за цветовете създават логическа структура за цвета. Има три основни категории теория на цветовете : Цветното колело, цветовата хармония и контекстът на това как се използват цветовете. Разбирането как да се използват различни цветове за предаване на смисъла е важна част както от дизайна, така и от маркетинга. Ето кратко ръководство за това как цветовете влияят на мозъка ни:

Искате ли да научите повече за теорията на цветовете? Разгледайте: Защо Facebook е син? Науката за цветовете в маркетинга .

29. Градиент

Градиентът е постепенна промяна на цветовете (като например превръщането на зеленото в постепенно в синьо) или избледняване на цвета в прозрачност. Има два често срещани типа градиенти: радиален и линеен.

30. Непрозрачност

Непрозрачността ни позволява да направим елемент от дизайна прозрачен. Колкото по-ниска е непрозрачността, толкова по-прозрачен е елементът. Например, 100% непрозрачност означава, че обектът е твърд.

31. Оттенък

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

32. Оттенък

Оттенъкът е разнообразие от цвят. Craftsy обяснява това Оттенъци се създават при добавяне бял до всеки оттенък на цветното колело. Това олеква и десатурати нюанса, което го прави по-малко интензивен.

Брандиране и лога

33. Логотип

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

34. Logomark / Brandmark

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

35. Икона

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

36. Ръководство за стил

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

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

37. Решетка

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

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

Условия и техники за проектиране

38. Мащаб

В дизайна мащабът се отнася до размера на обект във връзка с друг обект. Два елемента с еднакъв размер могат да се разглеждат като равни. Докато елементите с ясни вариации в размера обикновено се разглеждат като различни.

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

39. Съотношение на страните

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

• ширина, височина
• Това означава, че 4 инча широк и 3 инча висок би бил съотношение 4: 3

40. Текстура

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

41. Чукане

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

( чрез )

42. Бяло пространство

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

Отличен пример за празно пространство е началната страница на Google. Почти е запълнено с празно пространство, за да насърчи потребителите да се съсредоточат върху лентата за търсене:

43. Резолюция

Разделителната способност на изображението определя качеството. Като правило, колкото по-висока е разделителната способност, толкова по-високо е качеството. Изображението с висока разделителна способност ще бъде ясно и отчетливо, докато изображението с ниска резолюция ще се чувства малко пикселирано и размазано.

44. Контраст

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

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

45. Наситеност

Наситеността се отнася до интензивността или чистотата на даден цвят. Колкото по-наситен е даден цвят, толкова по-ярък или по-ярък изглежда. Докато ненаситените цветове изглеждат малко по-тъпи.

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

46. ​​Размазване

Размазването прави изображенията по-неясни или по-малко отчетливи. Използването на размазване може да бъде чудесен начин да накарате текста да се открои, когато се насложи върху изображение. Когато поставите текст върху изображение, двата елемента могат да формират донякъде конкурентна връзка (пример вляво отдолу) , малко размазване може да накара текста да изпъкне повече и да изглежда много по-четлив (вдясно отдолу) .

47. Култура

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

48. Пиксел

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

49. Скеморфизъм

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

50. Плоска

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

( чрез )

51. Растер

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

52. Вектор

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

Над вас

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

Любопитно ми е да чуя дали има други термини за дизайн, които редовно чувате и бихте искали да получите разяснения? Чувствайте се свободни да споделите всички въпроси или мисли в коментарите по-долу.

Допълнителна информация:

• 50 Условия за дизайн, обяснени просто за недизайнери от блога на Canva
• 10 условия за цифров дизайн, които трябва да знаете от Design Shack