Parimad ressursid võrgupõhiste traatvõrkude joonistamiseks
Protsess liidese kujundamine alati algab idee loomine. See hõlmab visualiseerimist, teiste saitide uurimist ja kiiret prototüüpimist. See varajase idee etapp on ülioluline mõista paigutust ja kasutaja kogemust kavatsete ehitada. Niisiis, kuidas peaksite tegelikult uue projekti juhtmevabade tööde teostama?
Ma olen traditsioonilise paberi ja pliiatsiga fänn, vajadusel lisatööriistadega. Aga digitaalne juhtmestik on samuti suur ja see on kaasaegsete disainerite jaoks elujõuline valik. Selles artiklis sooviksin jagada parimaid vahendeid mõlema tehnika jaoks, et aidata teil luua oma võrgupõhised kasutajaliidesed.
Varajane UI / UX kontseptualiseerimine
Alustame selgitades erinevusi a traatraam ja a prototüüp. Neid kahte sõna kasutatakse tihti vaheldumisi, sest need on seotud sama protsessiga.
A traatraam on üks staatiline visand veebilehe või rakenduse kasutajaliidese See võib sisaldada nuppude teksti, marginaale, elementide suurusi või isegi animatsioone. Wireframes on aga õiged üksikute lehtede karmid joonised.
Samamoodi a prototüüp on nagu a vooskeem, mis näitab, kuidas erinevad leheküljed omavahel seostuvad. Nii ühendab prototüüp traadiraamid, et näidata, kuidas erinevad nupud või lingid peaksid viima teistele lehtedele.
Need definitsioonid ei ole kivist nikerdatud, mõnedel disaineritel võib olla oma terminoloogia ja nad ei saa minu täpse sõnastusega nõustuda. Aga see on see, kuidas ma neid üldiselt kirjeldasin, ja see, kui paljud disainerid mõistavad neid termineid kõige paremini.
Mida sa peaksid just nende varakeste kontseptuaalsete tükkidega tegema? Kas need on tõesti vajalikud? Ma ütleksin, et prototüüpimine ei ole alati vajalik, kuid see on väga hea mõte, eriti keeruliste interaktsioonidega rakenduste projekteerimisel.
Aga sõrestamine on alati hea mõte iga uue projekti puhul. See aitab sind keskenduge suurele pildile ilma muretsemata. Teil on tunne, kuidas üldine leht on välja pandud, ja see on hindamatu, kui kujundate konkreetse paigutuse.
Wireframing'i eesmärgid
Iga kord, kui alustate uut projekti, peaksite kaaluma mida sa üritad lahendada. Iga sait on ehitatud konkreetse eesmärgiga. Paljudel saitidel on isegi mitu eesmärki, kus mõned eesmärgid on tähtsamad kui teised.
Kasutage juhtnuppu, et aidata teil leida parim strateegia veebisaidi eesmärgi (de) salvestamine. Tõenäoliselt ei juhtu see esimeses traatvõrgus, nii et olge valmis visandage palju erinevaid ideid.
Otsige teisi sarnaseid veebisaite ja kirjutage üles nende parimad omadused. Analüüsige, kuidas sisu on organiseeritud ja kuidas iga lehekülje kaudu liikuda.
Mõtle wireframes alates interaktiivne seisukoht. Need pole lihtsalt ilusad pildid. Nad on digitaalsete liideste kujutised ja te soovite oma ideid sellest silmas pidada.
Võttes kasutusele võrgupõhised ressursid, olenemata sellest, kas need on valmistatud paberist või on digitaalsed, võib see kiirelt joonistada. Nüüd vaatame parimaid vahendeid wireframe'i loomiseks.
Grid Sketchpads
Saate alati alustada pisipiltide visanditega printeri paberist kaardistage karmid ideed. Isiklikult alustan tavaliselt printeri paberiga töötamist, sest nii olen ma vähem võrkude pärast ja rohkem sellest ideede loomine.
Punkti võrgu sketchpads on parim viis minna idee puhastada, ja andke sellele rohkem struktuuri. Võrk aitab teil hinnata üksuste vahelisi vahemaid lehel ja looge mingi sümmeetria traatvõrgus.
Seal on palju suurepäraseid tooteid, kui soovite alustage paberil sõrestusraami, näiteks Rhodia Dot Pad on saadaval erineva suurusega igapäevaseks kasutamiseks. Sellega kaasneb ainult 80 lehekülge, kuid see on enamiku võrguprojektide puhul üsna tüüpiline.
Teine väga lahe ja kohandatav toode on Dotgrid. Kõik Dotgridi kirjed on kallimad kui Rhodia raamatud, kuid neil on rohkem materjale ja kohandatud katte kujundusi.
Dotgrid aktsepteerib isegi tellimusel olevaid tellimusi kujundage oma kohandatud sketchpad. Iga raamat sisaldab veidi alla 100 lehte, nii et ka esi- ja tagaküljel saate umbes 200 lehekülge, et võrku joonistada.
Paar muud punktvõrgu sketchbooks, mida tahan mainida, on Behance Dot Grid, mis on kõvakaaneline ja spiraalköites, kuigi see sisaldab ainult 50 paberilehte.
Responsive Design Sketchbook on üks veebidisainerite parimaid ressursse. Ükski teine toote disainer ei vaja reageerivat disaini visandraamatut, kuid veebidisainerid saavad sellest vabadusest suurt kasu luua ideid erineva seadme laiusega ruudukujulise paigutuse peal.
Need tundlikud disainipadjad sisaldavad ka 50 lehte, kokku 100 lehekülge, kuid igal lehel on neli erinevat reageerivat võrku esindab erinevaid murdepunkte reageerivas disainis: lauaarvuti, sülearvuti, tahvelarvuti ja nutitelefon.
Kuigi disain on Dotgrid-raamatutega võrreldes imelik, ei ole keegi teine pidanud veebidisaineritele reageerivaid sketchbooke. Kui oled sellesse asjani, siis tasub tellida üks proovisõidule.
Kui sa oled tõesti käsitsi valmistatud asjadesse ja ei taha kulutada raha, võite ka seda teha printige oma võrgulehed koos liidese visandiga. See tasuta veebisait pakub erinevad võrgumallid mida saate printida ja kasutada käsitsi tõmmatud traatide jaoks.
Võrgustikud on A4 ja USA kirjasuurusega printeri paberi erinevatele stiilidele. Saate valida paljude valikute hulgast, näiteks täispika veebibrauseri mallid või erinevad iPhone'i ekraanid.
Kõik need võimalused on suured ja tasub uurida, kui olete sisse lülitatud pliiatsi joonistamine. Paber on üks lihtsamaid meediume uute ideede kiireks langetamiseks, seega on see sageli eelistatav valik isegi UI disainerite poolt.
Digitaalsed tööriistad ja veebirakendused
Seal on nii palju suurepäraseid traatvõrgu programme, et neid ei ole võimalik analüüsida halvata, nii et nüüd keskendume mõningatele parimatele võimalustele võrgupõhine traadistamine.
Esiteks tahaksin mainida, et saate kasutada Adobe'i tööriistu, näiteks Illustratorit luua oma traadiraamid. See ei ole osa kõigi tööprotsessist ja Illustrator ei ole kindlasti vaba. Aga kui sa juba töötad Adobe Creative Cloudiga, siis võib see olla hea koht alustamiseks.
1. Moqups
Moqups on üks parimaid Interneti-vahendeid wireframing. Te töötate visuaalse redaktori ja varade raamatuga, et lohistada kogu leht.
Igas uues Moqupsi projektis on a eelnevalt määratletud võrk, ja kasutab heledaid lillasid, et aidata elemente joondada. See on suurepärane veebitööriist, mis muudab võrku kujundamise nii palju lihtsamaks.
Sait töötab vaikimisi vabal plaanil, mis piirab kasutaja 300 lehekülje objekti. Saidil on lisatasu valikuvõimalused, kuid kuutasu maksmine võib olla rohkem tüütu kui lihtsalt Adobe'i tööriistade läbimine või Sketch'i ühekordne ostmine.
2. Grid Papr
Grid Papr veebirakendus on täiesti tasuta ning pakub nii avalikke kui ka erasektori kontosid. Te loote oma projektile nime ja saate oma unikaalse URL-i traatraamile, mida saate mis tahes arvutist redigeerida.
Iga uus traatvõrk kaasas võrk mis võimaldab teil täita kõiki elemente. Funktsioonid on lihtsad, kuid piisavad looge mineraalkaabel minutites. Lihtsalt lohistage ükskõik mida tahad lehele ja järgige võrku, et luua tähtede traat.
3. Wireframe.cc
Wireframe.cc on üks lihtsamaid ja minimaalseid tööriistu, mida saab kasutada traadita pildistamiseks. See sisaldab a segaduseta liides koos eelnevalt ehitatud võrk ja korraldatud tööriistaribad. Klõpsake & drag, et luua lõuendile uusi elemente. Samuti saate oma tööd salvestada ja jagada.
See on veel üks vahend, mida pakutakse tasuta lisatasu plaanidega. Iga plaan esitatakse igakuiselt, seega on see väga sarnane hinnastruktuuriga Moqupsi. Vaba tööriist on kasutatav ükskõik millisest arvutist ilma kontoga.
4. Mockingbird
Mockingbird on järjekordne suurepärane võimalus, mis pakub palju rohkem funktsioone kui enamik juhtmevaba pildistamise tööriistu. Võite alustada tasuta, kuid uuring on piiratud 7 päevaga. See võib olla mõnedele kasutajatele häiriv, kuid tööriist on tõesti uskumatu ja töötab kõigis brauserites.
Mockingbirdil on lõputu UI-elementide raamatukogu, näiteks sakid, akordionid, rippmenüüd, videopleierid ja lihtsad tekstilinkid. Vaikevõre kasutab 960gs võrgusüsteemi, kuid saate valida 12, 16 ja 24 veergu.
Lõplikud sõnad
Olenemata sellest, kas valite traditsioonilise või digitaalse raadiosaatja, oleneb sellest alati toodangu kvaliteet. Sellist tööd tehes on palju õppida, nii et leidke mis tahes tööriist, mis teile kõige mugavam on.
Edasine liikumine on parim lihtsalt alustage sõrestust. Tundke iganes, mis sulle meeldib parim (paber või digitaalne), ja tehke see ise. Selle artikli ressursid peaksid andma teile rohkem kui piisavalt, et alustada oma digitaalsete liideste häälestamisega.
(Kaane foto Oykun Yilmazilt)