Wireframe сайт (ё сохтори сайт) диаграммаи ташкилӣ мебошад, ки сохтор ва иерархияи саҳифаҳоро дар вебсайт муайян мекунад. Wireframe ҳамчун асос барои таҳияи вебсайт хидмат мекунад, ки дар ташкили мундариҷа ва таъмини паймоиши мантиқӣ барои корбарон кӯмак мекунад. Сохтани вебсайт нисбат ба пештара хеле осонтар аст. Бо вуҷуди ин, ин як лоиҳаи муҳим аст. Ва мисли ҳама гуна лоиҳаи дигар, ба шумо нақшаи мустаҳкам лозим аст.
Тарҳбандии вебсайти шумо қисми муҳимтарини ин нақша мебошад. Рангҳо, графика ва мундариҷаи дигарро нисбат ба тарҳ хеле осонтар иваз кардан мумкин аст. Тарҳро ҳамчун скелети вебсайти худ фикр кунед. Он сохтори ҳар як саҳифаро муайян мекунад, ки баъдтар такмил дода мешавад.
Шабакаи симӣ як тарҳи тахминии тарҳбандии вебсайт аст. Он нишон медиҳад, ки ҳамаи унсурҳои гуногун дар куҷо ҷойгир хоҳанд шуд. Ин месозад беҳтарин нуқтаи ибтидоӣ барои сохтани вебсайт. Агентиҳои босалоҳияти веб-дизайн ҳамеша бо сими фрейм оғоз мекунанд. Вақте ки шумо вебсайти шахсии худро таҳия мекунед, хоҳ танҳо ё дар гурӯҳ, шумо инчунин чаҳорчӯбаи арзишманд хоҳед ёфт.
Шабакаи сими вебсайтро ҳамеша бо қалам ва коғаз кашидан мумкин аст. Аммо, ин шарт нест, агар асбобҳои зиёди симфраминг мавҷуд бошанд.
Биёед баъзе аз маъмултарин асбобҳои чаҳорчӯбаи вебсайтро дида бароем.
Чаро асбоби симро истифода баред?
Ҳатто дар як соҳаи муосир ба монанди тарроҳии веб, баъзе тарроҳон то ҳол истифодаи усулҳои кӯҳнаро бартарӣ медиҳанд. Албатта, дар рӯи коғаз кашидани вебсайт ҳеҷ бадие нест. Ин як усули исботшудаест, ки дар гузашта барои ҳазорон дизайнерҳои веб кор кардааст. Бо вуҷуди ин, истифодаи асбоби чаҳорчӯба метавонад вақт ва кӯшиши зиёдеро сарфа кунад. Чаҳорчӯби вебсайт
-
Истифодаи асбоби wireframing ба шумо нуқтаи ибтидоии беҳтар медиҳад.
Бо қалам ва коғаз, шумо аслан бо варақи холӣ оғоз мекунед. Воситаҳои чаҳорчӯба оғоз карданро осон мекунанд. Аксарияти онҳо дастурҳои тарҳрезӣ доранд, ҳатто агар он як шабакаи оддӣ бошад. Баъзеҳо ҳатто унсурҳои пешфарзро пешниҳод мекунанд, ки шумо метавонед дар саҳифа ҷойгир кунед, то ба шумо ҳеҷ чиз ҷалб нашавед.
-
Таҳрир ва ислоҳ хеле осонтар шудааст.
Агар шумо дар рӯи коғаз кор кунед, шумо бояд ҳар дафъае, ки шумо тағироти калон ворид мекунед, тамоми симро аз нав кашед. Бисёре аз абзорҳои wireframing ба шумо имкон медиҳанд, ки ҷузъҳоро кашола карда партоед. Ин метавонад соатҳои корро сарфа кунад, новобаста аз он ки шумо нусхаи аслиро такмил медиҳед мувофиқи дархости муштарӣ тарҳрезӣ ё ворид кардани тағйирот.
-
Натиҷаҳо бештар касбӣ ба назар мерасанд.
Ҳатто беҳтарин тарроҳ метавонад дар малакаҳои рассомӣ каме камӣ дошта бошад. Бо асбоби сими фрейминг, шумо ҳеҷ гоҳ набояд дар бораи кашидани хати рост ё боварӣ ҳосил кунед, ки элемент ба таври комил марказонида шудааст. Табиист, ки азбаски сими сим танҳо як чаҳорчӯбаи сим аст, намуди зоҳирии он ба мисли намуди вебсайти тайёр муҳим нест. Аммо агар шумо кор бо мизоҷон, чорчӯбаи хеле тоза метавонад онҳоро ба ҳайрат орад. Ин инчунин метавонад нофаҳмиро пешгирӣ кунад, масалан, вақте ки муштарӣ гумон мекунад, ки элемент танҳо аз сабаби он, ки дар симчӯб каме берун аз марказ кашида шудааст, марказонида намешавад.
-
Ин барои дастаи шумо қулайтар аст.
Воситаҳои чаҳорчӯба ҳамкорӣ бо дигаронро хеле осон мекунанд. Бисёр асбобҳо ба шумо имкон медиҳанд, ки дастрасӣ ба корбарони сершуморро диҳед, то ҳама дар як файл кор кунанд. Бо хусусиятҳои ҳамкорӣ, дастаи шумо метавонад зарурати мубодилаи версияи ҷории файлро аз байн барад. Тамоми дастаи шумо, новобаста аз он ки шумо дар як офис ҳастед ё не, метавонад якҷоя бефосила кор кунад. Чаҳорчӯбаи вебсайт
-
Ин барои муштариёни тарроҳии веб қулайтар аст.
Азбаски истифода аз асбоби wireframing барои дастаи шумо тезтар ва осонтар аст, он инчунин сифати хидматеро, ки шумо пешкаш мекунед, беҳтар мекунад, агар шумо вебсайтҳоро барои дигарон таҳия кунед. Мизоҷони шумо метавонанд намунаҳои симро зудтар қабул кунанд ва ворид кардани тағирот барои шумо хеле осонтар хоҳад шуд. Он беҳтар мешавад сифати хизматрасонӣ ба мизоҷон. Ва албатта, муштариёни қаноатманд эҳтимоли зиёд доранд, ки ба шумо баррасиҳои хуб гузоранд ё шуморо ба дигарон тавсия диҳанд мизоҷон ба тиҷорати шумо.
Ҳамин тавр, ҳатто агар шумо мутахассиси зуд кашидани симҳои тоза дар рӯи коғаз бошед ҳам, барои омӯхтани тарзи истифодаи асбоби сими симдор вақт ҷудо кардан меарзад. Хушбахтона, бисёре аз онҳо ройгонанд ва бисёре аз абзорҳои пулакӣ озмоишҳои ройгон доранд, ки ба шумо барои интихоби дуруст барои шумо ва дастаи шумо кӯмак мерасонанд. Биёед бубинем, ки дар он ҷо чӣ ҳаст!
Чаҳорчӯбаи сайти Wireframe.cc
Навъи: барномаи веб
Арзиш: Версияи ройгон дастрас аст; мукофот аз 16 то 99 доллар дар як моҳ
wireframe.cc як воситаи минималистии сими фрейм барои онҳое, ки қалам ва коғазро афзалтар медонанд. Он мустақиман дар браузери веби шумо кор мекунад, аз ин рӯ зеркашӣ талаб карда намешавад. Барнома аз шабакаи оддӣ оғоз мешавад, ки дар он шумо метавонед бо истифода аз асбобҳои гуногун унсурҳои гуногуни симчӯбро кашед. Истифодаи он бениҳоят осон аст ва версияи ройгон дорад. Агар шумо қарор кунед, ки версияи ройгон дар хусусиятҳо хеле маҳдуд аст, шумо метавонед ба нақшаи мукофотӣ навсозӣ кунед, то хусусиятҳои бештарро боз кунед.
Wireframe сайти Jumpchart
Навъи: барномаи веб
Арзиш: Версияи ройгон дастрас аст; мукофоти $ 5 - $ 50 дар як моҳ.
Ҷаҳиш диаграмма барои тарҳрезии вебсайти визуалӣ пешбинӣ нашудааст. Ба ҷои ин, он тарҳрезӣ шудааст, ки ба шумо дар нақшаи чӣ гуна робитаи саҳифаҳои инфиродии шумо бо ҳамдигар кӯмак кунад. Ин барои UX (таҷрибаи корбар) ҳамчун тарҳбандии саҳифа муҳим аст, аз ин рӯ Jumpchart дигар арзишманд аст. асбоби ройгон, ки метавонад ба арсенали банақшагирии вебсайти шумо илова карда шавад. Тавре ки шумо интизор будед, нақшаи ройгон маҳдудиятҳои худро дорад (як лоиҳа то 10 саҳифа ва 2 корбар), аммо он нуқтаи ибтидоӣ барои банақшагирии вебсайти оддӣ аст. Нақшаҳои пулакӣ ба шумо имконоти бештар фароҳам меоранд ва ба шумо имкон медиҳанд, ки дар як вақт бо саҳифаҳо ва аъзоёни даста ва инчунин якчанд лоиҳаҳо кор кунед.
Агар шумо як дизайнери веб-дизайнери буҷавӣ бошед, якҷоя бо Wireframe.cc ва Jumpchart ба шумо ҳама чизеро, ки барои ба нақша гирифтани вебсайт лозим аст, медиҳад. Ин тарҳи визуалиест, ки аз ҷониби аввал фаро гирифта шудааст ва банақшагирии харитаи сайт, ки аз ҷониби охирин фаро гирифта шудааст. Ҳарду барнома ҳамдигарро хеле хуб пурра мекунанд ва бе зеркашии ройгон дастрасанд.
Шабакаи сими Gliffy / Сайт
Навъи: барномаи веб
Арзиш: Версияи ройгон дастрас аст; версияи пурра $7,99/моҳа
Гиффӣ на танҳо барои симчӯбҳо. Ин як барномаи диаграммасозӣ дар веб аст, аммо он чаҳорчӯбаи сим ва дигар намудҳои тарҳҳоро дар бар мегирад. Он нисбат ба Wireframe.cc ё Jumpchart каме осонтар аст, аммо истифодаи он ба ҳар ҳол осон аст (кашола кардан ва партофтан) ва метавонад ба ҳадафҳои ҳарду барномаҳои дар боло овардашуда хидмат кунад. Бо Gliffy, шумо метавонед барои веб-саҳифаҳо чаҳорчӯбаҳои симӣ ва инчунин схемаҳои схемаҳо барои муаррифии харитаи сайти шумо эҷод кунед. Он дорои як қатор унсурҳои дарунсохт барои муаррифии қисмҳои гуногуни саҳифаи веб ё тарҳи дигар ва шумо инчунин метавонед тасвирҳои худро бор кунед. Шумо инчунин метавонед онро барои дигар вазифаҳои тарроҳӣ ё банақшагирӣ, ки эҷоди диаграммаҳоро дар бар мегиранд, муфид пайдо кунед. Чаҳорчӯбаи вебсайт
MockFlow
Навъи: барномаи веб
Арзиш: Версияи ройгон дастрас аст; мукофоти $ 19-45 / моҳ.
MockFlow инчунин функсияҳоро барои сохтани чаҳорчӯба ва банақшагирии харитаҳои сайтҳо муттаҳид мекунад. Он нисбат ба Gliffy бештар тахассусӣ дорад, аз ин рӯ он назар ба диаграммаҳо бештар ба вебсайтҳо ва ҳамкории даста тамаркуз мекунад. Асбобҳои сими фреймингии он аъло буда, дорои китобхонаи омодаи тарҳҳо ва ҷузъҳо барои оғози кор. Шумо метавонед ба осонӣ чаҳорчӯбаи симро дар дақиқаҳо созед ва сипас онро мувофиқи хоҳиши худ таҳрир кунед. Нақшаҳои премиум хусусиятҳои иловагиро ба монанди хусусиятҳои пурарзиши ҳамкории даста ва ғайра мекушоянд. Агар шумо ҳар сол пардохт кунед, шумо 20% тахфиф ва илова бар он якчанд хусусиятҳои бонус ба монанди режими офлайнӣ ва абзорҳои иловагӣ мегиред. Чаҳорчӯби вебсайт
Канва
Навъи: барномаи веб
Арзиш: Версияи ройгон дастрас аст; версияи пурра $9,99/моҳа (ҳар сол ҳисоб карда мешавад)
Канва як воситаи маъмули онлайн барои эҷоди графикаи босифати касбӣ аст, ҳатто агар шумо дизайнер набошед. Он бо қолабҳо, тасвирҳо, аксҳо ва ғайра пур карда шудааст. Азбаски он як асбоби махсуси сими фрейминг нест, он баъзе хусусиятҳои ҳалли дигареро, ки мо то ҳол дида будем, надорад. Бо вуҷуди ин, шумо ба ҳар ҳол метавонед онро истифода баред, то бо истифода аз кашолакунӣ ва партофтан ба осонӣ чаҳорчӯбаҳои симдор созед.
Adobe XD/Site Framework
Навъи: Нармафзор; барои Mac ва Windows дастрас аст
Арзиш: Версияи ройгон дастрас аст; версияи пурра аз $9,99 дар як моҳ оғоз меёбад.
Adobe XD як воситаи пешрафтаи тарроҳии UX мебошад, ки аз ҷониби таҳиягарони Photoshop, Illustrator, InDesign ва дигар нармафзори машҳури касбӣ сохта шудааст. Агар шумо бо нармафзори Adobe шинос бошед, шумо аз дараҷаи баланди тахассусӣ ва қудрати ҳар як замимаи онҳо огоҳед. То он даме, ки шумо омодаед, ки ба хатти омӯзиш биравед, асбобҳои онҳо ба шумо як тонна назорат медиҳанд, ки ба шумо имкон медиҳанд, ки қариб ҳама чизеро, ки шумо фикр мекунед, тавлид кунед. Adobe XD фарқ надорад, ки маҷмӯи бой ва мустаҳками абзорҳои тарроҳии вебро таъмин мекунад. Он аз доираи симчӯбҳои вебсайт фаротар аст ва инчунин ба шумо имкон медиҳад, ки дар як файли лоиҳа масхараҳои мукаммал ва ҳатто прототипҳо эҷод кунед. Хушбахтона, истифодаи он нисбат ба дигар нармафзорҳои Adobe осонтар аст, бинобар ин, агар шумо ҳалли пешрафтатарро ҷустуҷӯ кунед, бешубҳа кӯшиш кардан лозим аст. Чаҳорчӯбаи вебсайт
Фигма
Навъи: Ҳамчун як барномаи веб ва ҳамчун нармафзор барои Mac, Windows ва Linux дастрас аст.
Арзиш: Версияи ройгон дастрас аст; мукофоти $ 12-45 / моҳ.
Фигма ба ҳамкории воқеии байни аъзоёни даста диққати ҷиддӣ дод. Бо вуҷуди ин, ӯ асбобхо баробар фоиданоканд ҳатто барои дизайнерҳои соло. Figma ҳама чизеро, ки ба шумо барои сохтани чаҳорчӯбаи сим лозим аст, таъмин мекунад, хоҳ шумо дар ҷустуҷӯи тарҳи асосӣ ҳастед ё мехоҳед пешрафтатар шавед. Воситаҳои таҳриркунӣ дараҷаи баланди дақиқро пешниҳод мекунанд, то шумо метавонед тарроҳиро дар ҳолати зарурӣ тағир диҳед. Figma инчунин бо якчанд системаҳои оператсионӣ хеле мувофиқ аст, аз ин рӯ он метавонад як ҳалли беҳтарин барои дастаи таҳияи Linux бошад.
Чӣ тавр интихоб кардани асбоби чаҳорчӯба
Интихоби асбобҳо бояд ҳамеша аз ниёзҳои шумо вобаста бошад. Чаҳорчӯби вебсайт аз ягон лоиҳаи дигар дар ин замина фарқ надорад. Инчунин муҳим аст, ки асбобҳои дурустро пешакӣ интихоб кунед. Албатта, шумо метавонед бо буҷаи хурдтар оғоз кунед ва агар имконпазир бошад, навсозӣ кунед. Аммо шумо мехоҳед, ки аз истифодаи асбобҳое, ки ба эҳтиёҷоти шумо комилан мувофиқ нестанд, худдорӣ кунед. Чаҳорчӯбаи вебсайт
Пас, чӣ гуна шумо беҳтарин асбоби симфрамингро барои тарроҳии веб интихоб мекунед? Ба худ саволҳои зеринро диҳед:
- Буҷаи ман чанд аст? Ҳисоб кунед, ки чӣ қадар шумо метавонед барои нармафзор ё дастрасӣ ба барномаҳои олӣ харҷ кунед. Дар хотир доред, ки ин одатан пардохти моҳона ё солона аст.
- Чанд нафар аъзоёни даста ба асбобҳо дастрасӣ доранд? Ин метавонад фарқияти байни навсозӣ ба премиум ё истифодаи ҳисоби ройгонро дошта бошад.
- Асбоб бояд дар кадом системаи оператсионӣ кор кунад? Агар шумо мутмаин набошед, бо барномаҳои веб пайваст шудан бехатартар аст.
- Кадом хусусиятҳо ба ман лозиманд? Хусусиятҳои мавҷударо бо андозаи лоиҳаи худ муқоиса кунед. Агар ба шумо танҳо як чаҳорчӯбаи оддӣ эҷод кардан лозим бошад, асбоби маҳдудтар кор мекунад. Аммо агар ба шумо лозим аст, ки сими симҳо ва прототипҳоро пурра омӯзед ё ба шумо инчунин сохтори харитаи сайти худро ба нақша гиред, шумо бо асбоби пешрафтатар (ё омезиши ҳарду) беҳтар хоҳед буд.
- Сатҳи бароҳатии ман бо асбоби мушаххас чӣ гуна аст? Пас аз он ки шумо имконоти худро дар асоси ниёзҳои худ маҳдуд кардед, ҳама асбобҳоеро санҷед, ки ба ин талабот ҷавобгӯ бошанд. Аз озмоишҳои ройгон истифода баред! Ҳатто асбобҳое, ки қобилиятҳои шабеҳ доранд, метавонанд таҷрибаи хеле гуногуни корбар дошта бошанд. Якееро интихоб кунед, ки барои шумо кор кардан осон (ё ҳатто шавқовар) бошад.
Нуқтаҳои асосӣ/Чорчӯбаи сайт
Тарҳрезии веб як соҳаи муфид аст, ки асбобҳои зиёде барои осон кардани он мавҷуданд. Асбоби сими фрейминг метавонад ҷараёни кори шуморо содда кунад ва як қисми марказии раванди тарроҳии шумо гардад. Биёед он чизеро, ки мо фаро гирифтем, ҷамъбаст кунем:
- Асбоби wireframe тарроҳии вебро барои дизайнер, хоҳ танҳо ё бо агентӣ кор кунад, хеле осонтар ва тезтар мекунад.
- Имкониятҳои зиёде мавҷуданд, ки оё шумо мехоҳед барномаи вебро истифода баред ё нармафзорро дар компютери худ насб кунед.
- Воситаҳои чаҳорчӯбаи гуногун метавонанд барои дастаҳои калонтар ва/ё лоиҳаҳои калонтар беҳтар бошанд. Дигарон маҳдудтаранд.
- Бисёре аз абзорҳои wireframing версияи ройгонро пешниҳод мекунанд ва пардохт метавонад бисёре аз ин маҳдудиятҳоро бартараф кунад.
- Барои пайдо кардани асбоби дурусти сими фрейминг, шумо бояд ба худ чанд саволи асосиро диҳед.
- Ҳамеша як озмоиши ройгонро ҷустуҷӯ кунед, ки шумо метавонед барои шиносоӣ бо нармафзор истифода баред.
Новобаста аз он ки шумо дизайнери ботаҷриба ҳастед ё нав оғоз мекунед, барои шумо чизе ҳаст беҳтарин асбоби тарҳрезӣ. Вақте ки шумо онро пайдо мекунед, шумо дигар ҳеҷ гоҳ ба қалам ва коғаз барнамегардед!
Назари худро бинависед