Creare un layout grafico o wireframe: studiamone alcuni
Laburno ci viene incontro con una risorsa grazie alla quale cominciare a studiare i wireframe dei siti più famosi in giro per la rete, da Facebook al sito della Apple.
Il sito si chiama Web without words ed è secondo me poco usabile, poichè vorrebbe riprodurre il proprio stesso wireframe tramite il rollout, ma una volta imparato il meccanismo risulta facile navigarlo e andare a curiosare. In realtà non sono veri e propri wireframe, ma viene presa la stampata del video e cancellati e coperti testi e immagini che distraggono dalla visione d’insieme. Serve però per cominciare a sintetizzare i vari blocchi. Provateci!
Ecco ad esempio come risulta il sito di Facebook senza testi!


















Add to Google

9 Commenti
ehm forse mi sfugge qualcosa… tipo l’utilità
è curioso e serve a sintetizzare i layout mentalmente, aiuta a focalizzare e imparare dai layout già presentati
scusate, ma parlando di layout, qualcuno sa dirmi se sa o conosce chi sa fare i layout di myspace? mi interesserebbe molto imparare, anche perchè me ne hanno chiesti in parecchi. grazie a tutti quelli che risp.=)
myspace è un sistema del cavolo…mi sono sempre rifiutata :S
Da che so, si tratta solamente di intervenire sul css, però non so darti informazioni più precise.
la navigazione di WWW è a dir poco fastidiosa…..ma è solo un oponione……;)
su questo concordo
Cose del genere le facevo alle superiori per l’impaginazione con illustrator! è anke vero che internet in italia ce l’avevano si e no 10 persone e chi realizzava siti internet era da considerarsi un genio (anke ora ovviamente
).
ripesco questo topic… conoscete un qualche sito web che crea automaticamente questo tipo di wireframe (ovvero oscura e “boxxa” testi e immagini) su siti già esistenti?