Анимирани лого и неговото използване в уеб дизайн

Могат да бъдат анимирани GIF-анимации, или създадени с помощта на CSS и SVG - това няма значение. Важното е, че анимационен лого просто те кара да се обърне внимание на себе си, и затова не забравяйте марката. Също така, лого анимация понякога може да се каже много за дадена марка или дизайнер, който го е създал (ако, например, го правя за себе си). Сайтът дизайнер Дейвид Станфийлд, например, Логот анимация показва способността на дизайнера да създаде една интересна идея, да се изработи доста сложни анимации по прост елемент. Но това е вероятно да привлече вниманието на потенциалните клиенти, които идват в неговия сайт.

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

Какво да не правим

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

  • Следете на размера на файла. За високо качество на изображението, да я направи staraytest "w" възможно най-малки. Погрижете се за вашите посетители: ако на снимката ще бъде дълго време да се зареди, потребителят просто няма да чака за края на мишката и да оставите вашия сайт.
  • Не затягайте вниманието от информационната част на логото. Не забравяйте, че анимационен лого - е черешката на тортата, но не и самото му създаване. Направете го прости и атрактивен, но не дразнещо трептене.
  • Ако сайтът ви е анимационен лого, опитайте да изключите анимация в други части на сайта. Ако динамичните елементи ще бъдат твърде много, това ще направи впечатление на хаос в страницата. Тази ситуация е решен или отказ от анимацията в някои елементи на сайта, или да играете структура анимация елемент само на курсора на мишката.

Как да кандидатствате анимация на лого

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

Анимационни елементи се използват за показване на различни свойства:

  • преходен процес
    Ако показа че обектът е налице няколко позиции или гласи: например завъртане включване гайка лампи, превръщайки на ключа в ключалката и така нататък. Така че посетителят ще види промените със собствените си очи, а не да ги представим.
  • Изображение на триизмерни елементи
    Компютърни монитори дават само двуизмерен представителство на обекта. Следователно, за да се покаже обект триизмерен модел използване анимация, което позволява да се въведе елемент в различни издатини. Да не се правят на скоростта на движение на елемента е твърде висока, така че посетителят може да го porassmatrivat. Най-добрият вариант - трябва да контролира анимацията, която, обаче, се извършва само с помощта на Flash.
  • Привличането на вниманието
    Дори и с критиките от нас, анимация понякога е все още е необходимо да се използва, за да привлече вниманието, но при спазване на някои "но-та". По този начин, логото може да мига или риба зад екрана, но само ако първото посещение на страницата - анимация nezatsiklennaya.