Posts tagged footer

Footerul – element de design sau o necesitate

Potrivit regulilor de web design, tot ce este in josul paginii nu este foarte important, iar aceasta regula este apreciata deopotriva de designeri, cat si de utilizatori. Elementele grafice din josul paginii nu sunt create pentru a atrage atentia, de aceea footerele sunt adesea uitate sau ignorate cand este realizat un design.

In realitate, majoritatea footerelor sunt plictisitoare si neinspirate. Designerii folosesc aceasta zona pentru a plasa lucruri pe care nu le-au putut integra in partea superioara a saitului, de ex: termeni de confidentialitate, butoane spre W3C, drepturi de autor, linkuri care trimit catre partea superioara a paginii si date de contact. Dar daca majoritatea designerilor ignora footerul, de ce sa nu-l folosesti tu? De ce sa nu folosesti footerul pentru a-ti impresiona vizitatorii, prezentand ceva cu totul inedit?

De ce sunt utile footerele?

In general, in footer sunt plasate: detalii de contact, adresa si harta saitului, sectiunile principale, informatii succinte despre sait sau despre creatorii acestuia. Totodata el poate contine si functii suplimentare, precum RSS, abonamente de informatii prin e-mail.

Cu toate acestea, putem utiliza, footerul ca si un element de design, perfect pentru a da o nota personala saitului dumneavoastra. De exemplu, daca esti fan Seinfield, de ce sa nu plasezi un mic Kramer undeva langa datele de contact din footer? Astfel, cu un mic detaliu puteti sa va personalizati saitul, reusind, in acelasi timp sa atrageti atentia vizitatorilor. Avand in vedere ca functia principala a footerului este de a completa layout-ul, de multe ori acestuia i se da o culoare ce apare in contrast cu celelalte culori dominante utilizate in sait.

Rolul footerelor a crescut semnificativ in designul blogurilor.Acum acestea contin ultimele postari, comentariile vizitatorilor, ultimele joburi adaugate, ultimele discutii de pe forum sau diverse linkuri.Din pacate, footerele sunt folosite destul de des pentru a insera spam SEO si reclame pop-up.

Unii designeri merg mai departe si plaseaza locul de navigare in partea de jos a paginii. In astfel de cazuri saitul este impartit in doua sectiuni, partea de sus este axata pe continut, in timp ce in sectiunea de jos este plasata bara de navigatie.

Este clar ca rolul footerului este din ce in ce mai important si ca designerii sunt hotarati sa fac apel la acest element grafic pentru a reusi sa iasa in evidenta.

Alte 5 tendinte ale designului web in 2010

  • Schimbarea perspectivei

In 2010 tendinta in web design este de a reda cat mai precis realitatea, punand in perspectiva elementele componente ale layout-ului.

http://downsign.deviantart.com/art/Book-Store-136542851

  • Design interactiv si intuitiv

Se anunta timpuri bune pentru Flash. Erau vremuri cand nu puteai vizita un sait, fara sa treci mai intai de o interfata stresanta de flash. In vremurile de azi, Flash este folosit mult mai relaxat si intro maniera profesionista. Desi multi designeri prefera jQuery pentru formulare si pop-ups, Flash are locul lui in design, mai ales atunci cand este facut subtil. Flash inca nu are rival cand vine vorba de interactivitate. Deoarece vizitatorul mediu doreste sa vada sait-uri practice, tendinta este de a realiza saituri mai intuitive decat in trecut.

Ideea principala: Designul interactiv isi va face reaparitia.

http://www.crowleywebb.com/

  • Minimalismul

Uitati de saiturile minimaliste, in 2010 tendinta este catre utilizarea spatiului alb, imbinat cu fonturi indraznete si scheme de culori surprinzatoare.

http://www.kylestanding.com/

  • Footer supradimensionat

Footerele supradimensionate exista deja peste tot, dar in 2010 se tinde catre o exagerare mult mai mare acestora. Footerele capata mai mult importanta, devenind parte integranta a designului. Vorbim despre footere care vor contine update-uri din diverse retele sociale, sondaje zilnice si anunturi Flickrl.

http://www.duirwaigh.com/

  • Retro

Designurile retro sunt la moda. Desi multe dintre comunitatile de designeri admira stilul retro, este destul de dificil de a imbratisa acest stil pe deplin, realizand un design pe deplin unic. Cheia in designului retro este in a te inspira din tonul jucaus al stilului. In 2010, designul retro va fi extins, pe masura ce designerii vor gasi alte modalitati de a onora arata vintage.

http://www.level2d.com/

HTML 5

HTML 5 va inlocui atat HTML-ul care momentan este la versiunea 4.1 cat si XHTML-ul, cu alte cuvinte nu va mai exista un alt XHTML.

Printre lucrurile noi pe care le aduce se numara cateva tag-uri care au rol de a inlocui acolo unde este cazul, tag-urile mult mai generale “<div>” si “<span>”, spre exemplu delimitarea mult mai logica a layout-ului folosind <header>,<footer>,<nav>,<article>,<section>,<aside>. Dintre acestea voi explica doar <aside>, restul avand nume destul de logice. tag-ul <aside> se refera la content aflat in stransa legatura cu articolul principal din pagina, ca de exemplu o lista de posturi din aceeasi categorie cu post-ul curent.

Alte tag-uri noi, foarte bine venite de altfel sunt <audio> si <video>.

Singura problema in ceea ce priveste HTML 5 este ca trebuie sa mai asteptam pana la aparitia lui cam pana in.. 2022.  Da, se pare ca inca 13 ani. Pana atunci daca sunteti curios sa vedeti care sunt toate tag-urile ce vor fi utilizate in HTML 5, puteti gasi cheat-sheet-ul complet la adresa

http://media1.smashingmagazine.com/wp-content/uploads/images/html5-cheat-sheet/html5-cheat-sheet.pdf