Els filferros del lloc web són dibuixos de línies senzilles que mostren la ubicació d'elements en una pàgina web. Podeu estalviar-vos un munt de temps editant el disseny d'un senzill wireframe al principi del procés de disseny en comptes d'un disseny complex més endavant.
L'ús de wireframes és una bona manera de començar un projecte de lloc web, ja que permet que vostè i el seu client se centrin en el disseny sense distreure el color, el tipus i altres elements de disseny. Concentreu-vos en allò que passa en les vostres pàgines web i en el percentatge d'espai que cada element ocupa, que pot ser determinat per les necessitats del vostre client.
01 de 03
Què incloure en un lloc web Wireframe
Tots els elements importants d'una pàgina web han d'estar representats en el vostre wireframe del vostre lloc web. Utilitzeu formes simples en comptes de gràfics reals i etiquetar-los. Aquests elements inclouen:
- Navegació: botons perquè els usuaris visiten les seccions principals del vostre lloc.
- Logotip de l'empresa: només es pot representar mitjançant una caixa.
- Àrees de contingut: on apareixeran les diferents seccions de contingut?
- Caixes de cerca
- Àrees d'inici de sessió d'usuaris
02 de 03
Com crear fotogrames del lloc web
Hi ha diverses maneres de crear un marc de referència del lloc web. Inclouen:
Dibuixeu-ho a mà sobre paper
Aquest mètode és pràctic quan s'enfronten a un client. Dibuixeu les vostres idees sobre el paper, centrant-vos en quins elements han d'anar.
Ús d'Adobe Photoshop, Illustrator o altre programari
La majoria de paquets de programari gràfic vénen equipats amb totes les eines bàsiques necessàries per crear marcs de filferro. Les línies simples, formes i text (per etiquetar els elements) són tot el que necessites per crear un filferro presentable.
Ús del programari creat per aquest tipus de tasca
Mentre Photoshop i Illustrator poden fer el truc, alguns paquets de programari es desenvolupen específicament per a aquest tipus de treballs. OmniGraffle és una peça de programari que simplifica la creació de wireframes aportant eines de forma, línia, fletxa i text per usar en un llenç en blanc. Fins i tot podeu descarregar conjunts de gràfics personalitzats (de forma gratuïta) a Graffletopia, que us proporcionen més elements, com ara botons web comuns, per treballar.
03 de 03
Els beneficis
Amb els quadres de cerca del lloc web, podeu beneficiar-vos d'ajustar un dibuix de línia senzill per aconseguir el disseny desitjat. En comptes de moure elements complexos al voltant d'una pàgina, pot passar molt poc temps arrossegar un parell de caixes a noves posicions. També és molt més productiu per a vostè o el vostre client centrar-se en el disseny primer ... no començareu amb comentaris com "No m'agrada aquest color allà". En lloc d'això, començareu amb un disseny i estructura finalitzats a que per basar el vostre disseny.