Нека си го кажем; има шрифтове, които ние, дизайнерите, обичаме да мразим. Всъщност думата „омраза“ може да не е достатъчно силна. Бич? Проклятие? Чума? Екскременти? Чувал съм, че всеки обижда неживите букви, цифри и символи, които използваме, за да комуникираме идеи, и напълно го разбирам. Виждал съм (и съм извършвал) престъпления от такъв вид, че дори и най-странният бюлетин в офиса би се смутил.

Но какво, ако ви кажа, че най-охулените шрифтове от нашето поколение всъщност могат да бъдат най-добрият приятел на дизайнера на марка? Какво ще стане, ако ви покажа как да превърнете неясните букви в пищни логотипи, които клиентите ще харесат (и ще платят добри пари)? Бихте ли искали да промените коренно начина си на гледане на типа и да се отворите към безкрайно разширяващата се вселена от творчески възможности? Готови ли сте да направите свой собствен шрифт?

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

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

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

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

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

Лесен и надежден процес

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

Препоръчителна настройка

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

• Photoshop - Използва се за манипулиране на шрифтовете и създаване на слоеве за усъвършенстване на скици.
• Илюстратор - Използва се за векторно проследяване на скици за окончателно усъвършенстване и бързо добавяне на елементи от стил като цветове, градиенти, текстури, шарки и др.
• Таблетка Wacom - Използва се за цифрово рисуване в рамките на Photoshop.

Джокерман - от креса до класен

Джокерман е Джим Кери на шрифтовете: никога фини, силни под всеки ъгъл, но странно привлекателни за масите. Нелепо е и отгоре и точно от типа на шрифта, за който е създаден този урок. Шантавите шрифтове като Jokerman са пълни с любопитни дизайнерски елементи, но им липсва сдържаността, необходима за изискан логотип. Като дизайнери, ние трябва да упражняваме добра преценка, а това често означава отказ от детайли с цел по-ясна комуникация.

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

1. Преглед на шрифта

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

2. Дизайн

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

3. Изкривяване на шрифта

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

4. Скица за корекция

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

5. Скица за усъвършенстване

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

6. Векторна следа

Хвърлете вашата скица за усъвършенстване в Illustrator, разбийте инструмента за писалка и внимателно кликнете по пътя си към красивите по-бези криви.

7. Довършителни работи

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

Папирус - фина трансформация

Изповед: Харесвам папирус и не ме интересува кой знае. Сериозно, не всички шрифтове, на които ние, дизайнерите, се радваме, са толкова лоши. Изхабен? Може би. Кичозен? Добре, да. Но това, че шрифтът кара някого да се чувства така, че нейният документ за дизайн на amature има достойнство, не означава, че е лош. И така се чувствам за папируса. Прилича на роклята на роклята, която купих в Old Navy: Пасва добре и ме прави представителна за специални случаи.

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

1. Преглед на шрифта

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

2. Дизайн

Разбийте таблета си Wacom и бързо скицирайте някои идеи за композиция. Не прекалявайте с тази стъпка. Това е като да нарисувате името си в бележник.

3. Изкривяване на шрифта

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

4. Скица за корекция

От всички стъпки това може да ви се струва най-страшното, но не го подчертавайте.

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

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

5. Скица за усъвършенстване

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

6. Векторна следа

Поставете скицата за усъвършенстване в Illustrator и започнете своята векторна следа с инструмента за писалка.

7. Довършителни работи

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

Comic Sans - Като гладене на набръчкана риза

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

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

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

1. Преглед на шрифта

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

2. Дизайн

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

Когато преглеждах Comic Sans, забелязах някаква подскачаща игривост, която се опитах да включа в моите скици за идеи.

3. Изкривяване на шрифта

Може би сте като мен ... донякъде обсебени от организирането на слоеве и използването на неразрушителни техники за редактиране във Photoshop. Не бъдете така за тази стъпка!

Въведете думата си, растеризирайте шрифта и изкривете дяволите от тези букви.

4. Скица за корекция

Както казах, малките нередности на Comic Sans са полудяващи, затова за тази стъпка се фокусирах върху изправяне на линии и изглаждане на криви.

5. Скица за усъвършенстване

За най-дълго време отидох директно от Скица за корекция стъпка във Photoshop към Векторна следа в Illustrator. Но след като видях моите векторни писма попълнени за първи път, те винаги изглеждаха малко странно.

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

6. Векторна следа

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

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

7. Довършителни работи

Бях доволен от начина, по който се получи векторната следа, затова избрах да отида с обикновена блокова сянка и няколко интериорни линии за акцент.

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

Възможността за нежелани неща

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

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

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

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

• • •

Допълнително четене в блога за дизайн на ApeeScape:

• eCommerce UX - преглед на най-добрите практики (с инфографика)
• Значението на ориентирания към човека дизайн в продуктовия дизайн
• Най-добрите портфейли на UX Designer - вдъхновяващи казуси и примери
• Евристични принципи за мобилни интерфейси
• Предвиждащ дизайн: Как да създадем магически потребителски опит