Wireframe tas-sit (jew struttura tas-sit) hija chart organizzattiva li tiddefinixxi l-istruttura u l-ġerarkija tal-paġni fuq websajt. Il-wireframe iservi bħala l-bażi għall-iżvilupp tal-websajt, jgħin biex jorganizza l-kontenut u jipprovdi navigazzjoni loġika għall-utenti. Il-ħolqien ta' websajt huwa ħafna aktar faċli minn qabel. Madankollu, dan għadu proġett sinifikanti. U bħal kull proġett ieħor, għandek bżonn pjan solidu.

It-tqassim tal-websajt tiegħek huwa l-aktar parti importanti ta 'dan il-pjan. Kuluri, grafika, u kontenut ieħor jistgħu jinbidlu ħafna aktar faċilment mit-tqassim. Aħseb fit-tqassim bħala l-iskeletru tal-websajt tiegħek. Jiddefinixxi l-istruttura ta 'kull paġna, li se tiġi rfinuta aktar tard.

Wireframe huwa deskrizzjoni approssimattiva tat-tqassim ta 'websajt. Juri fejn se jkunu jinsabu l-elementi differenti kollha. Dan jagħmilha ideali punt tat-tluq għall-ħolqien ta' websajt. L-aġenziji tad-disinn tal-web kompetenti dejjem jibdew b'wireframe. Meta tiżviluppa l-websajt tiegħek, sew jekk waħedha jew f'tim, issib ukoll qafas siewi.

Il-wireframe ta’ websajt dejjem jista’ jinġibed bil-lapes u l-karta. Madankollu, dan mhux meħtieġ jekk ħafna għodod tal-wireframing huma disponibbli.

Ejja nagħtu ħarsa lejn uħud mill-aktar għodod popolari għall-iffissar tal-websajt.

 

Għaliex tuża għodda tal-wireframe?

Anke f'qasam modern bħad-disinn tal-web, xi disinjaturi għadhom jippreferu jużaw metodi qodma. Naturalment, m'hemm xejn ħażin fit-tfassil ta 'websajt fuq il-karta. Dan huwa metodu ppruvat li ħadem tajjeb għal eluf ta 'disinjaturi tal-web fil-passat. Madankollu, l-użu ta 'għodda ta' qafas jista 'jiffranka ħafna ħin u sforz. Qafas tal-websajt

  • L-użu ta 'għodda tal-wireframing jagħtik punt tat-tluq aħjar. 

Bil-lapes u l-karta, qed tibda litteralment b'lavanja vojta. L-għodod tal-qafas jagħmluha faċli biex tibda. Ħafna għandhom linji gwida tat-tqassim, anki jekk huwa grid sempliċi. Xi wħud saħansitra jipprovdu elementi default li tista 'tpoġġi fuq il-paġna sabiex ma jkollokx għalfejn tiġbed xejn.

  • L-editjar u l-korrezzjonijiet saru ħafna aktar faċli. 

Jekk taħdem fuq il-karta, ikollok tiġbed mill-ġdid il-wireframe kollu kull darba li tagħmel bidla kbira. Ħafna għodod tal-wireframing jippermettulek sempliċiment iddreggja u twaqqa' elementi. Dan jista 'jiffranka sigħat ta' xogħol, kemm jekk qed tirfina l-oriġinal iddisinja jew tagħmel bidliet skond it-talba tal-klijent.

  • Ir-riżultati jidhru aktar professjonali. 

Anki l-aqwa disinjatur jista 'jkun ftit nieqes mill-ħiliet tat-tpinġija. B'għodda tal-wireframing, qatt ma jkollok għalfejn tinkwieta dwar tfassal linja dritta jew tiżgura li element ikun iċċentrat perfettament. Naturalment, peress li wireframe huwa biss wireframe, id-dehra tiegħu mhix importanti daqs id-dehra tal-websajt lest. Imma jekk inti taħdem mal-klijenti, qafas super nadif jista 'jimpressjonhom. Dan jista 'wkoll jipprevjeni nuqqas ta' ftehim, bħal meta klijent jassumi li element mhux se jkun iċċentrat sempliċement minħabba li kien imfassal kemmxejn 'il barra miċ-ċentru fil-wireframe.

  • Huwa aktar konvenjenti għat-tim tiegħek. 

Għodod ta' qafas jagħmlu l-kollaborazzjoni ma' oħrajn ħafna aktar faċli. Bosta għodod jippermettulek tagħti aċċess lil diversi utenti sabiex kulħadd ikun jista' jaħdem fuq l-istess fajls. B'karatteristiċi ta 'kollaborazzjoni, it-tim tiegħek jista' jelimina l-ħtieġa li jaqsam il-verżjoni attwali ta 'fajl. It-tim kollu tiegħek jista' jaħdem flimkien bla xkiel, kemm jekk tkun fl-istess uffiċċju jew le. Qafas tal-websajt

  • Dan huwa aktar konvenjenti għall-klijenti tad-disinn tal-web. 

Minħabba li l-użu ta 'għodda tal-wireframing huwa aktar mgħaġġel u eħfef għat-tim tiegħek, ittejjeb ukoll il-kwalità tas-servizz li tipprovdi jekk qed tiżviluppa websajts għal oħrajn. Il-klijenti tiegħek ikunu jistgħu jirċievu kampjuni tal-wireframe aktar malajr, u se jkun ħafna aktar faċli għalik li tagħmel xi bidliet. Titjieb kwalità tas-servizz tal-konsumatur. U ovvjament, klijenti sodisfatti huma aktar probabbli li jħalluk reviżjoni tajba jew jirrakkomandawk lil ħaddieħor klijenti għan-negozju tiegħek.

Għalhekk, anki jekk int espert biex tiġbed malajr wireframes nodfa fuq il-karta, ta 'min jieħu l-ħin biex titgħallem kif tuża l-għodda tal-wireframe. Fortunatament, ħafna minnhom huma b'xejn, u ħafna għodod imħallsa għandhom provi b'xejn biex jgħinuk tagħżel dik it-tajba għalik u għat-tim tiegħek. Ejja naraw x'hemm!

 

Wireframe.cc Qafas tas-sit

Wireframe.cc Qafas tal-websajt

Tip: applikazzjoni tal-web

ispiża: Verżjoni b'xejn disponibbli; primjum minn 16 sa 99 dollaru fix-xahar

wireframe.cc hija għodda ta 'wireframing minimalista għal dawk li jippreferu lapes u karta. Hija taħdem dritt fil-web browser tiegħek, għalhekk l-ebda tniżżil hija meħtieġa. L-applikazzjoni tibda bi grilja sempliċi li fuqha tista 'tiġbed diversi elementi tal-wireframe billi tuża diversi għodod. Huwa estremament faċli biex tużah u għandha verżjoni ħielsa. Jekk tiddeċiedi li l-verżjoni b'xejn hija limitata wisq fil-karatteristiċi, tista 'taġġorna għal pjan premium biex tiftaħ aktar karatteristiċi.

 

Wireframe tas-sit Jumpchart

Jumpchart

Tip: applikazzjoni tal-web

ispiża: Verżjoni b'xejn disponibbli; premium $5 – $50/xahar.

Jumpchart mhux maħsub għad-disinn viżwali tal-websajt. Minflok, hija mfassla biex tgħinek tippjana kif il-paġni individwali tiegħek jirrelataw ma 'xulxin. Dan huwa daqstant importanti għall-UX (esperjenza tal-utent) daqs it-tqassim tal-paġna, u huwa għalhekk li Jumpchart huwa prezzjuż ieħor. għodda b'xejn, li jistgħu jiġu miżjuda mal-armament tal-ippjanar tal-websajt tiegħek. Kif tistenna, il-pjan b'xejn għandu l-limitazzjonijiet tiegħu (proġett wieħed sa 10 paġni u 2 utenti), iżda huwa punt ta 'tluq kbir għall-ippjanar ta' websajt sempliċi. Pjanijiet imħallsa jagħtuk aktar għażliet u jippermettulek taħdem ma 'aktar paġni u membri tat-tim, kif ukoll proġetti multipli f'daqqa.

Jekk int disinjatur tal-web li qed jaspira fuq baġit, billi tuża Wireframe.cc u Jumpchart flimkien jagħtuk dak kollu li għandek bżonn biex tippjana websajt. Dan huwa t-tqassim viżwali kopert minn tal-ewwel u l-ippjanar tal-mappa tas-sit kopert minn tal-aħħar. Iż-żewġ applikazzjonijiet jikkumplimentaw lil xulxin tajjeb ħafna u huma disponibbli b'xejn mingħajr tniżżil.

 

Gliffy/Wireframe tas-Sit

Gliffy/ Wireframe tal-websajt

Tip: applikazzjoni tal-web

ispiża: Verżjoni b'xejn disponibbli; verżjoni sħiħa $ 7,99/month

gliffy mhux biss għall-wireframes. Din hija applikazzjoni ta 'dijagramma bbażata fuq il-web, iżda tinkludi wireframes u tipi oħra ta' layouts. Huwa ftit inqas intuwittivi minn Wireframe.cc jew Jumpchart, iżda xorta huwa faċli biex tużah (drag and drop) u tista 'sservi l-iskopijiet taż-żewġ apps ta' hawn fuq flimkien. Bi Gliffy, tista 'toħloq wireframes għal paġni tal-web, kif ukoll flowcharts biex jirrappreżentaw il-mappa tas-sit tiegħek. Għandu numru ta 'elementi integrati biex jirrappreżenta partijiet differenti ta' paġna web jew tqassim ieħor, u tista 'wkoll ittella' l-immaġini tiegħek stess. Tista' ssibha utli wkoll għal kompiti oħra ta' disinn jew ppjanar li jinvolvu l-ħolqien ta' dijagrammi. Qafas tal-websajt

 

MockFlow

MockFlow

Tip: applikazzjoni tal-web

ispiża: Verżjoni b'xejn disponibbli; premium $19–45/mo.

MockFlow jgħaqqad ukoll funzjonijiet għall-ħolqien ta 'wireframes u l-ippjanar ta' sitemaps. Huwa aktar speċjalizzat minn Gliffy, għalhekk huwa aktar iffukat fuq websajts u kollaborazzjoni tat-tim milli dijagrammi. L-għodod tal-wireframing tagħha huma eċċellenti, b'librerija lesta ta 'tqassim u komponenti biex tibda. Tista 'faċilment toħloq wireframe fi ftit minuti u mbagħad teditjah kif tixtieq. Pjanijiet Premium jiżblokkaw karatteristiċi addizzjonali bħal karatteristiċi ta’ valur ta’ kollaborazzjoni tat-tim u aktar. Jekk tħallas kull sena, ikollok skont ta' 20%, flimkien ma' ftit karatteristiċi ta' bonus bħall-modalità offline u għodod żejda. Qafas tal-websajt

 

Canva

Canva

Tip: applikazzjoni tal-web

ispiża: Verżjoni b'xejn disponibbli; verżjoni sħiħa $9,99/xahar (fatturat kull sena)

Canva hija għodda online popolari għall-ħolqien ta' grafika ta' kwalità professjonali, anke jekk m'intix disinjatur. Huwa mgħobbi b'mudelli, illustrazzjonijiet, ritratti, u aktar. Minħabba li mhix għodda ddedikata għall-wireframing, hija nieqsa minn xi wħud mill-karatteristiċi ta 'soluzzjonijiet oħra li ħaresna lejn s'issa. Madankollu, xorta tista 'tużaha biex toħloq wireframes faċilment billi tuża drag and drop.

 

Adobe XD/Qafas tas-Sit

Adobe XD/Wireframe tal-Websajt

Tip: Softwer; disponibbli għall-Mac u l-Windows

ispiża: Verżjoni b'xejn disponibbli; verżjoni sħiħa tibda minn $9,99 fix-xahar.

Adobe XD hija għodda ta 'disinn UX avvanzata maħluqa mill-iżviluppaturi ta' Photoshop, Illustrator, InDesign u softwer professjonali famuż ieħor. Jekk inti familjari mas-softwer Adobe, int konxju tal-grad għoli ta 'speċjalizzazzjoni u qawwa f'kull waħda mill-applikazzjonijiet tagħhom. Sakemm int lest li titla 'l-kurva tat-tagħlim, l-għodod tagħhom jagħtuk ton ta' kontroll li jistgħu jippermettulek tipproduċi kważi kull ħaġa li taħseb. Adobe XD mhix differenti, billi tipprovdi sett rikk u robust ta 'għodod tad-disinn tal-web. Jmur lil hinn mill-wireframes tal-websajt u jippermettilek ukoll li toħloq mockups kompluti u anke prototipi f'fajl wieħed tal-proġett. Fortunatament, huwa wkoll aktar faċli li titgħallem tuża minn softwer Adobe ieħor, għalhekk żgur ta 'min jipprova jekk qed tfittex soluzzjoni aktar avvanzata. Qafas tal-websajt

 

figma

figma

Tip: Disponibbli bħala applikazzjoni tal-web u bħala softwer għal Mac, Windows u Linux.

ispiża: Verżjoni b'xejn disponibbli; premium $12–45/mo.

figma ffukat ħafna fuq kollaborazzjoni f'ħin reali bejn il-membri tat-tim. Madankollu, tiegħu għodod huma ugwalment utli anke għal disinjaturi solisti. Figma tipprovdi dak kollu li għandek bżonn biex toħloq wireframe, kemm jekk qed tfittex disinn bażiku jew jekk tridx tmur aktar avvanzat. L-għodod tal-editjar joffru grad għoli ta 'preċiżjoni sabiex tkun tista' ttejjeb id-disinn kif meħtieġ. Figma hija wkoll estremament kompatibbli ma 'sistemi operattivi multipli, għalhekk tista' tkun soluzzjoni ideali għal tim ta 'żvilupp Linux.

 

Kif tagħżel għodda tal-qafas

L-għażla tiegħek ta 'għodod għandha dejjem tiddependi fuq il-bżonnijiet tiegħek. Qafas ta' websajt mhuwiex differenti minn kwalunkwe proġett ieħor f'dan ir-rigward. Huwa wkoll importanti li tagħżel l-għodda t-tajba minn qabel. Naturalment, tista 'tibda b'baġit iżgħar u mbagħad taġġorna jekk possibbli. Imma trid tevita li tuża għodod li mhumiex adattati għall-bżonnijiet tiegħek. Qafas tal-websajt

Allura, kif tagħżel l-aħjar għodda tal-wireframing għad-disinn tal-web? Staqsi lilek innifsek il-mistoqsijiet li ġejjin:

  • X'inhu l-baġit tiegħi? Ikkalkula kemm tistax taffordja li tonfoq fuq softwer jew aċċess għal apps premium. Ftakar li din is-soltu hija tariffa ta' kull xahar jew annwali.
  • Kemm membri tat-tim jeħtieġu aċċess għall-għodod? Dan jista 'jfisser id-differenza bejn l-aġġornament għal premium jew l-użu ta' kont b'xejn.
  • Fuq liema sistema operattiva għandha taħdem l-għodda? Jekk m'intix ċert, huwa l-aktar sikur li żżomm mal-web apps.
  • X'karatteristiċi għandi bżonn? Qabbel il-karatteristiċi disponibbli mad-daqs tal-proġett tiegħek. Jekk għandek bżonn biss li toħloq wireframe sempliċi, għodda aktar limitata tagħmel. Imma jekk għandek bżonn tesplora bis-sħiħ il-wireframes u l-prototipi, jew għandek bżonn ukoll tippjana l-istruttura tal-mappa tas-sit tiegħek, tkun f'qagħda aħjar b'għodda aktar avvanzata (jew taħlita tat-tnejn).
  • X'inhu l-livell ta' kumdità tiegħi b'għodda speċifika? Ladarba tkun naqqset l-għażliet tiegħek ibbażati fuq il-bżonnijiet tiegħek, ipprova kwalunkwe għodda li tissodisfa dawk ir-rekwiżiti. Ħu vantaġġ sħiħ mill-provi b'xejn! Anke għodod b'kapaċitajiet simili jista 'jkollhom esperjenzi tal-utent differenti ħafna. Agħżel waħda li hija faċli (jew saħansitra divertenti) għalik biex taħdem magħha.

 

Punti Ewlenin/Qafas tas-Sit

Id-disinn tal-web huwa qasam ta’ sodisfazzjon b’ħafna għodod disponibbli biex jagħmluha aktar faċli. Għodda tal-wireframing tista’ tissimplifika l-fluss tax-xogħol tiegħek u ssir parti ċentrali tal-proċess tad-disinn tiegħek. Ejja nġabru fil-qosor dak li koprejna:

  • Għodda tal-wireframe se tagħmel id-disinn tal-web ħafna aktar faċli u aktar mgħaġġel għal disinjatur, kemm jekk jaħdem waħdu jew ma 'aġenzija.
  • Hemm ħafna għażliet kbar disponibbli, kemm jekk trid tuża web app jew tinstalla softwer fuq il-kompjuter tiegħek.
  • Għodod qafas differenti jistgħu jkunu aħjar għal timijiet akbar u/jew proġetti akbar. Oħrajn huma aktar limitati.
  • Ħafna għodod tal-wireframing joffru verżjoni b'xejn, u l-ħlas jista 'jneħħi ħafna minn dawn il-limitazzjonijiet.
  • Biex issib l-għodda tal-wireframing t-tajba, trid tistaqsi lilek innifsek ftit mistoqsijiet bażiċi.
  • Dejjem fittex prova b'xejn li tista' tuża biex tiffamiljarizza ruħek mas-softwer.

Sew jekk int disinjatur b'esperjenza jew kemm qed tibda, hemm xi ħaġa għalik perfetta għodda tat-tqassim. Ladarba ssibha, qatt ma terġa’ tmur lura għall-lapes u l-karta!

 АЗБУКА