Vietnes karkass (vai vietnes struktūra) ir organizatoriskā shēma, kas nosaka vietnes lapu struktūru un hierarhiju. Karkass kalpo par pamatu vietņu izstrādei, palīdzot sakārtot saturu un nodrošināt lietotājiem loģisku navigāciju. Vietnes izveide ir daudz vienkāršāka nekā iepriekš. Tomēr šis joprojām ir nozīmīgs projekts. Un tāpat kā jebkuram citam projektam, jums ir nepieciešams stabils plāns.

Jūsu vietnes izkārtojums ir vissvarīgākā šī plāna sastāvdaļa. Krāsas, grafiku un citu saturu var mainīt daudz vienkāršāk nekā izkārtojumu. Uztveriet izkārtojumu kā savas vietnes skeletu. Tas nosaka katras lapas struktūru, kas tiks precizēta vēlāk.

Stiepļu rāmis ir aptuvens vietnes izkārtojuma izklāsts. Tas parāda, kur atradīsies visi dažādie elementi. Tas padara to ideāls sākumpunkts vietnes izveidei. Kompetentās tīmekļa dizaina aģentūras vienmēr sāk ar karkasu. Izstrādājot savu vietni vienatnē vai komandā, jūs atradīsit arī vērtīgu ietvaru.

Vietnes karkasu vienmēr var uzzīmēt ar zīmuli un papīru. Tomēr tas nav nepieciešams, ja ir pieejami daudzi karkasa rīki.

Apskatīsim dažus no populārākajiem vietņu kadrēšanas rīkiem.

 

Kāpēc izmantot karkasa rīku?

Pat tādā modernā jomā kā tīmekļa dizains daži dizaineri joprojām izvēlas izmantot vecās metodes. Protams, nav nekas slikts, zīmējot vietni uz papīra. Šī ir pārbaudīta metode, kas pagātnē ir lieliski strādājusi tūkstošiem tīmekļa dizaineru. Tomēr, izmantojot ierāmēšanas rīku, var ietaupīt daudz laika un pūļu. Vietnes ietvars

  • Izmantojot karkasa rīku, varat iegūt labāku sākumpunktu. 

Izmantojot zīmuli un papīru, jūs burtiski sākat no tukšas lapas. Rāmja rīki atvieglo darba sākšanu. Lielākajai daļai ir izkārtojuma vadlīnijas, pat ja tas ir vienkāršs režģis. Daži pat nodrošina noklusējuma elementus, kurus varat ievietot lapā, lai jums nekas nebūtu jāzīmē.

  • Rediģēšana un labojumi ir kļuvuši daudz vienkāršāki. 

Ja strādājat uz papīra, jums būs jāpārzīmē viss karkass katru reizi, kad veicat lielas izmaiņas. Daudzi karkasa veidošanas rīki ļauj vienkārši vilkt un nomest elementus. Tas var ietaupīt darba stundas neatkarīgi no tā, vai uzlabojat oriģinālu izstrādāt vai veikt izmaiņas pēc klienta pieprasījuma.

  • Rezultāti izskatās profesionālāki. 

Pat labākajam dizainerim var nedaudz pietrūkt zīmēšanas prasmes. Izmantojot karkasa rīku, jums nekad nav jāuztraucas par taisnas līnijas novilkšanu vai elementa perfektu centrēšanu. Protams, tā kā karkass ir tikai karkass, tā izskats nav tik svarīgs kā gatavās vietnes izskats. Bet ja tu strādāt ar klientiem, īpaši tīrs rāmis varētu viņus atstāt iespaidu. Tas var arī novērst pārpratumus, piemēram, kad klients pieņem, ka elements netiks centrēts tikai tāpēc, ka tas ir nedaudz novirzīts no rāmja centra.

  • Tas ir ērtāk jūsu komandai. 

Ietvara rīki ievērojami atvieglo sadarbību ar citiem. Daudzi rīki ļauj piešķirt piekļuvi vairākiem lietotājiem, lai ikviens varētu strādāt ar vieniem un tiem pašiem failiem. Izmantojot sadarbības funkcijas, jūsu komanda var novērst nepieciešamību koplietot faila pašreizējo versiju. Visa jūsu komanda var nevainojami strādāt kopā neatkarīgi no tā, vai atrodaties vienā birojā vai nē. Vietnes ietvars

  • Tas ir ērtāk tīmekļa dizaina klientiem. 

Tā kā karkasa rīka izmantošana jūsu komandai ir ātrāka un vienkāršāka, tā uzlabos arī jūsu sniegto pakalpojumu kvalitāti, ja izstrādājat vietnes citiem. Jūsu klienti varēs ātrāk saņemt karkasa paraugus, un jums būs daudz vieglāk veikt jebkādas izmaiņas. Tas uzlabo klientu apkalpošanas kvalitāte. Un, protams, apmierināti klienti, visticamāk, atstās jums labu atsauksmi vai ieteiks jūs citiem klientus jūsu uzņēmumam.

Tāpēc, pat ja esat eksperts, lai ātri uzzīmētu tīrus karkasus uz papīra, ir vērts veltīt laiku, lai uzzinātu, kā izmantot karkasa rīku. Par laimi, daudzi no tiem ir bezmaksas, un daudziem maksas rīkiem ir bezmaksas izmēģinājuma versijas, lai palīdzētu jums izvēlēties piemērotāko jums un jūsu komandai. Paskatīsimies, kas tur ir!

 

Wireframe.cc Vietnes rāmis

Wireframe.cc Vietnes rāmis

Veids: tīmekļa lietojumprogramma

izmaksas: Pieejama bezmaksas versija; prēmija no 16 līdz 99 dolāriem mēnesī

wireframe.cc ir minimālistisks karkasa rīks tiem, kas dod priekšroku zīmulim un papīram. Tas darbojas tieši jūsu tīmekļa pārlūkprogrammā, tāpēc lejupielāde nav nepieciešama. Lietojumprogramma sākas ar vienkāršu režģi, uz kura var uzzīmēt dažādus karkasa elementus, izmantojot dažādus rīkus. Tas ir ļoti viegli lietojams, un tam ir bezmaksas versija. Ja nolemjat, ka bezmaksas versijai ir pārāk ierobežotas funkcijas, varat jaunināt uz premium plānu, lai atbloķētu citas funkcijas.

 

Jumpchart Site Wireframe

Jumpchart

Veids: tīmekļa lietojumprogramma

izmaksas: Pieejama bezmaksas versija; piemaksa USD 5–50 mēnesī.

Jumpchart nav paredzēts vietnes vizuālajam noformējumam. Tā vietā tas ir paredzēts, lai palīdzētu jums plānot, kā jūsu atsevišķās lapas ir savstarpēji saistītas. Tas ir tikpat svarīgi UX (lietotāja pieredzei) kā lapu izkārtojumi, tāpēc Jumpchart ir vēl viena vērtīga bezmaksas rīks, ko var pievienot savam mājas lapas plānošanas arsenālam. Kā jau varēja gaidīt, bezmaksas plānam ir savi ierobežojumi (viens projekts līdz 10 lapām un 2 lietotāji), taču tas ir lielisks sākumpunkts vienkāršas vietnes plānošanai. Maksas plāni sniedz jums vairāk iespēju un ļauj strādāt ar vairākām lapām un komandas locekļiem, kā arī ar vairākiem projektiem vienlaikus.

Ja esat topošais tīmekļa dizainers ar nelielu budžetu, izmantojot Wireframe.cc un Jumpchart kopā, jūs iegūsit visu, kas nepieciešams vietnes plānošanai. Šis ir vizuālais izkārtojums, uz kuru attiecas pirmais, un vietnes kartes plānošana, uz kuru attiecas otrā. Abas lietojumprogrammas ļoti labi papildina viena otru un ir pieejamas bez maksas bez lejupielādes.

 

Gliffy/Site karkass

Gliffy/ Vietnes karkass

Veids: tīmekļa lietojumprogramma

izmaksas: Pieejama bezmaksas versija; pilna versija 7,99 USD mēnesī

Gliffy ne tikai stiepļu karkasiem. Šī ir tīmekļa diagrammu veidošanas programma, taču tajā ir iekļauti stiepļu rāmji un cita veida izkārtojumi. Tas ir nedaudz mazāk intuitīvs nekā Wireframe.cc vai Jumpchart, taču tas joprojām ir viegli lietojams (velciet un nometiet) un var kalpot abu iepriekš minēto lietotņu mērķiem. Izmantojot Gliffy, varat izveidot tīmekļa lapu rāmjus, kā arī blokshēmas, lai attēlotu jūsu vietnes karti. Tajā ir vairāki iebūvēti elementi, kas attēlo dažādas tīmekļa lapas daļas vai citu izkārtojumu, kā arī varat augšupielādēt savus attēlus. Tas var būt noderīgs arī citiem projektēšanas vai plānošanas uzdevumiem, kas ietver diagrammu izveidi. Vietnes ietvars

 

MockFlow

MockFlow

Veids: tīmekļa lietojumprogramma

izmaksas: Pieejama bezmaksas versija; piemaksa USD 19–45 mēnesī.

MockFlow apvieno arī karkasu izveides un vietņu karšu plānošanas funkcijas. Tas ir vairāk specializēts nekā Gliffy, tāpēc tas ir vairāk vērsts uz vietnēm un komandu sadarbību, nevis uz diagrammām. Tās karkasa rīki ir lieliski, ar gatavu izkārtojumu un komponentu bibliotēku, lai sāktu darbu. Varat viegli izveidot karkasu dažu minūšu laikā un pēc tam rediģēt to, kā vēlaties. Premium plāni atbloķē papildu funkcijas, piemēram, vērtīgas komandas sadarbības funkcijas un citas. Ja maksājat katru gadu, jūs saņemsiet 20% atlaidi, kā arī dažas papildu funkcijas, piemēram, bezsaistes režīmu un papildu rīkus. Vietnes ietvars

 

Canva

Canva

Veids: tīmekļa lietojumprogramma

izmaksas: Pieejama bezmaksas versija; pilna versija 9,99 USD mēnesī (rēķins tiek veikts katru gadu)

Canva ir populārs tiešsaistes rīks profesionālas kvalitātes grafikas izveidei, pat ja neesat dizainers. Tajā ir iekļautas veidnes, ilustrācijas, fotoattēli un daudz kas cits. Tā kā tas nav speciāls karkasa veidošanas rīks, tam trūkst dažu citu līdz šim apskatīto risinājumu funkciju. Tomēr jūs joprojām varat to izmantot, lai ļoti viegli izveidotu stiepļu rāmjus, izmantojot vilkšanu un nomešanu.

 

Adobe XD/Site Framework

Adobe XD/ Website Wireframe

Veids: Programmatūra; pieejams operētājsistēmām Mac un Windows

izmaksas: Pieejama bezmaksas versija; pilna versija sākas no USD 9,99 mēnesī.

Adobe XD ir uzlabots UX dizaina rīks, ko izveidojuši Photoshop, Illustrator, InDesign un citas slavenas profesionālas programmatūras izstrādātāji. Ja esat iepazinies ar Adobe programmatūru, jūs zināt, cik liela ir katras programmas specializācija un jauda. Kamēr esat gatavs kāpt pa mācīšanās līkni, viņu rīki sniedz jums daudz kontroles, kas var ļaut jums ražot gandrīz visu, ko domājat. Adobe XD neatšķiras, nodrošinot bagātīgu un stabilu tīmekļa dizaina rīku komplektu. Tas pārsniedz vietņu rāmjus, kā arī ļauj izveidot pilnīgus maketus un pat prototipus vienā projekta failā. Par laimi, to ir arī vieglāk iemācīties lietot nekā citu Adobe programmatūru, tāpēc noteikti ir vērts mēģināt, ja meklējat modernāku risinājumu. Vietnes ietvars

 

figma

figma

Veids: Pieejama kā tīmekļa lietojumprogramma un programmatūra operētājsistēmai Mac, Windows un Linux.

izmaksas: Pieejama bezmaksas versija; piemaksa USD 12–45 mēnesī.

figma koncentrējas uz reāllaika sadarbību starp komandas locekļiem. Tomēr viņa instrumenti ir vienlīdz noderīgi pat solo dizaineriem. Figma nodrošina visu nepieciešamo, lai izveidotu stiepļu karkasu neatkarīgi no tā, vai meklējat pamata dizainu vai vēlaties uzlabot. Rediģēšanas rīki piedāvā augstu precizitātes pakāpi, lai jūs varētu pielāgot dizainu pēc vajadzības. Figma ir arī ārkārtīgi saderīga ar vairākām operētājsistēmām, tāpēc tā var būt ideāls risinājums Linux izstrādes komandai.

 

Kā izvēlēties ierāmēšanas rīku

Jūsu rīku izvēlei vienmēr jābūt atkarīgai no jūsu vajadzībām. Tīmekļa vietnes ietvars šajā ziņā neatšķiras no jebkura cita projekta. Ir svarīgi arī iepriekš izvēlēties pareizos rīkus. Protams, varat sākt ar mazāku budžetu un pēc tam jaunināt, ja iespējams. Bet jūs vēlaties izvairīties no tādu rīku izmantošanas, kas nepavisam nav piemēroti jūsu vajadzībām. Vietnes ietvars

Tātad, kā izvēlēties labāko ietvara rīku tīmekļa dizainam? Uzdodiet sev šādus jautājumus:

  • Kāds ir mans budžets? Aprēķiniet, cik daudz varat atļauties tērēt programmatūrai vai piekļuvei premium programmām. Atcerieties, ka tā parasti ir mēneša vai gada maksa.
  • Cik komandas locekļiem ir nepieciešama piekļuve rīkiem? Tas varētu nozīmēt atšķirību starp jaunināšanu uz premium vai bezmaksas konta izmantošanu.
  • Kurā operētājsistēmā rīkam jādarbojas? Ja neesat pārliecināts, visdrošāk ir izmantot tīmekļa lietotnes.
  • Kādas funkcijas man ir vajadzīgas? Salīdziniet pieejamās funkcijas ar sava projekta lielumu. Ja jums ir jāizveido tikai vienkāršs stiepļu rāmis, noderēs ierobežotāks rīks. Bet, ja jums ir pilnībā jāizpēta karkasi un prototipi vai arī jāplāno vietnes kartes struktūra, jums būs labāk izmantot modernāku rīku (vai abu kombināciju).
  • Kāds ir mans komforta līmenis ar konkrētu instrumentu? Kad esat sašaurinājis iespējas atbilstoši savām vajadzībām, izmēģiniet jebkuru rīku, kas atbilst šīm prasībām. Izmantojiet visas bezmaksas izmēģinājuma versijas priekšrocības! Pat rīkiem ar līdzīgām iespējām var būt ļoti atšķirīga lietotāju pieredze. Izvēlieties tādu, ar kuru jums ir viegli (vai pat jautri) strādāt.

 

Galvenie punkti/vietnes ietvars

Tīmekļa dizains ir izdevīga joma, kurā ir pieejami daudzi rīki, kas to atvieglo. Karkasa rīks var vienkāršot jūsu darbplūsmu un kļūt par jūsu projektēšanas procesa centrālo daļu. Apkoposim to, ko esam aptvēruši:

  • Karkasa rīks dizaineram padarīs tīmekļa noformēšanu daudz vienkāršāku un ātrāku neatkarīgi no tā, vai viņš strādā vienatnē vai ar aģentūru.
  • Ir pieejamas daudzas lieliskas iespējas neatkarīgi no tā, vai vēlaties izmantot tīmekļa lietotni vai instalēt programmatūru datorā.
  • Lielākām komandām un/vai lielākiem projektiem var būt labāki dažādi sistēmas rīki. Citi ir ierobežotāki.
  • Daudzi karkasu veidošanas rīki piedāvā bezmaksas versiju, un maksāšana var novērst daudzus no šiem ierobežojumiem.
  • Lai atrastu pareizo karkasa rīku, jums jāuzdod sev daži pamatjautājumi.
  • Vienmēr meklējiet bezmaksas izmēģinājuma versiju, ko varat izmantot, lai iepazītos ar programmatūru.

Neatkarīgi no tā, vai esat pieredzējis dizainers vai tikai sāciet darbu, jums ir kaut kas piemērots ideāls izkārtojuma rīks. Kad esat to atradis, jūs nekad vairs neatgriezīsieties pie zīmuļa un papīra!

 АЗБУКА