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

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

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

Джесика Свендсен, плакат „Изложбена архитектура: Парадокс“

Тип информираща мрежа

Използване на един типографски елемент за въздействие върху други части от дизайна

Да започнем с страхотен, очевиден пример. Плакат на Джесика Свендсен за изложбена архитектура: Парадокс? е един от няколко спиращи дъха плакати, които тя създаде за поредица за програмата Yale Architectural (ние ще говорим с друг един от тези плакати за момент).

Типът на размерите създава вертикална решетка, която информира типа, както и дизайна на самия въпросник.

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

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

Уроци, които трябва да запомните

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

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

Ерик Ху, плакат на GIWYFI.

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

Абстрахирането на плаката в линия и равнина прави структурата по-ясна.

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

Работата по този начин ви позволява да се съсредоточите върху едно групиране на текст, за да започнете своя дизайн и след това да се опитате да играете срещу него, докато изграждате сложни слоеве. Тъй като Ху вече има едноцветен текст, припокриващ се в този дизайн, той много лесно би могъл да избере по-хаотичен подход и да възприеме това взаимодействие и напрежение, но вместо това избра да използва положителните, както и отрицателните пространства, създадени от курсивите, за да завършете дизайна. Резултатът създава по-ясна връзка на преден план / фон между двата шрифта и се чувства излъскан, докато все още има „грешките“ и объркаността, които му пречат да се чувства прекалено официална или ценна. Това е отличен пример за „Изработване и разбиване на мрежата.“ Областите, в които типът сблъсъци и припокривания са по-въздействащи поради сдържаността, показана в други области на плаката.

Уроци, които трябва да запомните

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

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

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

Друг плакат за Йейлска архитектура от Джесика Свендсен.

Нито един дизайнер, който практикува днес, не използва тип, за да информира композицията по-често и с по-голямо умение от Джесика Свендсен. Ако четете Font Review Journal, ще знаете, че вече написах много за този пример, който е едно от любимите ми парчета от типографския дизайн. Свендсен използва Maelstrom - обратната контрастна плоча-сериф - като гръбначния стълб на дизайна, но тя не се съгласи с това, което шрифтът й даде от кутията.

Плакатът е изпъстрен с фини редакции на шрифта, за да подсили решетка както в рамките на типа на дисплея, така и да информира типовите елементи, каскадни около краищата на дизайна. Преди да се заемем с това, нека започнем с обсъждането на още по-основателното решение: да подравним текста надясно. Ако вземете Maelstrom и подредите формите на буквите по същия начин като плаката, но подравнени наляво (отдолу, крайно вляво), не се чувства особено удовлетворяващо, нали? Той създава много затворено пространство - като вляво от А и под мишницата на Y. Преминаването към подравняване надясно позволява да се получат много по-интересни области в полетата, задвижвани от „лъжичката“, създадена от Y, издърпваща левия ръб вътре и A се разширява обратно няколко реда по-късно. Това извайване вероятно също е довело до избора за издърпване на последните два реда текст от десния ръб - това е единственият начин, по който A може да има чист преход от L над него.

Играта с подравняването на Maelstrom разкрива възможности за оформяне на полета в интересни форми и информира за разположението на по-малки типографски елементи.

Svendsen позволява оформянето на типа на дисплея да ръководи композицията по краищата. „2014 FALL“ запълва отрицателното пространство под разперените рамена на Y, а A се използва за запечатване от долния ръб на лявата половина на композицията. Кръгълят Y значка се прибира в H и предотвратява друг случай на капан пространство.

Прекарах известно време, наслагвайки се „извън кутията“ Maelstrom срещу окончателния дизайн на Svendsen, за да придобия представа за модификациите, които тя направи, за да излъска дизайна, и това е майсторски клас в това колко изпотяване на малките неща може да подобри идеята, докато също решавам практически въпроси (моите рекреации са предназначени само да служат като приближения на оригиналното парче, те са помия и несъвършени в сравнение). Червеното е Maelstrom, синьото е версията на Svendsen и можете да видите разликите във версията с наслагване, където има хитове от всеки цвят.

Червеното е Maelstrom, синьото е версията на Svendsen и можете да видите разликите във версията с наслагване, където има хитове от всеки цвят.

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

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

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

Уроци, които трябва да запомните

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

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

Въведете като представителство

Тип на изобразяване като проява на предмет или идеал

Дизайн от Доналд Егенщайнър

Въведете като структура може да служи и за метафорични цели и визуално да представи текста по начин, който надхвърля състава на страницата. Да започнем с очевиден пример. В тази реклама, създадена от Доналд Егенщайнър, думата „Тонаж“ се третира е начин, който предполага, че има действителна тежест. Тип се дава физическо присъствие в неговата среда и използва реални идеи, за да повлияе на поведението на останалата част от типа, като по този начин го направи по-релативен и затвърди идеята. Очевиден, но ефективен.

Илюстрация към рецензията на книгата на New York Times от Джесика Свендсен

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

„Марки, характер, печат“ Проектиран от Ханс-Юрген Кеблер, 1970 г.

Този капак за Marken, Zeichen, Signete използва прогресивно мащабиране, а не изкривяване. Тази техника създава по-скоро поглед върху „вместо“, а не „нагоре“ и най-често се изпълнява чрез мащабиране и повторение на една и съща дума от всяка страна. Повторението може да бъде мощно, но нямаше да позволи разнообразните фрази и дължини, от които се нуждае парчето 21 урока.

Уроци, които трябва да запомните

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

Една от емблематичните реклами на Lou Dorfsman за CBS.

Лу Дорфсман беше майсторът на използването на типография, тъй като скелетът може да бъде оформен като дизайн и един от любимите ми примери за това е тази реклама. Ескалиращите „ха“ представляват дяла на рейтингите на комедиите между трите основни мрежи и Лу решава да потапя с тях с презентацията в допълнение към дивото копие. Фактът, че това се чете като смях („ха-ха-ха“) и че CBS има последен смях, е чист блясък. Въпреки че тази идея можеше да бъде предадена с прости графики - Dorfsman създаде подобни реклами, комбиниращи изображения и графики за други теми - типографията значително подобрява съобщението тук.

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

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

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

Уроци, които трябва да запомните

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

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

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

Плакат, проектиран от Ной Бейкър

Този плакат Ной Бейкър, направен за целите на Q3 2018 на Medium, има множество концептуални и структурни изненади: Представянето на всеки ред имитира календар на старата школа, той подсилва целта „месец над месец“, като буквално определя месеците един върху друг, и посланието за 15% ръст - точката на плаката - е гръбначният стълб, от който пониква дизайнът. Отделните елементи на плаката сами по себе си са красиви, посланието на дизайна очевидно се предава и е четливо от разстояние. Но силата на обвързването на посланието с проста концепция чрез композиция и типография е това, което го прави специално постижение в дизайна.

Уроци, които трябва да запомните

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

Корицата на Ван Джи-Хонг за „Тълпата“

Уанг Джи-Хонг е един от най-завършените дизайнери, практикуващи навсякъде по света, а дизайните на кориците му често са съставени, използвайки само типография. Този пример блестящо използва геометрията на Futura, за да създаде повтарящ се модел на C, представляващи титулната тълпа. Всеки C изглежда прегръща следващия и макар дизайнът да е подреден, той все още провокира клаустрофобията на претъпкано пространство.

Уроци, които трябва да запомните

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

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

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

Тип може да разшири въздействието на изображенията в дизайна

Концепция за надпис за Nike от Бюро Борше

Типът не е фокусната точка на този дизайн на Nike, но тук се използва за засилване на движението на фотографията. Отляво натискането на бутон C вляво и поставянето на логото на Nike успоредно предизвиква начина, по който ръката на фигурата се изтласква назад, докато той спринтира на снимката по-долу. Изображението е изрязано, за да разкрие достатъчно точно краката на бегача, за да ви уведоми, че десният му крак е повдигнат и напред, а левият е издигнат отзад, а разцепването на 8 85 отдолу служи като абстрахирано представяне на стойката му.

Вдясно, центрираното въвеждане и поставянето на „885“ на собствената му линия над „Ню Йорк“ задава мимиката на композицията на снимката. Разширеният „Ню Йорк“ предизвиква отсечка от пътя, а яйцевидните кръгли значки, които закрепват дизайна, могат да бъдат разчетени като крачета.

Уроци, които трябва да запомните

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

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

И двете тези спредове от Pin-Up използват решетки и вмъкнати абзаци, за да имитират подробности от снимките в разпространението. Разпространява любезното съдействие на vice.com

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

Уроци, които трябва да запомните

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

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

Примери чрез https://www.instagram.com/posterkraft/

Големият тип не означава структурен тип

Големият тип може да бъде мързелив тип

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

Чрез klim.co.nz. Дизайн от Атико 36

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

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

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