unlab

4 Tips and 17 Examples for Spectacular Login

Quali sono quei dettagli che rendono unico un sito web? Ce lo chiediamo sempre! Potremmo parlare dei background, dei font utilizzati, dell’uso dei vector, degli effetti speciali realizzati con ajax oppure potremmo parlare degli effetti grafici ottenuti con i CSS o dei colori usati e potremmo continuare fino all’infinito. Ma a noi non piace perderci in chiacchere, ecco perchè abbiamo scelto uno dei tanti elementi che può contribuire a rendere unico e funzionle un sito web: il Login.

Ecco alcuni consigli ed esempi per Login favolosi!

What are those details that make unique a website? We always ask! We could talk about the background, the font used, the use of the vector, the special effects created with ajax or we could talk about the effects achieved with CSS or colors used and we could go up indefinitely. But we do not like to lose in chat, that’s why we chose one of the many elements that can help make a unique and funzionle website: Login.

Here are some tips and examples for fabulous Login!

Login in Header


If you want to place the Login in the header, you have 2 possibility:

1 – Fully integrated in the header

onehub

2 – Only the Login button or just a simple link in the header

digg

Dedicated page for Login

You can create a page of you website only for the login. In this page there are not the contents that normally are in all pages of the website.

Delicious is an excellent example of this.

delicious

Login in a Box

If you take a lot of attention to the spaces between the boxes on your site, you can create the conditions necessary for a beautiful and functional Login box.

Look at the following example:

tastebook

Extraordinary Login interface realized with jQuery

Another way to have a stunnig Login interface is to use jQuery to realize it.

The following example shows you the Login interface of QuickSnapper. Try to click on Login in QuickSnapper’s website.

quicksnapper

You can see JQuery Sliding Login Panel to know more about how to use jQuery for the Login.

Login Showcases

Behance Network

behance

We Eatt

weeatt

Scrapblog

scrapblog

Discountbox

thediscountbox

Mint

haveamint

crowdSPRING

crowdspring

FontShop

fontshop

Mia and Maggie

miaandmaggie

Veritocracy

veri

My Bank Tracker

mybanktracker

Matt

themattinator

Virb

virb

Nasi Briyani Lounge

nasibriyanilounge

unblab

unblab

Survs

survs

PSDthemes

psdthemes

RIPT Apparel

riptapparel

Need more? Follow us on Twitter! Every day News and Resources  not published in our blog.

Correlated Articles