Un wireframe di u situ (o struttura di u situ) hè un organigramma chì definisce a struttura è a ghjerarchia di e pagine in un situ web. U wireframe serve cum'è a basa per u sviluppu di u situ web, aiutendu à urganizà u cuntenutu è furnisce una navigazione logica per l'utilizatori. A creazione di un situ web hè assai più faciule ch'è prima. Tuttavia, questu hè sempre un prughjettu impurtante. È cum'è qualsiasi altru prughjettu, avete bisognu di un pianu solidu.
U layout di u vostru situ web hè a parte più impurtante di stu pianu. I culori, i gràfici è altri cuntenutu ponu esse cambiati assai più facilmente cà u layout. Pensate à u layout cum'è u scheletru di u vostru situ web. Definisce a struttura di ogni pagina, chì serà raffinata dopu.
Un wireframe hè un schema grossu di u layout di un situ web. Mostra induve si trovanu tutti i diversi elementi. Questu face ideale puntu di partenza per creà un situ web. L'agenzii di cuncepimentu web cumpetente cumincianu sempre cù un wireframe. Quandu sviluppate u vostru propiu situ web, sia solu o in squadra, truverete ancu un marcu preziosu.
U wireframe di un situ web pò sempre esse disegnatu cù lapis è carta. Tuttavia, questu ùn hè micca necessariu se parechji strumenti di wireframing sò dispunibili.
Fighjemu un ochju à alcuni di i più populari strumenti di framing di u situ web.
Perchè aduprà un strumentu wireframe?
Ancu in un campu mudernu cum'è u web design, certi diseggiani preferiscenu ancu aduprà metudi antichi. Di sicuru, ùn ci hè nunda di male à disegnu un situ web nantu à carta. Questu hè un metudu pruvucatu chì hà travagliatu bè per millaie di web designers in u passatu. Tuttavia, cù un strumentu framing pò salvà assai tempu è sforzu. framework di u situ web
-
Utilizà un strumentu di wireframing vi dà un puntu di partenza megliu.
Cù lapis è carta, avete literalmente principiatu cù una lavagna bianca. Strumenti di Frame facilitanu l'iniziu. A maiò parte anu linee guida di layout, ancu s'ellu hè una griglia simplice. Certi furnisce ancu elementi predeterminati chì pudete mette nantu à a pagina per ùn avè micca bisognu di disegnà nunda.
-
L'edità è e currezzione sò diventate assai più faciuli.
Sè vo travaglià nantu à carta, vi tuccherà à ridisegnare tuttu u filu ogni volta chì fate un grande cambiamentu. Parechje strumenti di wireframing vi permettenu di arrastà è sguassate elementi. Questu pò salvà ore di travagliu, sia per raffinà l'uriginale cuncepisce o fà cambiamenti secondu a dumanda di u cliente.
-
I risultati pareanu più prufessiunale.
Ancu u megliu disegnatore pò esse un pocu mancatu in capacità di disegnu. Cù un strumentu di wireframing, ùn avete mai preoccupatu di disegnà una linea retta o di assicurà chì un elementu hè perfettamente centratu. Naturalmente, postu chì un wireframe hè solu un wireframe, a so apparenza ùn hè micca impurtante cum'è l'apparenza di u situ web finitu. Ma s'è tù travaglià cù i clienti, un quadru super pulitu li puderia impressiunà. Questu pò ancu prevene i malintesi, cum'è quandu un cliente assume chì un elementu ùn serà micca centratu solu perchè hè statu disegnatu ligeramente fora di centru in u wireframe.
-
Hè più convenientu per a vostra squadra.
Strumenti di quadru facenu a cullaburazione cù l'altri assai più faciule. Parechje arnesi permettenu di cuncede l'accessu à parechji utilizatori per chì tutti ponu travaglià nantu à i stessi schedari. Cù funzioni di cullaburazione, u vostru squadra pò eliminà a necessità di sparte a versione attuale di un schedariu. A vostra squadra sana pò travaglià inseme senza saldatura, sì sì in u stessu uffiziu o micca. framework di u situ web
-
Questu hè più convenientu per i clienti di cuncepimentu web.
Perchè l'usu di un strumentu di wireframing hè più veloce è più faciule per a vostra squadra, hà ancu migliurà a qualità di serviziu chì furnite se sviluppate siti web per altri. I vostri clienti puderanu riceve campioni di wireframe più veloce è serà assai più faciule per voi per fà qualsiasi cambiamenti. Si migliurà qualità di serviziu à u cliente. E, sicuru, i clienti soddisfatti sò più prubabile di lascià una bona rivista o vi ricumandenu à l'altri clienti à a vostra attività.
Allora, ancu s'è vo site un espertu di disegnà rapidamente wireframes puliti nantu à carta, vale a pena piglià u tempu per amparà à utilizà l'utillita wireframe. Per furtuna, assai di elli sò liberi, è parechji strumenti pagati anu prucessi gratuiti per aiutà à sceglie u dirittu per voi è a vostra squadra. Videmu ciò chì ci hè !
Wireframe.cc Site frame
Type: applicazione web
Cost: Versione libera dispunibule; premium da 16 à 99 dollari per mese
wireframe.cc hè un strumentu di wireframing minimalista per quelli chì preferanu matita è carta. Funziona direttamente in u vostru navigatore web, per quessa, ùn hè micca necessariu scaricamentu. L'applicazione principia cù una griglia simplice nantu à quale pudete disegnà diversi elementi wireframe usendu diversi strumenti. Hè assai faciule d'utilizà è hà una versione libera. Se decide chì a versione libera hè troppu limitata in funzioni, pudete aghjurnà à un pianu premium per sbloccare più funzioni.
Jumpchart Site Wireframe
Type: applicazione web
Cost: Versione libera dispunibule; premium $ 5 - $ 50 / mese.
Jumpchart micca destinatu à u disignu visuale di u situ web. Invece, hè pensatu per aiutà à pianificà cumu e vostre pagine individuali sò in relazione l'una cù l'altri. Questu hè cusì impurtante per UX (esperienza d'utilizatore) cum'è layout di pagina, per quessa, Jumpchart hè un altru preziosu. strumentu gratuitu, chì pò esse aghjuntu à u vostru arsenale di pianificazione di u situ web. Comu aspittàvate, u pianu gratuitu hà e so limitazioni (un prughjettu finu à 10 pagine è 2 utilizatori), ma hè un grande puntu di partenza per a pianificazione di un situ web simplice. I piani pagati vi danu più opzioni è vi permettenu di travaglià cù più pagine è membri di a squadra, è ancu parechji prughjetti in una volta.
Sè vo site un web designer aspirante cù un budgetu, usendu Wireframe.cc è Jumpchart inseme vi darà tuttu ciò chì avete bisognu di pianificà un situ web. Questu hè u layout visuale coperto da u primu è a pianificazione di sitemap coperta da l'ultima. E duie applicazioni cumplementanu assai bè è sò dispunibuli gratuitamente senza scaricamentu.
Gliffy/Site wireframe
Type: applicazione web
Cost: Versione libera dispunibule; versione completa $ 7,99 / mese
scintillante micca solu per i wireframes. Questa hè una applicazione di schema basata in u web, ma include wireframes è altri tipi di layout. Hè un pocu menu intuitivu di Wireframe.cc o Jumpchart, ma hè sempre faciule d'utilizà (drag and drop) è pò serve à i scopi di e duie app sopra cumminate. Cù Gliffy, pudete creà wireframes per e pagine web, è ancu flowcharts per rapprisintà u vostru sitemap. Havi una quantità di elementi integrati per rapprisintà diverse parti di una pagina web o un altru layout, è pudete ancu caricate e vostre imagine. Puderete ancu truvà utile per altri travaglii di cuncepimentu o pianificazione chì implicanu a creazione di diagrammi. framework di u situ web
MockFlow
Type: applicazione web
Cost: Versione libera dispunibule; premium $ 19-45 / mo.
MockFlow combina ancu funzioni per creà wireframes è pianificà sitemaps. Hè più specializatu chè Gliffy, per quessa, hè più focu annantu à i siti web è a cullaburazione in squadra cà i diagrammi. I so strumenti di wireframing sò eccellenti, cù una libreria pronta di layout è cumpunenti per avè principiatu. Pudete facilmente creà un wireframe in minuti è poi edità cum'è vulete. I piani premium sbloccanu funzioni supplementari cum'è funzioni preziose di cullaburazione in squadra è più. Se paghete annu, uttene un scontu di 20%, più uni pochi di funzioni bonus cum'è u modu offline è strumenti extra. framework di u situ web
Canva
Type: applicazione web
Cost: Versione libera dispunibule; versione completa $ 9,99 / mese (fatturatu annu)
Canva hè un strumentu populari in linea per creà grafici di qualità prufessiunale, ancu s'è ùn site micca un designer. Hè carricu cù mudelli, illustrazioni, ritratti è più. Perchè ùn hè micca un strumentu di wireframing dedicatu, ùn manca alcune di e caratteristiche di altre soluzioni chì avemu vistu finu à avà. Tuttavia, pudete sempre aduprà per creà wireframes assai facilmente usendu drag and drop.
Adobe XD/Site Framework
Type: Software; dispunibule per Mac è Windows
Cost: Versione libera dispunibule; versione cumpleta principia da $ 9,99 per mese.
Adobe XD hè un strumentu di cuncepimentu UX avanzatu creatu da i sviluppatori di Photoshop, Illustrator, InDesign è altri software prufessiunali famosi. Sè vo site familiarizatu cù u software Adobe, sapete di l'altu gradu di specializazione è u putere in ognuna di e so applicazioni. Sempre chì site dispostu à cullà a curva di l'apprendimentu, i so strumenti vi danu una tonna di cuntrollu chì vi permette di pruduce quasi tuttu ciò chì pensate. Adobe XD ùn hè micca sfarente, chì furnisce un riccu è robustu set di strumenti di cuncepimentu web. Va oltre i wireframes di u situ web è permette ancu di creà mockups cumpleti è ancu prototipi in un unicu schedariu di prughjettu. Per furtuna, hè ancu più faciule d'amparà à utilizà cà l'altri software Adobe, cusì vale a pena pruvà sè vo circate una suluzione più avanzata. framework di u situ web
figma
Type: Disponibile cum'è una applicazione web è cum'è software per Mac, Windows è Linux.
Cost: Versione libera dispunibule; premium $ 12-45 / mo.
figma fermamente focu annantu à a cullaburazione in tempu reale trà i membri di a squadra. Tuttavia, u so i strumenti sò ugualmente utili ancu per i diseggiani solisti. Figma furnisce tuttu ciò chì avete bisognu per creà un wireframe, sì vo circate un disignu basicu o vulete andà più avanzatu. L'arnesi di editazione offrenu un altu gradu di precisione per pudè aghjustà u disignu cum'è necessariu. Figma hè ancu estremamente cumpatibile cù parechji sistemi operativi, cusì pò esse una soluzione ideale per un squadra di sviluppu Linux.
Cumu sceglie un strumentu di framing
A vostra scelta di arnesi deve sempre dipende da e vostre necessità. Un framework di u situ web ùn hè micca sfarente di qualsiasi altru prughjettu in questu sensu. Hè ancu impurtante di sceglie l'arnesi dritta in anticipu. Di sicuru, pudete inizià cù un budgetu più chjucu è poi aghjurnà se pussibule. Ma vulete evitari di utilizà arnesi chì ùn sò micca adattati per i vostri bisogni. framework di u situ web
Allora, cumu sceglite u megliu strumentu di wireframing per u web design? Fate e seguenti dumande:
- Chì ghjè u mo budgetu ? Calculate quantu pudete permette di spende in software o accessu à app premium. Ricurdativi chì questu hè generalmente una tarifa mensuale o annuale.
- Quanti membri di a squadra necessitanu accessu à l'arnesi? Questu puderia significà a diferenza trà l'aghjurnamentu à premium o l'usu di un contu gratuitu.
- In quale sistema operatore deve esse funziona l'utillita? Se ùn site micca sicuru, hè più sicuru di stà cù l'applicazioni web.
- Chì funziunalità aghju bisognu? Paragunate e funziunalità dispunibili à a dimensione di u vostru prughjettu. Sè solu bisognu di creà un wireframe simplice, un strumentu più limitatu farà. Ma s'è avete bisognu di scopre cumplettamente i wireframes è prototipi, o avete ancu bisognu di pianificà a vostra struttura di sitemap, sarete megliu cù un strumentu più avanzatu (o una cumminazione di i dui).
- Chì ghjè u mo livellu di cunfortu cù un strumentu specificu? Una volta chì avete ristrettu e vostre opzioni basate nantu à i vostri bisogni, pruvate qualsiasi arnesi chì rispondenu à questi requisiti. Prufittate pienamente di i prucessi gratuiti! Ancu l'arnesi cù capacità simili ponu avè esperienze d'utilizatori assai diverse. Sceglite unu chì hè faciule (o ancu divertente) per voi di travaglià.
Punti chjave / Framework di u situ
U web design hè un campu gratificante cù assai strumenti dispunibili per fà più faciule. Un strumentu di wireframing pò simplificà u vostru flussu di travagliu è diventà una parte centrale di u vostru prucessu di cuncepimentu. Riassumemu ciò chì avemu cupertu:
- Un strumentu wireframe farà u web design assai più faciule è più veloce per un designer, sia chì travaglia solu o cù una agenzia.
- Ci hè parechje opzioni fantastiche dispunibili, sì vulete usà una app web o installà software in u vostru urdinatore.
- Diversi strumenti di framework ponu esse megliu per squadre più grande è / o prughjetti più grande. L'altri sò più limitati.
- Parechji strumenti di wireframing offrenu una versione libera, è u pagamentu pò sguassà parechje di sti limitazioni.
- À truvà u strumentu wireframing dritta, vi tocca à dumandà sè stessu uni pochi di dumanni basi.
- Sempre cercate una prova gratuita chì pudete aduprà per familiarizà cù u software.
Sè vo site un designer espertu o appena principiatu, ci hè qualcosa per voi ideale strumentu di layout. Una volta truvata, ùn tornerete mai più à a matita è a carta!
Dejene un commentu