მოდული 6
პრემიუმ სარეკლამო ბანერი
ანიმაციური ბანერი ფლეიერის თავზე: ტექსტი სიტყვა-სიტყვა ეცემა, კიდეს შუქის რგოლი უვლის, მაუსის ქვეშ ნათება დადის, ღილაკი ცნობს მოწყობილობას (Android / iPhone / Smart TV) და შესაბამის ჩამოტვირთვაზე მიდის. ბიბლიოთეკების გარეშე — სუფთა CSS და რამდენიმე ხაზი JavaScript.
- მიიტანე მაუსი — შუქი მოგყვება
- ტექსტი 14 წამში ერთხელ თავიდან ეცემა
- გახსენი ტელეფონზე — ღილაკი შეიცვლება
ნამდვილ საიტზე: ბანერი ირთვება და ითიშება ერთი პარამეტრით, ტექსტი და ბმულები ერთ ფაილში იცვლება.
ცოცხალი ბანერები
მსგავს ბანერებს ვქმნით
1600×180 — HTML, CSS და JavaScript, GIF-ის და ვიდეოს გარეშე. მსუბუქია, ნებისმიერ ეკრანზე მკვეთრად ჩანს და ვიზიტორის მოძრაობას პასუხობს. მიიტანე მაუსი ნებისმიერ ბანერს — ყველა ცოცხალია.
-
01
სინათლე · მაუსის კვალი
ოქრო
ბანერი, რომელიც მაუსს მიჰყვება: რბილი სინათლე ზედაპირზე დასრიალებს, სათაურს ოქროს ელვარება გადაუვლის, სვეტები მიტანისას ნათდება. ბრენდი ძვირად და მშვიდად ჩანს.
- 1600×180
- HTML · CSS · JS
- GIF-ის გარეშე
-
02
ხმა · ინტერაქცია
სიმები
სვეტების ხაზები სიმებივით ჟღერს — მაუსის გადატარებისას თითოეული თავის ნოტს უკრავს. ბანერი, რომელსაც არა მხოლოდ უყურებენ, არამედ ისმენენ.
- 1600×180
- HTML · CSS · JS
- GIF-ის გარეშე
-
03
ტიპოგრაფია · ლაზერი
სკანერი
ასოები სათითაოდ ამოდის, ლაზერის სხივი ბანერს თავიდან ბოლომდე გადაკვეთს და ტექსტს აანთებს. ტექნოლოგიური ბრენდის ხასიათი პირველივე წამიდან.
- 1600×180
- HTML · CSS · JS
- GIF-ის გარეშე
-
04
3D · სიღრმე
კუბები
სამგანზომილებიანი გამოსახულება მაუსის მოძრაობას მიჰყვება და ბანერს სიღრმეს აძლევს — თითქოს ეკრანიდან გამოდის. მოძრაობა, რომელიც თვალს იჭერს.
- 1600×180
- HTML · CSS · JS
- GIF-ის გარეშე
-
05
ნაწილაკები · 3D სვეტები
ოქროს მტვერი
ოქროს ნაწილაკები ჰაერში ტრიალებს, ლოგოდან ნაპერწკლები ცვივა, 3D სვეტები სინათლეს იჭერს. ყველაზე სადღესასწაულო ვარიანტი — პრემიერისა და აქციისთვის.
- 1600×180
- HTML · CSS · JS
- GIF-ის გარეშე
ცოცხალი ლოგოები
ლოგოებსაც ვქმნით
ცოცხალი ლოგოები SVG-სა და CSS-ზე: ნებისმიერ ზომაზე მკვეთრია, რამდენიმე KB იწონის და მოძრაობს. „შენი ლოგოს" ადგილას თქვენი სახელი ჩაჯდება.
დაფაიხურება და ფერით ინათებს
რგოლიბრუნავს, ზოლი გარბის
ასო-ბრუნილათინური ქართულად ბრუნდება
გვირგვინიბრწყინავს და მოძრაობს
ხმის ტალღაეკვალაიზერი ცოცხლობს
ოქროს მონოგრამაოქროს ელვარება, მბრუნავი რგოლი
ნეონინეონის მილი ციმციმებს
თხევადი ფორმაფერადი წვეთი ფორმას იცვლის
3D კუბისამგანზომილებიანი კუბი ბრუნავს
ორბიტაპლანეტის გარშემო თანამგზავრები
გლიჩიციფრული ხარვეზის ეფექტი
ხელმოწერათავისით იწერება კალმით
ბრილიანტიწახნაგები ციმციმებს
ენერგიაასოები ტალღად ხტება
ჰოლოგრამაცისარტყელას ფოლგა, სკანერის ხაზები
პრინციპი
რისგან შედგება ბანერი
- 1
ტექსტი ეცემა
სიტყვა-სიტყვა, რიგრიგობით.
- 2
შუქის რგოლი
ნელა დადის ბანერის კიდეზე.
- 3
შუქი მაუსის ქვეშ
მიჰყვება კურსორს ბანერის ზედაპირზე.
- 4
ღილაკი ცნობს მოწყობილობას
ტელეფონზე, კომპიუტერზე და ტელევიზორზე სხვადასხვა წარწერა.
- 5
ტექსტს ადმინი ცვლის
პანელიდან, კოდის შეხების გარეშე.
გინდა ასეთი მოდული შენს საიტზე?
მოგვწერე, რა გჭირდება — მოვარგებთ შენს საიტს, ძრავსა და დიზაინს.