Inspirație 35 Anteturi minunate ale site-ului Web

Antetele de site sunt un aspect foarte important al oricărui design web, indiferent dacă site-ul este un blog, un portofoliu, un site informativ sau chiar un magazin online. Acesta este, împreună cu sigla, una dintre primele lucruri pe care le va vedea un nou utilizator când vizitează site-ul dvs. Web. Site-ul dvs., la fel ca un om, ar trebui să aibă o personalitate; cea mai bună modalitate de a "prezenta" personalitatea site-ului dvs. este prin intermediul designului antetului. Acest lucru permite vizitatorului sa determine rapid nu numai calitatea site-ului, dar daca continutul este ceva ce cred ca se va bucura.

Acest post prezintă 35 de modele superbe antet pentru a vă inspira pentru următorul proiect de web design. Toate anteturile afișate captează atenția publicului țintă incredibil de bine, prin urmare, păstrându-le pe site pentru o perioadă mai lungă de timp. Și să ne spuneți ce antet preferat este în comentariile!

Secțiunea 1. Anteturile ilustrate

Praline En Schachtel

De îndată ce acest antet minunat a fost încărcat suntem bineveniți într-un mediu fericit și vesel, cu o mare atingere personală. Simtul prietenos al antetului contracarează faptul că navigația nu pare să existe deloc.

Sănătate precară

Meomi

Încă o dată, suntem prezentați cu un mediu vesel cu designul antetului "Meomi". Ilustrația este, de fapt, animată folosind Flash, deci asigurați-vă că ați luat o privire rapidă la site-ul live. Deși designul este destul de ocupat, este ușor să vă adaptați, făcându-l ușor să găsiți drumul în jurul site-ului fără probleme. Folosirea unei linii de etichete sub meniul de navigare îi oferă vizitatorilor noi informații despre ce este site-ul web și despre cine este destinat - pur și simplu nu te-ai adunat deja din frumoasele ilustrații Flash.

Blog Ce? Proiecta

Et Toque!

Et Toque! utilizează, de asemenea, un antet animat Flash ilustrat. Acestea includ designul drăguț de caractere cu culori strălucitoare, atrăgătoare și o compoziție superbă. Navigarea este situată în partea de jos a paginii care, într-un fel, este destul de neobișnuită; Et Toque! totuși au reușit să o tragă foarte bine.

Bienenstich Band

Matt Hamm

Site-ul de portofoliu al lui Matt Hamm a urmat o tendință relativ recentă și modernă, permițându-i noilor vizitatori să știe ce face el cu litere mari și îndrăznețe. Pentru a accentua cuvântul "Bună ziua". o culoare albastru închis a fost folosită - aceasta face ca personalitatea site-ului să fie prietenoasă și foarte personală. Folosirea unei umbre îndreptate spre meniul de navigare din partea de sus a paginii o face să iasă în evidență mai mult decât este deja făcut - este aproape imposibil să nu faceți clic pe link-uri. În afară de aceasta, a fost utilizată o ilustrație comică a lui Matt care deține o pictogramă de pasăre Twitter, spunând publicului că are un profil Twitter.

Tropikalny Ogrod

Secțiunea 2. Elemente mână trasate și anteturi texturate

XHTML Expert CSS

Cochemer Stadtsoldaten

Acest antet face o mare utilizare a imaginilor de stoc, texturilor și umbrelor, toate pentru a produce o compilație memorabilă. Folosirea unui logo mare al site-ului face ca site-ul să fie și mai memorabil, iar linia de etichete de mai jos facilitează vizitatorilor noi să găsească ce este site-ul web. Navigarea este incredibil de simplă, iar legăturile de contact etc. sunt afișate în partea superioară a antetului și legăturile de navigare pentru conținut sunt utilizate sub.

Sprocket House

Racheta Studio

Folosirea texturilor de tip grungy și a elementelor desenate manual în acest design al antetului face site-ul să se simtă foarte personal și primit. De asemenea, navigația este desenată manual și este destul de neobișnuită, folosind un aspect asemănător cu cel al unei diagrame spider; deși nu este o tehnică obișnuită, este foarte ușor să navigați în jurul site-ului fără prea multă gândire și efort.

Belzebu de Saia

Odosketch

Toate pentru design

După prima încărcare a acestui design web foarte texturat, suntem aproape imediat lovite cu o serie de verde strălucitor (și atractiv). Un verde ușor mai deschis și subtil este folosit în spatele papagalului pentru a ne privi în meniul de navigare, care a fost plasat deasupra majorității fundalului texturate, pentru o vizionare mai ușoară. Este utilizată o siglă mare cu o linie de etichete încorporată, care a fost plasată deasupra majorității fundalului texturii, făcându-l mai ușor de reținut ca o siglă independentă decât ca parte a designului web.

Brunosouza

Joby

Antetul Joby folosește o combinație de litere mari (și îndrăznețe) mici, capace mici și fonturi Sans Serif pentru a atrage atenția vizitatorilor și a le face să știe despre ce este vorba site-ul într-un mod foarte memorabil și interesant. Utilizarea unei ilustrații desenate manual / pictat adaugă o notă personală personală designului.

Jay Hafling

Barclay Farms Estate

Secțiunea 3. Anteturi tipografice

Projeto Trinta

Este destul de probabil unul dintre cele mai frumoase și mai energice modele ale anteturilor din această compilație. Folosirea de culori subtile gri și un verde de var puternic, cu o combinație de găuri rupte și texturi ușoare de grunge, fac din aceasta o plăcere absolută de a privi. Pe lângă aspectul minunat, navigarea este foarte ușor de utilizat, cu un efect elegant al albului atunci când se deplasează peste link-uri. Iconurile sponsorului sunt, de asemenea, legate, făcând uz de spațiul gol într-un mod superb pentru unele campanii publicitare.

Diamond HTML

David Jonsson

Templul de Nord

Acest design antet minimalist, dar mare, are toate acestea. Antetul de tipografie tip mare, colorat și fotografic este atrăgător de ochi și este ușor de reținut. După ce ați încetat să priviți la schema de culori minunată din logo, probabil că veți citi linia de etichete, explicând despre ce este vorba site-ul și dacă este sau nu ceva pe care doriți să îl citiți. Dacă este vorba, vi se oferă câteva linkuri foarte simple, dar atrăgătoare pentru a vă găsi drumul în jurul site-ului.

Trent Walton

Laboratorul Urban Peisaj

Teleios Man

TUT Candy

TUT Candy a fost foarte aproape de a fi pus în următoarea categorie, "Atmospheric și Bokeh Headers", din cauza fondului său înstelat și spațiu. Totuși, se bazează pe o tipografie tridimensională, asigurându-i un loc în această categorie. După ce admirați efectele superbe ale textului și citiți linia de etichete care atrage atenția, link-urile și bara de căutare sunt foarte ușor de localizat și de utilizat chiar în partea superioară a antetului.

Secțiunea 4. Anteturile atmosferice și Bokeh

Rareview

Rareview utilizează Flash subtil (dar incredibil) animat în antetul lor, așa că asigurați-vă că vă îndreptați pentru a verifica versiunea live - nu veți fi dezamăgiți. Atmosfera creată de animație, mai ales dacă este văzută pe un monitor lucios mare, te face să te simți ca și cum ai fi într-o altă lume; este într-adevăr atât de puternic. Sigla minimalistă alb-negru și legăturile de navigare le fac foarte ușor să localizeze și să le folosească și să facă uz de câteva efecte de hover mare (din nou, vezi versiunea live).

Lisa Maya

72 Gândire: puncte de vânzare

Mycreativework

Secțiunea 5. Anteturile minimaliste și simple

CTL - Afacerea învățării

Croquis

Acesta este cu ușurință cel mai elegant antet din această vitrină. Utilizarea texturilor de acuarelă și utilizarea minimă a culorilor adaugă o notă foarte personală designului. Linia neagră subțire din partea superioară a antetului vă ajută să eliberați potențialul siglei fine și tipografiei de navigație.

Cloud King

XEDA Design

După ce ați analizat aceste exemple fantastice de anteturi bine concepute, trebuie să vă simțiți revigorați și pregătiți să vă luați următorul proiect de design web sau chiar să vă reprogramați antetul existent - la urma urmei, uneori sunt necesare doar mici modificări pentru a vă elibera designul potenţial.

  • Urmați-ne pe Twitter sau abonați la Nettuts + RSS Feed pentru cele mai bune tutoriale de dezvoltare web de pe web.
Cod