In side-wireframe (as side-struktuer) is in organisatoaryske kaart dy't de struktuer en hiërargy fan siden op in webside definiearret. It wireframe tsjinnet as basis foar websideûntwikkeling, helpt om ynhâld te organisearjen en logyske navigaasje foar brûkers te leverjen. It meitsjen fan in webside is folle makliker dan earder. Dit is lykwols noch in wichtich projekt. En lykas alle oare projekten, hawwe jo in solide plan nedich.
De yndieling fan jo webside is it wichtichste diel fan dit plan. Kleuren, grafiken en oare ynhâld kinne folle makliker wurde feroare dan de yndieling. Tink oan de yndieling as it skelet fan jo webside. It definiearret de struktuer fan elke side, dy't letter sil wurde ferfine.
In wireframe is in rûge skets fan 'e yndieling fan in webside. It lit sjen wêr't alle ferskillende eleminten sille lizze. Dit makket it ideaal útgongspunt foar it meitsjen fan in webside. Kompetent ynstânsjes foar webûntwerp begjinne altyd mei in wireframe. As jo jo eigen webside ûntwikkelje, itsij allinich as yn in team, sille jo ek in weardefol ramt fine.
It wireframe fan in webside kin altyd tekene wurde mei potlead en papier. Dit is lykwols net nedich as in protte wireframing-ark beskikber binne.
Litte wy efkes sjen nei guon fan 'e populêrste ark foar framing fan websiden.
Wêrom in wireframe-ark brûke?
Sels yn in modern fjild lykas webûntwerp, hawwe guon ûntwerpers noch leaver âlde metoaden te brûken. Fansels is der neat mis mei it tekenjen fan in webside op papier. Dit is in bewezen metoade dy't yn it ferline geweldich wurke hat foar tûzenen webûntwerpers. It brûken fan in framing-ark kin lykwols in protte tiid en muoite besparje. Webside ramt
-
It brûken fan in wireframing-ark jout jo in better begjinpunt.
Mei potlead en papier begjinne jo letterlik mei in lege lei. Frame-ark meitsje it maklik om te begjinnen. De measte hawwe yndielingsrjochtlinen, sels as it in ienfâldich raster is. Guon leverje sels standerteleminten dy't jo op 'e side kinne pleatse, sadat jo neat hoege te tekenjen.
-
Bewurkje en korreksjes binne folle makliker wurden.
As jo op papier wurkje, moatte jo it heule draadframe opnij tekenje elke kear as jo in grutte feroaring meitsje. In protte wireframing-ark kinne jo eleminten gewoan slepe en droppe. Dit kin oeren wurk besparje, of jo it orizjineel ferfine ûntwerp of meitsje feroarings neffens klant syn fersyk.
-
De resultaten sjogge profesjoneler.
Sels de bêste ûntwerper kin in bytsje ûntbrekke oan tekenfeardigens. Mei in wireframing-ark hoege jo jo noait soargen te meitsjen oer it tekenjen fan in rjochte line of soargje derfoar dat in elemint perfekt midden is. Natuerlik, om't in wireframe gewoan in wireframe is, is it uterlik net sa wichtich as it uterlik fan 'e ôfmakke webside. Mar as jo wurkje mei kliïnten, in super skjin frame kin yndruk meitsje op harren. Dit kin ek misferstannen foarkomme, lykas wannear't in kliïnt oannimt dat in elemint net sintraal sil wurde gewoan om't it wat off-sintrum yn 'e draadframe tekene is.
-
It is handiger foar jo team.
Framework-ark meitsje gearwurkjen mei oaren folle makliker. In protte ark kinne jo tagong jaan oan meardere brûkers, sadat elkenien oan deselde bestannen kin wurkje. Mei gearwurkingsfunksjes kin jo team de needsaak eliminearje om de aktuele ferzje fan in bestân te dielen. Jo hiele team kin naadloos gearwurkje, of jo no yn itselde kantoar binne of net. Webside ramt
-
Dit is handiger foar kliïnten foar webûntwerp.
Om't it brûken fan in wireframing-ark flugger en makliker is foar jo team, sil it ek de kwaliteit fan 'e tsjinst ferbetterje dy't jo leverje as jo websiden foar oaren ûntwikkelje. Jo kliïnten sille wireframe-samples rapper kinne ûntfange en it sil folle makliker wêze foar jo om wizigingen te meitsjen. It ferbetteret kwaliteit fan klant tsjinst. En fansels binne tefreden klanten mear kâns dat se jo in goede resinsje litte of jo oan oaren oanbefelje kliïnten oan jo bedriuw.
Dat, sels as jo in ekspert binne yn it fluch tekenjen fan skjinne wireframes op papier, is it de muoite wurdich om de tiid te nimmen om te learen hoe't jo it wireframe-ark brûke. Gelokkich binne in protte fan har fergees, en in protte betelle ark hawwe fergese proefkes om jo te helpen de juste te kiezen foar jo en jo team. Lit sjen wat der is!
Wireframe.cc Site frame
Type: web applikaasje
Kosten: Fergese ferzje beskikber; premium fan 16 oant 99 dollar per moanne
wireframe.cc is in minimalistysk wireframing-ark foar dyjingen dy't potlead en papier leaver hawwe. It rint direkt yn jo webblêder, dus gjin download is nedich. De applikaasje begjint mei in ienfâldich raster wêrop jo ferskate wireframe-eleminten kinne tekenje mei ferskate ark. It is ekstreem maklik te brûken en hat in fergese ferzje. As jo beslute dat de fergese ferzje te beheind is yn funksjes, kinne jo opwurdearje nei in premium plan om mear funksjes te ûntsluten.
Jumpchart Site Wireframe
Type: web applikaasje
Kosten: Fergese ferzje beskikber; premium $ 5 - $ 50 / moanne.
Jumpchart net bedoeld foar fisueel webside ûntwerp. Ynstee dêrfan is it ûntworpen om jo te helpen te plannen hoe't jo yndividuele siden mei-inoar relatearje. Dit is like wichtich foar UX (brûkersûnderfining) as side-yndielingen, dat is wêrom Jumpchart in oare weardefolle is fergees ark, dat kin wurde tafoege oan jo webside planning arsenal. Lykas jo soene ferwachtsje, hat it fergese plan syn beheiningen (ien projekt oant 10 siden en 2 brûkers), mar it is in geweldich útgongspunt foar it plannen fan in ienfâldige webside. Betelle plannen jouwe jo mear opsjes en kinne jo wurkje mei mear siden en teamleden, lykas meardere projekten tagelyk.
As jo in aspirant webûntwerper binne mei in budzjet, sil Wireframe.cc en Jumpchart tegearre jo alles jaan wat jo nedich binne om in webside te plannen. Dit is de fisuele yndieling bedekt troch de eardere en de sitemapplanning behannele troch de lêste. Beide applikaasjes komplementearje inoar tige goed en binne fergees beskikber sûnder te downloaden.
Gliffy/Site wireframe
Type: web applikaasje
Kosten: Fergese ferzje beskikber; folsleine ferzje $ 7,99 / moanne
gliffy net allinnich foar wireframes. Dit is in web-basearre diagrammingapplikaasje, mar it omfettet wireframes en oare soarten yndielingen. It is in bytsje minder yntuïtyf dan Wireframe.cc of Jumpchart, mar it is noch altyd maklik te brûken (slepe en drop) en kin de doelen fan beide boppesteande apps kombineare tsjinje. Mei Gliffy kinne jo wireframes meitsje foar websiden, lykas flowcharts om jo sitemap te fertsjintwurdigjen. It hat in oantal ynboude eleminten foar in fertsjintwurdigje ferskillende dielen fan in webside of oare yndieling, en jo kinne ek uploade dyn eigen ôfbyldings. Jo kinne it ek nuttich fine foar oare ûntwerp- of planningstaken dy't it meitsjen fan diagrams befetsje. Webside ramt
MockFlow
Type: web applikaasje
Kosten: Fergese ferzje beskikber; premium $ 19-45 / mo.
MockFlow kombinearret ek funksjes foar it meitsjen fan wireframes en it plannen fan sitemaps. It is mear spesjalisearre dan Gliffy, dus it is mear rjochte op websiden en teamgearwurking dan diagrammen. De wireframing-ark binne poerbêst, mei in klearmakke bibleteek fan layouts en komponinten om jo te begjinnen. Jo kinne maklik in draadframe yn minuten meitsje en it dan bewurkje as jo wolle. Premium-plannen ûntsluten ekstra funksjes lykas weardefolle funksjes foar teamgearwurking en mear. As jo jierliks betelje, krije jo 20% koarting, plus in pear bonusfunksjes lykas offline modus en ekstra ark. Webside ramt
Canva
Type: web applikaasje
Kosten: Fergese ferzje beskikber; folsleine ferzje $ 9,99 / moanne (jierliks fakturearre)
Canva is in populêr online ark foar it meitsjen fan grafiken fan profesjonele kwaliteit, sels as jo gjin ûntwerper binne. It is fol mei sjabloanen, yllustraasjes, foto's, en mear. Om't it gjin tawijd wireframing-ark is, mist it guon fan 'e funksjes fan oare oplossingen wêr't wy oant no nei hawwe sjoen. Jo kinne it lykwols noch brûke om wireframes heul maklik te meitsjen mei drag en drop.
Adobe XD/Site Framework
Type: Software; beskikber foar Mac en Windows
Kosten: Fergese ferzje beskikber; folsleine ferzje begjint by $ 9,99 per moanne.
Adobe XD is in avansearre ark foar UX-ûntwerp makke troch de ûntwikkelders fan Photoshop, Illustrator, InDesign en oare ferneamde profesjonele software. As jo bekend binne mei Adobe-software, binne jo bewust fan 'e hege graad fan spesjalisaasje en krêft yn elk fan har applikaasjes. Salang't jo ree binne om de learkurve te klimmen, jouwe har ark jo in ton kontrôle wêrmei jo hast alles kinne produsearje wêr't jo oan tinke. Adobe XD is net oars, en biedt in rike en robúste set ark foar webûntwerp. It giet fierder as webside wireframes en lit jo ek folsleine mockups en sels prototypen meitsje yn ien projektbestân. Gelokkich is it ek makliker om te learen om te brûken dan oare Adobe-software, dus it is perfoarst it besykjen wurdich as jo op syk binne nei in mear avansearre oplossing. Webside ramt
figma
Type: Beskikber as webapplikaasje en as software foar Mac, Windows en Linux.
Kosten: Fergese ferzje beskikber; premium $ 12-45 / mo.
figma sterk rjochte op real-time gearwurking tusken teamleden. Lykwols, syn ark binne like brûkber sels foar solo-ûntwerpers. Figma leveret alles wat jo nedich binne om in draadframe te meitsjen, of jo no sykje nei in basisûntwerp of avansearre wolle. De bewurkingsynstruminten biede in hege graad fan presyzje, sadat jo it ûntwerp as nedich kinne oanpasse. Figma is ek ekstreem kompatibel mei meardere bestjoeringssystemen, dus it kin in ideale oplossing wêze foar in Linux-ûntwikkelteam.
Hoe kinne jo in framing-ark kieze
Jo kar fan ark moat altyd ôfhingje fan jo behoeften. In websidekader is yn dit ferbân net oars fan elk oar projekt. It is ek wichtich om foarôf de juste ark te kiezen. Fansels kinne jo begjinne mei in lytser budzjet en dan opwurdearje as it mooglik is. Mar jo wolle foarkomme dat jo ark brûke dy't hielendal net geskikt binne foar jo behoeften. Webside ramt
Dat, hoe kieze jo it bêste wireframing-ark foar webûntwerp? Stel josels de folgjende fragen:
- Wat is myn budzjet? Berekkenje hoefolle jo kinne betelje om te besteegjen oan software of tagong ta premium apps. Unthâld dat dit normaal in moanlikse of jierlikse fergoeding is.
- Hoefolle teamleden hawwe tagong ta de ark nedich? Dit kin it ferskil betsjutte tusken upgrade nei premium of it brûken fan in fergees akkount.
- Op hokker bestjoeringssysteem moat it ark rinne? As jo net wis binne, is it it feilichst om te hâlden mei webapps.
- Hokker funksjes haw ik nedich? Fergelykje de beskikbere funksjes mei de grutte fan jo projekt. As jo allinich in ienfâldige draadframe moatte oanmeitsje, sil in mear beheind ark dwaan. Mar as jo wireframes en prototypen folslein moatte ferkenne, of jo moatte ek jo sitemapstruktuer planne, sille jo better wêze mei in mear avansearre ark (as in kombinaasje fan beide).
- Wat is myn komfortnivo mei in spesifyk ark? Sadree't jo jo opsjes beheind hawwe op basis fan jo behoeften, besykje alle ark dy't oan dizze easken foldwaan. Nim it folsleine foardiel fan fergese proeven! Sels ark mei ferlykbere mooglikheden kinne heul ferskillende brûkersûnderfiningen hawwe. Kies ien dy't maklik (of sels leuk) is foar jo om mei te wurkjen.
Key Punten / Site Framework
Webûntwerp is in beleanjend fjild mei in protte ark beskikber om it makliker te meitsjen. In wireframing-ark kin jo workflow ferienfâldigje en in sintraal diel wurde fan jo ûntwerpproses. Litte wy gearfetsje wat wy hawwe behannele:
- In wireframe-ark sil webûntwerp folle makliker en rapper meitsje foar in ûntwerper, itsij allinich as mei in buro.
- D'r binne in protte geweldige opsjes beskikber, of jo in webapp brûke wolle of software op jo kompjûter wolle ynstallearje.
- Ferskillende ramtynstruminten kinne better wêze foar gruttere teams en / of gruttere projekten. Oaren binne mear beheind.
- In protte wireframing-ark biede in fergese ferzje, en beteljen kin in protte fan dizze beheiningen fuortsmite.
- Om it juste wireframing-ark te finen, moatte jo josels in pear basisfragen freegje.
- Sjoch altyd nei in fergese proefferzje dy't jo kinne brûke om fertroud te wurden mei de software.
Oft jo in betûfte ûntwerper binne of gewoan begjinne, d'r is wat foar jo perfekt layout ark. Sadree't jo it fine, sille jo noait wer weromgean nei potlead en papier!
Leave a comment