Кинетична типография: уводно ръководство
Кинетичната типография изглежда е навсякъде в наши дни. От телевизионни реклами до целевите страници на уебсайтове, подвижният тип е популярен визуален инструмент. Тази популярност може да дойде от редица причини, но един очевиден фактор е, че привлича вниманието ви. Хората са склонни да бъдат привлечени към думи и искат да ги прочетат.
Кинетичната типография поставя това заедно с няколко прости анимации за създаване на думи, които се движат по екрана, грабвайки вниманието ви и ангажирайки сетивата. Затова нека разгледаме кинетичната типография и как можете да я интегрирате в някои от вашите дизайнерски проекти. (Забележка: Примерите в тази статия включват анимация; щракнете върху изображенията за връзки към оригиналните източници, за да ги видите в действие.)
Какво е кинетична типография?
![](http://computer06.com/img/typography/115/kinetic-typography-an-introductory-guide.jpg)
![](http://computer06.com/img/typography/115/kinetic-typography-an-introductory-guide-2.jpg)
Кинетичната типография се отнася до създаването на подвижен тип. Това е техника на анимация, която се използва, за да накара буквите да се разширяват, свиват, летят, да се движат в бавно движение, да растат и да се променят по много начини за потребителя. Ефектът може да бъде прост и кратък само с малки промени или доста сложен и продължителен.
Използването на кинетична типография почти избухна наскоро заради по-широкото използване на техниката в уеб дизайна. След като нещо, което се използва само във видео и телевизия, кинетичната типография набира популярност като фонов ефект на уебсайтове и в уеб-базирани видеоклипове. (Всичко това е възможно благодарение на по-високите и по-често срещани широколентови мрежи и повишената скорост на интернет и уеб сърфиране.)
Техниката, използвана по редица причини, но може да добави акцент към определено съдържание. Може да помогне за предаване на тон и емоция. Може да помогне за създаването на уникален визуален файл, където няма такъв. Може да бъде достъпна опция за тези с ограничени бюджети. Може да добави интерес, когато дизайнът ви се нуждае от тласък.
Произход на кинетичната типография
![](http://computer06.com/img/typography/115/kinetic-typography-an-introductory-guide-3.jpg)
![](http://computer06.com/img/typography/115/kinetic-typography-an-introductory-guide-4.jpg)
Въпреки че кинетичната типография може да бъде белязана като нововъзникваща тенденция за уеб дизайн днес, тя съществува от доста време. За първи път е използван на големия екран.
Изследователи от Института за взаимодействие между хората и компютърното училище в университета Карнеги Мелън проследяват първата употреба на кинетична типография до филма на Алфред Хичкок от 1959 г. „Север от северозапад“. В началните кредити типът се използва в подвижен формат. Година по-късно ефектът се използва отново в „Психо“. „Тази работа отчасти произтича от желанието първоначалните кредити да поставят основата на филма, като се създаде настроение, а не просто да се предаде информацията за кредитите“, пишат изследователи.
От този момент кинетичната типография става все по-често срещана във филма, а по-късно и в телевизията. Използва се в кредити, по време на участия и за реклами. Значително използване на кинетичната типография в рекламата се появи през 2009 г., когато Pepsi стартира кампания „Обновяване на всичко“ (сега се нарича „Pepsi Pulse“) с ново лого. Новият дизайн - с лого вместо буквата „о“ - се появи навсякъде от телевизия до онлайн, използвайки подвижен тип.
Съвсем наскоро той се превърна в широко използвана техника в дизайна на уебсайтове (и за някои мобилни приложения) и е доста често срещан в онлайн видеоклиповете. Използва се за всичко - от реклама и промоция до изкуство до музикални клипове до инструмент за разказване на истории за журналисти.
Кога трябва да използвате кинетична типография?
![](http://computer06.com/img/typography/115/kinetic-typography-an-introductory-guide-5.jpg)
![](http://computer06.com/img/typography/115/kinetic-typography-an-introductory-guide-6.jpg)
Кинетичната типография е забавно средство за вашия комплект, но не е лесно решение на проблема „Аз нямам-нямам-как-да-изкуство-така-сега-какъв“. Той трябва да се използва - като всеки друг инструмент - за конкретна цел и с определена цел предвид.
Има приложения, при които кинетичната типография се оказа особено ефективна. Тези употреби най-много се отнасят до тона. Добавянето на подвижен тип към нещо, което в противен случай би имало статичен характер, може да добави помощ за постигането на това. Най-добрите приложения за кинетична типография включват:
- Създаване на емоционално съдържание
- Създаване на герои
- Привличане на вниманието
Начинът, по който се движи типът, допринася и за тези употреби, според проучванията. Например: „Силата на звука може да се имитира чрез промяна на размера на текста, както и на теглото му и понякога контраст или цвят. За големи обеми могат да се използват движения, имитиращи вибрации. " При създаването на герои, типът може да бъде настроен да се движи по начин, който имитира човешкото движение и може допълнително да бъде анимиран да се „прикрепя“ към обекти или форми по начини, които създават пространствени отношения или създават асоциации в определена посока.
Приложения за кинетична типография
![](http://computer06.com/img/typography/115/kinetic-typography-an-introductory-guide-7.jpg)
![](http://computer06.com/img/typography/115/kinetic-typography-an-introductory-guide-8.jpg)
Сега, когато започвате да се вълнувате от идеята за кинетична типография, как можете да я използвате в практически приложения? Какви медиуми работят най-добре?
Първо, подвижен тип е видео и онлайн формат. Освен ако не създавате флипбук, има малко приложения за тази концепция в печатни проекти. Важно е да помислите за вашата аудитория и колко време може да прекарате с анимация. Поддържането на кратко е препоръчително за уеб и мобилни приложения, докато при филми или реклама може да имате малко повече време с всеки потребител.
Така или иначе е важно да създадете нещо интересно, лесно за четене и разбиране и което създава емоционална връзка. Общите практически приложения за кинетична типография включват образователни приложения, като популярните видеоклипове и програми за „Schoolhouse Rock“, които са били в ефир от 1973-2009 г.; промоционални или рекламни; и музикални клипове.
Когато планирате кинетична типография, има някои общи модели на движение и поведение.
- Бавно или бързо движение
- Разтягане или свиване
- Движение в дъги или вълни, докато текстът се движи по извити пътища
- Очаквано действие, такова фино движение преди рязко
- Следвайте действия, които се случват, след като се е случило нещо друго
- Вторично действие, когато текстът се движи поради нещо, което се случва с друг елемент в рамката
Ресурси и ръководства
![](http://computer06.com/img/typography/115/kinetic-typography-an-introductory-guide-9.jpg)
Съставянето на анимиран тип може да бъде толкова просто, колкото създаването на GIF или толкова сложно, колкото създаването на музикален видеоклип. Но има много добри - и супер лесни за следване уроци, ако наистина искате да научите техники за кинетична типография.
Първо, препоръка да разгледате какво има там и неограничения брой опции за създаване на подвижен тип. (Вижте кинетичната типография на Tumblr за някои забавни примери.) И след това започнете да играете с gifs. Ако ви е удобно с анимационните инструменти на Adobe Photoshop, можете да създадете нещо просто за минути. След това може да искате да преминете към по-големи проекти.
Освен това има някои инструменти, които ви помагат да създавате прости текстови анимации набързо.
- Двигател за кинетична типография
- Урок за кинетична типография от Джеси Ростен
- Урок по кинетична типография от криви гремлинци
- Техники на кинетична типография с последващи ефекти
- Курс по кинетична типография на Udemy
- Adobe TV: Научете Edge Animate видео уроци
- Съвети за анимация от типа MotionWorks
заключение
Използването на кинетична типография може да бъде забавно средство. Подвижният тип може да добави въздействие, емоционална връзка и визуален интерес към цифрови и видео проекти. Докато техниките могат да отнемат известно време, за да овладеят, вероятно е нещо да остане. (Помислете само, дизайнерите използват техниката под някаква форма повече от 50 години.)
В момента работите ли по проекти, използващи кинетична типография? Как се оформят? Споделете своите мисли (и връзки към проекти) с нас в коментарите. Ще се радваме да видим какво работите.