header Nero - tendințe de web design

Una dintre cele mai populare tendințe în design-ul este utilizarea de imagini mari, chiar uriașe care par a fi pe cale să coboare de pe ecran. Dacă această imagine este folosită în partea de sus a paginii, este numit un „antet erou“ ( «titlul de erou").

Ce beneficii această tendință de web design vă poate aduce în mod specific? De ce am nevoie pentru a începe? În acest articol veți afla ce sunt header'y erou, care sunt regulile de bază de proiectare, uita-te pentru a mari exemple de site-uri de design și chiar a găsi cele mai bune resurse cu mostre gratuite.

Ce este un antet erou?

antet erou - primul lucru care lovește vizitatorul la site-ul, astfel încât imaginea trebuie să fie pentru el pentru a atrage ochii și poate provoca interes vizual.

Când creați un accent erou header'a este doar pe componenta vizuala, design de font ar trebui să fie simplu, iar paleta de culori și forma elementelor de interfață - modestă. Logos. instrumente de navigație, precum și alte elemente de design sunt adesea plasate în partea de sus a imaginii - astfel încât acestea să nu distragă atenția de la componenta vizuală imediată, precum și lăsa o locație favorabilă pentru text.

antet erou se potrivesc cu succes în stil de design cele mai multe site-uri. Tot ceea ce este necesar pentru acest lucru - o imagine atractivă.

sfaturi utile

• Utilizați logo-ul. Acesta este de obicei situat în colțul din stânga sus. Se acordă prioritate alb-negru. Logo-ul nu ar trebui să Dapple culori strălucitoare.

• Nu vă fie teamă de a utiliza formatarea textului cu caractere aldine. Având în vedere că scrisoarea nu s-au pierdut în imaginea de fundal.

• Nu selectați elementele de navigare și textul secundar, acestea trebuie să rămână în fundal.

• Cu abordarea mintea la alegerea paletei de culori. În cazul în care culoarea imaginii primare, pentru a opri un negru și alb pentru celelalte elemente header'a erou. Pe de altă parte, în cazul în care imaginea este alb-negru, pentru text, folosiți orice culoare strălucitoare.

• Nu plasați text peste persoane sau a altor părți importante ale imaginii.

• Utilizați o litere mari și subțiri (un astfel de text este mai ușor)

• Utilizarea butoanelor fantomă (butonul „fantomă“) se va adăuga rafinament la design-ul.

• Elemente de navigare fixe face mai ușor pentru utilizator pentru a studia pagina. „Play“, cu navigare, care trăiește în interiorul erou header'a, și dincolo.

• Utilizați tranziții de culoare și semitonuri pentru a selecta textul - nu ar trebui să fuzioneze cu imaginea.

• Cauti un antet erou, utilizatorul trebuie să știe ce să facă în continuare - să faceți clic sau derulați în josul paginii. Utilizați repere vizuale. Amintiți-vă că antetul erou nu trebuie să umple întreaga porțiune vizibilă a ecranului.

• Antetul erou trebuie să fie, de asemenea, de adaptare. Observați modul în care este afișat pe ecranele de rezoluție mai mică.

Exemple de inspirație

site-uri decorate Rata de recepție „antet erou“.

mostre gratuite

Sursele gratuite sunt oferite, de obicei, două tipuri de header'ov erou - facut din fotografii reale, sau altceva pentru a trage. Puteți alege orice antet erou, perfect potrivit pentru proiectul dumneavoastră.

2 Prezentare Hero Cap gratuit

Kit Hero antet plat

2 Imagini Vintage Hero Header

Freebie erou Imagine

surse plătite

Dacă nu puteți găsi ceva potrivit printre probele libere, există mai multe surse comerciale care oferă imagini de înaltă calitate pentru header'a erou. Mai mult decât atât, se schimba pe gustul dvs. pe achiziționarea de pay-eșantion aveți mai multă libertate. cumpărături fericit!

16 Hero / Header Images Vol. 1 ($ 20)

Erou alimentar Imagine Mockup Set # 3 ($ 20)

Mega Bundle de 87 Hero Header Imagini ($ 35)

Plate Instrumente Spațiul de lucru Creative ($ 11)

Fotografii rustic stoc ($ 20)

Art Echipamente Scene Generator ($ 12)

în concluzie

antet erou - una dintre cele mai interesante și atractive tendințe de web design în ultima vreme. Unul dintre avantajele este versatilitatea sa. Fie că doriți un design plat sau design minimalist în stil retro - antet erou pentru a te ajuta.