Kaip sukurti tinklalapių vamzdžių rėmus

Svetainės karkasai yra paprastos linijos brėžiniai, kuriuose parodyta elementų vieta tinklalapyje. Jūs galite daug laiko sutaupyti, redagavę paprasto karkaso išdėstymą projektavimo proceso pradžioje, o ne sudėtingą dizainą vėliau.

Naudojant vielinius rėmelius yra puikus būdas pradėti svetainės projektą, nes jis leidžia jums ir jūsų klientui sutelkti dėmesį į maketą, neatsižvelgiant į spalvų, tipo ir kitus dizaino elementus. Koncentruokite į tai, kas yra jūsų tinklalapiuose, ir kiekvieno elemento užimamos vietos procentinė dalis, kurią gali nustatyti jūsų kliento poreikiai.

01 iš 03

Ką įtraukti į tinklalapio karkasą

Paprastas karkaso pavyzdys.

Visi svarbūs tinklalapio elementai turėtų būti pateikiami jūsų tinklalapio koridoriuje. Vietoj faktinės grafikos naudokite paprastas formas ir pažymėkite juos. Šie elementai yra:

02 iš 03

Kaip sukurti tinklalapių vamzdžių rėmus

"OmniGraffle" ekrano kopija.

Yra keletas būdų, kaip sukurti svetainės korpusą. Jie įtraukia:

Piešimo jį rankomis ant popieriaus

Šis metodas yra naudingas, kai akis į veidą su klientu. Suplanuokite išdėstymo idėjas popieriuje, atkreipkite dėmesį į tai, kokie elementai turėtų būti kur.

Naudojant "Adobe Photoshop", "Illustrator" ar kitą programinę įrangą

Daugumoje grafikos programinės įrangos paketų yra įrengti visi pagrindiniai įrankiai, reikalingi kabelių kasečiams kurti. Paprasta linija, formos ir tekstas (norint pažymėti savo elementus) yra viskas, ko jums reikia, norint sukurti tinkamą karkasą.

Programos, sukurtos šiai užduoties rūšiai, naudojimas

Nors " Photoshop" ir "Illustrator" gali daryti apgaulę, kai kurios programinės įrangos paketai yra specialiai sukurtos šiam darbui. "OmniGraffle" yra programinės įrangos dalis, supaprastinanti karkaso kūrimą, pateikiant formą, liniją, rodyklę ir teksto įrankius, kuriuos galima naudoti tuščiame drobėje. Jūs netgi galite atsisiųsti pasirinktinius grafikos rinkinius (nemokamai) "Graffletopia", kuris suteikia jums daugiau elementų, pvz., Bendrų žiniatinklio mygtukų, dirbti.

03 iš 03

Pranašumai

Naudodamiesi tinklalapiu "wireframes", galite pasinaudoti paprasta brėžinių linija, kad pasiektumėte pageidaujamą išdėstymą. Užuot perkelti sudėtingus elementus aplink puslapį, gali užtrukti labai mažai laiko, norint vilkti keletą dėžučių į naujas pozicijas. Tai taip pat yra daug produktyvesnis, jei jūs ar jūsų klientas pirmiausia susikoncentruosite į maketą ... jūs nepradėsite pastabų, tokių kaip "Man tai nepatinka tokia spalva". Užuot pradėsite su galutiniu maketu ir struktūra kuri savo dizainą pagrįsti.