Multimedia / prezentacje / aplikacje - studio projektownania stron - hauerpower
mapa strony
projektowanie stron internetowych - hauerpower

Nasza oferta

Multimedia / prezentacje / aplikacje


multimedia animacja  

Ożywimy Twój serwis internetowy,
dodamy animacje w jquery, html5


Od tego zaczynaliśmy nasze działania. Pierwsze strony - pierwsze animacje.
Jesteśmy specjalistami.
Dodamy płynności, wygładzimy każdy ruch, sprytnie zaskoczymy efektami wizualnymi odbiorcę, nie przeładowując przy tym całości przekazu.





Animowane strony internetowe.


Wykonujemy różnego typu strony, jeden z nich to w pełni animowane serwisy, w których każda podstrona ma swoje 'fajerwerki'. Cechą charakterystyczną jest to że serwis 'żyje', ma liczne animacje po najechaniu myszą na elementy aktywne - tak aby zwrócić uwagę użytkownika, zaciekawić.

Przy wykonywaniu tego typu serwisów ważne jest jednak aby nie przesadzić, bowiem łatwo można doprowadzić do sytuacji w której użytkownik nie dotrwa do załadowania się strony, która zostanie wyłączona jeszcze przed kompletnym załadowaniem.
Może mieć na to wpływ klika czynników:
  • zbyt duże, ciężkie wagowo grafiki,
  • zbyt duża liczba animacji użytych na stronie, która zmusza na start do załadowania większej liczby skryptów.

W związku z powyższym my proponujemy strony lekkie, wyposażone w delikatne przejścia pomiędzy działami, podświetlenia, zmiany kolorów, rotacje, rozmycia, przenikania, efekty wykorzystujące fizykę czy innego typu animacje 2D mając jednak na uwadze użyteczność i funkcjonalność tego typu serwisu.
 

Technika animacji - dla ciekawskich.


Animacja w naszym rozumieniu to nadanie elementowi płynnego ruchu.
Wykorzystując praktycznie dowolną właściwość stylu css możemy poruszyć każdym elementem strony, a nawet tłem np. ruch w danym kierunku, zmiana przeźroczystości, koloru, etc..
Dodatkowo animacja wyposażona w odpowiednie wygładzenie ruchu
to już doskonałe wrażenia wizualne. Mowa tutaj o zwalnianiu przy
przy wykańczaniu animacji tak by zachować płynność, czyli lekkim
dosuwaniu - wygaszaniu efektu np. poprzez efekt odbijania ( spadająca piłka etc.) i tak dalej.

Strony możemy wykonać w dwóch technologiach :
html5/css3 wykorzystując animacje jakie daje ten język:
  • animation - charakteryzuje animację poprzez wartości takie jak np. czas trwania, opóźnienie, kierunek, tempo.
  • keyframes - klatki kluczowe w których to możemy umieścić zmiany stanu naszej animacji.
  • osobna kwestia animowania- transition: efekty przejścia w css. Definiujemy jaka własność css ma być animowana i nadajemy jej odpowiednie parametry do animacjia. Właściwości tej podlega każdy element strony np. div opatrzony zmianą stanu po najechaniu - modyfikacja animowanej wartości stylu dla tego elementu.
Niestety z tym typem animacji jeszcze musimy się wstrzymać z racji starszych wersji przeglądarek, które to nie wspierają najnowszych rozwiązań. Na obecną chwilę należy oszacować kompatybilność na poziomie 70-80%.

Póki co jako główne animacyjne techniki proponujemy Jquery - technologia starsza, lecz równie skuteczna, a co najważniejsze działająca na starszych przeglądarkach, z którymi html5 nie współgra.




Prezentacje multimedialne


W tym segmencie animacji poruszamy się w technologii macromedia flash. Przez lata wykorzystywaliśmy flasha do animowania stron oraz dostarczania banerów, kreacji promocyjnych dla firm do internetu. Znamy specyfikacje, wiemy jak łączyć flasha z xml, php. Dziś stosujemy tą technikę jedynie do prezentacji dla firm do celów promocyjnych, na spotkania biznesowe, jako tło reklamowe na duże ekrany czy reklamy.
   
strzalka do gory