Вебсайтҳои макетӣ, ки ҳамчун муҳаррири графикии онлайн ё асбобҳои тарроҳӣ маъруфанд, ба корбарон имкон медиҳанд, ки бидуни насб кардани нармафзори махсус дар компютери худ мустақиман аз браузери веби худ тарҳҳои гуногуни графикӣ, тасвирҳо, баннерҳо, логотипҳо, презентатсияҳо ва ғайра эҷод кунанд. Ин асбобҳои онлайн одатан хусусиятҳо ва қолабҳои гуногунро пешниҳод мекунанд, ки раванди эҷоди тарроҳиро осон мекунанд.

Баръакси прототипҳо, ки бояд воқеан кор кунанд, макетҳо унсурҳои визуалии статикӣ мебошанд, ки тарҳҳои тарроҳӣ, атмосфера, ранг ва эстетикаи умумиро нишон медиҳанд. Баъзе тарроҳон бартарӣ медиҳанд, ки ҳар як тугма ва нишонаҳоро аз сифр эҷод кунанд, аммо агар шумо хоҳед, ки ба пеш ҳаракат кунед ё барои илҳом бозӣ кунед, тарҳҳои вебсайт ва нармафзор бо ин унсурҳо пешакӣ бор карда мешаванд ва истифодаашон нисбат ба нармафзори тарроҳии графикӣ осонтар аст.

Сайтҳои дар поён овардашуда ба шумо барои эҷод кардани макетҳои экрани вебсайт, макетҳои экрани барномаҳо, макетҳои маҳсулот ва ғайра кӯмак мекунанд. Аксарияти онҳо бо қолибҳои тарҳбандии вебсайт ё маҷмӯаҳои UI, ки ба шумо имкон медиҳанд, ки бо истифода аз унсурҳои қаблан сохташуда ба монанди тугмаҳо тарроҳӣ кунед. Онҳо сарфакунандаи вақти олӣ мебошанд, агар шумо ягон вақт худро дар тангӣ пайдо кунед ва бояд тарҳро зуд супоред. Барои ҳар як мо нархро таҳлил хоҳем кард, тарафдор ва муқобил, инчунин ба кй тавсия карда мешавад.

1. Adobe XD. Вебсайтҳо барои сохтани тарҳҳо

Adobe XD ҷавоби оилаи Adobe ба нармафзори тарроҳии рақамӣ мебошад. Он дорои тамоми тафсилот ва нозукиҳое мебошад, ки шумо аз ширкат дар паси он интизоред Photoshop ва Illustrator, балки он инчунин нархи баробар баланд пешниҳод мекунад.

Аммо, агар шумо дар ҷустуҷӯи тарҳҳои дараҷаи касбӣ бо тамоми ҷузъиёт бошед, Adobe XD шуморо фаро гирифтааст. Он тамоми раванди тарроҳиро, аз ҷумла прототипҳои интерактивиро идора мекунад ва ҳатто бо нармафзори дигари Adobe ҳамгиро мешавад, агар шумо хоҳед, ки элементҳоро дар Photoshop ё Illustrator эҷод ё танзим кунед.

Он инчунин дар хусусиятҳои худ хеле мураккаб аст, бо эффектҳои 3D, аниматсияҳо ва қобилияти сохтани китобхонаи ҷузъӣ, ҷой барои нигоҳ доштани ҳама унсурҳои шумо ба монанди тугмаҳо ва нишонаҳо, то дастаи шумо онҳоро дубора дар лоиҳаи дигар истифода барад (ин ба муштариёни такрорӣ кӯмак мекунад, агар онҳо ҳамон назоратро дар маҳсулоти нав бинед). Инчунин хусусиятҳои махсусе мавҷуданд, ба монанди Repeat Grid, ки вақтро сарфа мекунад, вақте ки ба шумо лозим аст, ки намунаро такрор ва такрор нусхабардорӣ кунед ва Padding, ки муҳофизат мекунад андозаи пиксел ҳангоми таҳрир гуногун қабатҳои ҳамон элементҳо.

Арзиш:

  • $9,99 дар як моҳ
  • $99,99 дар як сол (пешпардохт)

Тарафдор: Вебсайтҳо барои сохтани тарҳҳо

  • Муносиб барои тамоми раванди тарроҳӣ, аз ҷумла прототипҳои интерактивӣ
  • Хусусиятҳои мураккаб: эффектҳои 3D, аниматсия ва китобхонаи ҷузъҳо
  • Хусусиятҳои сарфакунандаи вақт: абзор, такрори намунаҳо ва таҳрири осон
  • Бо дигар нармафзори Adobe ҳамгироӣ мекунад

Эзоҳ:

  • overkill, агар шумо танҳо як тарҳбандии оддӣ ва зуд мехоҳед

Тавсия дода мешавад барои…

  • одамоне, ки дар бораи тарроҳии рақамӣ ба қадри кофӣ ҷиддӣ ҳастанд, то нармафзори сатҳи олиро мехоҳанд
  • тарҳи муқаррарӣ - не барои лоиҳаҳои яквақта ё инфиродӣ

2. UI моеъ. Вебсайтҳо барои эҷоди тарҳҳо

Гарчанде ки аз ҷиҳати техникӣ барои прототипсозӣ, UI моеъ барои сохтани макетҳои аҷибе, ки баъдтар метавонанд ба прототипҳои интерактивӣ табдил дода шаванд, кофӣ қавӣ аст. Ин интихоби хубест барои тарроҳони ботаҷриба ва гурӯҳҳои тарроҳӣ, ки дар тамоми доираи лоиҳа кор мекунанд.

Интерфейси фасеҳи корбар ба мисли дигар вебсайтҳои маъмули тарҳрезӣ, ки барои шурӯъкунандагон ҷолиб нест, барои корбарӣ осон нест. Бо вуҷуди ин, он дорои тамоми хусусиятҳои дараҷаи касбӣ, ки ба шумо барои тарроҳии веб ва барномаҳо лозим аст, аз ҷумла чаҳорчӯбаи сим ва китобхонаи ҷузъҳои UI ва нишонаҳои қаблан сохташуда. Яке аз бартариҳои он абзорҳои ҳамкорӣ мебошад, ки ба корбарон имкон медиҳад, ки ҳамон файлҳоро аз ҳар гӯшаи ҷаҳон дидан, шарҳ ва таҳрир кунанд.

Арзиш:

  • Нақшаи ройгон (1 лоиҳа)
  • $8,25/моҳа (ҳар сол ҳисоб карда мешавад) [Solo]
  • $19,08 дар як моҳ (ҳар сол ҳисоб карда мешавад) [Pro]
  • $41,58 дар як моҳ (ҳар сол ҳисоб карда мешавад) [Дастам]

Тарафдор: Вебсайтҳо барои сохтани тарҳҳо

  • хусусиятҳои пешрафта, ки барои мутахассисон мувофиқанд
  • нисбат ба вебсайтҳои монанд каме арзонтар
  • хамкории синфи якум
  • китобхонаи ҷузъҳои дарунсохт калон
  • барномаҳои мобилӣ ва иваз кардани дастгоҳ сохтани тарҳҳоро барои дастгоҳҳои мобилӣ осонтар кунад

Эзоҳ:

  • хатти омӯзиш

Тавсия дода мешавад барои…

  • одамоне, ки асбоби мукаммали тарроҳиро мехоҳанд, аммо буҷаи худро низ дар назар доранд

3. InVision. Вебсайтҳо барои эҷоди тарҳҳо

Дарвоқеъ як рақиби мустақими Adobe XD аст ва боз як абзори макет ва прототипсозӣ, инчунин бо обунаи гаронбаҳои ҳармоҳа мебошад. InVision бисёре аз хусусиятҳои мураккаби Adobe XD, аз ҷумла абзорҳои дақиқи аниматсия барои прототипсозӣ, мубодила мекунад, аммо дар мавриди самаранокӣ ва соддагардонии вазифаҳо каме осонтар аст.

Инчунин бояд қайд кард, ки InVision пеш аз ҳама як воситаи прототипсозӣ аст, бинобар ин бисёре аз хусусиятҳои он на ба тасвирҳои статикӣ ба интерактивӣ ва эффектҳо нигаронида шудаанд. Бо вуҷуди ин, он дорои ҳама чизест, ки барои эҷод кардан лозим аст тарҳҳои бузург пиксел-комил, аз ҷумла ҳамгироӣ бо Photoshop ва Sketch ва бо иловаи ройгони Inspect шумо метавонед ба осонӣ ҳама гуна тарҳро ба рамзи таҳиягар табдил диҳед. Ва барои боло кардани ҳама, як версияи ҳамешагии ройгон вуҷуд дорад.

Арзиш:

  • Версияи ройгон
  • $7,95 дар як моҳ (ҳар сол ҳисоб карда мешавад)

Тарафдор: Вебсайтҳо барои сохтани тарҳҳо

  • Муносиб барои тамоми раванди тарроҳӣ, аз ҷумла прототипҳои интерактивӣ
  • хусусиятҳои пешрафта ба монанди аниматсия ва эффектҳои интерактивӣ
  • бо Photoshop ва Sketch ҳамгиро мешавад
  • версияи ройгон

Эзоҳ:

  • қобили истифода нисбат ба Adobe XD каме мураккабтар аст

Тавсия дода мешавад барои…

  • одамоне, ки пеш аз ҳама ба асбоби прототипсозӣ эҳтиёҷ доранд, аммо дорои қобилиятҳои макетӣ

4. Тағйирдиҳандаи медиа. Вебсайтҳо барои эҷоди тарҳҳо

Биёед аз тарҳҳои вебсайтҳои сатҳи касбӣ дур шавем... дур аз меҳмонхона. Тағирдиҳандаи медиа дар канори дигари спектр ҷойгир аст: хусусиятҳо ва амиқ хеле маҳдуд аст, аммо хеле қулай. Ту метавонӣ макетҳои ройгон зеркашӣ кунед бевосита аз сайт, балки барои нест кардани нишонаи обӣ ва гирифтани версияҳои баландсифат, шумо бояд пардохт кунед.

Mediamodifier ба муҳаррири аксҳои онлайн монанд аст, аммо бо қолабҳои барнома ва тарҳҳои вебсайти пешакӣ боршуда. Онҳо инчунин ҳазорҳо қолибҳо барои бештар аз тарҳҳои рақамӣ доранд: футболкаҳо, кружкаҳои қаҳва, муқоваи китоб ва ғайра. Шумо бояд танҳо як қолаберо пайдо кунед, ки ба шумо маъқул аст, тасвири худро илова кунед ва... хуб, ин ҳама чизест, ки шумо метавонед кор кунед, воқеан. Ин як вебсайти оддӣ бо тарҳҳоест, ки вақте ба шумо чизи зуд ва осон лозим аст, аммо на барои он ки ба касе бо графикаи баландсифат таъсир расонед.

Арзиш:

  • Нақшаи ройгон
  • $9 дар як моҳ (ҳар сол ҳисоб карда мешавад)

Тарафдор: Вебсайтҳо барои сохтани тарҳҳо

  • истифода осон
  • метавонад дар як сония тарҳҳоро эҷод кунад
  • Шаблонҳои зиёде барои интихоб кардан

Эзоҳ:

  • хусусиятҳои барҷаста
  • шумо бояд барои ҳалли сифати баланд пардохт кунед
  • барои нест кардани аломатҳои обӣ пардохт кардан лозим аст

Тавсия дода мешавад барои…

  • вақте ки ба шумо танҳо чизи оддӣ ва зуд лозим аст
  • шумо аллакай тасвир офаридаед, аммо шумо бояд онро дар заминаи телефон/мизи кории худ ҷойгир кунед
  • интихоби хуби замина

5. MockFlow

Вақте ки мо дар бораи вебсайтҳои маккерӣ, ки барои тамоми раванди тарроҳӣ мувофиқанд, гап мезанем, мо аслан макетҳоро зикр намекунем. MockFlow яке аз асбобҳои воқеан бисёрҷонибаи тарроҳӣ мебошад, ки шуморо аз симчӯбҳо, ба воситаи макетҳо ва тамоми роҳ ба прототипҳо мебарад.

Илова ба қобилиятҳои симфраминг, MockFlow инчунин чандирии бештарро бо иловаҳои иловагӣ дар MockStore пешниҳод мекунад. Дар он ҷо шумо метавонед " лавозимот "-ро, аз қабили бастаҳои иловагии UI, қолибҳои тарҳбандии вебсайт ва хусусиятҳои махсус ба монанди шахсиятҳои корбар, системаҳои тарроҳӣ ё тарҷумонҳо пайдо кунед. MockFlow инчунин бо осонии ҳамкорӣ ва мубодила маълум аст, ки онро барои дастаҳо як ҳалли олӣ месозад. Вебсайтҳо барои эҷоди тарҳҳо

Арзиш: Вебсайтҳо барои сохтани тарҳҳо

  • Нақшаи ройгон
  • $14/моҳа (ҳар сол ҳисоб карда мешавад) [Премиум]
  • $30/моҳа (ҳар сол ҳисоб карда мешавад) [TeamPack бо 3 корбар]

Тарафдор:

  • қобилиятҳои аълои моделсозии симчӯб
  • MockStore хусусиятҳои иловагӣ медиҳад
  • Интихоби васеи бастаҳо ва қолибҳои UI тавассути MockStore

Эзоҳ:

  • Нақшаи мукофотӣ нисбат ба дигар нармафзори тарҳрезӣ гаронтар аст, аммо арзиши камтар дорад

Тавсия дода мешавад барои…

  • одамоне, ки ба асбобҳои иловагӣ ба монанди системаҳои тарроҳӣ ё лавҳаҳои сюжет ниёз доранд
  • дастаҳои калон, ки ба хусусиятҳои пешрафтаи ҳамкорӣ ниёз доранд
  • лоиҳаҳои оддии яквақта, ки метавонанд аз нақшаи ройгон баҳра баранд

6. Мурғи масхаракунанда. Вебсайтҳо барои сохтани тарҳҳо

Mockingbird як заминаи хуби миёна байни хусусиятҳои васеъ ва истифодаи соддакардашуда мебошад (гарчанде ки он ҳамчун воситаи баландсифат арзёбӣ шудааст). Хусусияти ҷолибтарин муҳаррири оддии WYSIWYG мебошад, ки дар он шумо танҳо элементҳоро ба ҷои дилхоҳ кашола карда мепартоед. Дигар вебсайтҳои макотиби олӣ дорои муҳаррирҳои кашола ва партофтан мебошанд, аммо интерфейси корбарии Mockingbird он қадар содда ва содда аст, ки он ба таври возеҳ барои шурӯъкунандагон ва навкорон нигаронида шудааст.

Бо вуҷуди ин, нарх он қадар қулай нест. Бо нархи ҳадди ақали $11 дар як моҳ, ин яке аз гаронтарин вебсайтҳои тарҳрезӣ аст, гарчанде ки дар асл чизе пешниҳод намекунад. Аз тарафи дигар, ин нархи якхела барои ҳар шумораи кормандон аст, бинобар ин, агар шумо як дастаи кофӣ калон дошта бошед, шумо метавонед хароҷотро асоснок кунед. Вебсайтҳо барои эҷоди тарҳҳо

Арзиш:

  • $11/моҳа (ҳар сол ҳисоб карда мешавад): 3 лоиҳа
  • $17 // моҳона (ҳар сол ҳисоб карда мешавад): 10 лоиҳа
  • $32 / моҳ (ҳар сол ҳисоб карда мешавад): 25 лоиҳа
  • $68 // моҳона (ҳар сол ҳисоб карда мешавад): лоиҳаҳои номаҳдуд

Тарафдор:

  • бениҳоят қулай
  • Интерфейси WYSIWYG
  • озмоиши ройгони онлайн

Камбудиҳо: Сайтҳо барои сохтани тарҳҳо

  • гарон
  • Маҷмӯи хусусиятҳо мисли дигар вебсайтҳои маъмули тарҳрезӣ он қадар устувор нест

Тавсия дода мешавад барои…

  • шурӯъкунандагон, ки аз интерфейсҳои мураккабтар метарсанд
  • дастаҳои калон, ки наметавонанд узвияти инфиродӣ бо дигар вебсайтҳои масхарабозиро пардохт кунанд

7. MockupsJar. Вебсайтҳо барои эҷоди тарҳҳо

Mockups Jar ҳамон сайти тарҳбандии ройгони Mediamodifier аст: шумо қолаби худро интихоб мекунед ва тасвири худро дар он ҷойгир мекунед. Мисли Mediamodifier, онҳо интихоби аксҳои саҳҳомӣ аз ноутбукҳо то кружкаҳо ва футболкаҳоро пешниҳод мекунанд, аммо дар Баръакси Mediamodifier, шумо метавонед версияи баландсифатро ройгон зеркашӣ кунед. Вебсайтҳо барои эҷоди тарҳҳо

MockupsJar метавонад мисли Mediamodifier он қадар қолибҳои макети вебсайт надошта бошад, аммо қобилияти бор кардани тасвири баландсифат бидуни пардохт онро ҷуброн мекунад. Аммо, шумо метавонед танҳо 20 тасвири ҳалли баландро бор кунед; пас аз он шумо бояд пардохт кунед ё онро бо ҳалли паст зеркашӣ кунед. Версияи ройгон инчунин таблиғ дорад, аммо дар маҷмӯъ он барои вебсайти макети ройгон он қадар бад нест.

Арзиш: Вебсайтҳо барои сохтани тарҳҳо

  • Нақшаи ройгон
  • 5 € / моҳ (ҳар моҳ пардохта мешавад)

Тарафдор:

  • осон танҳо
  • нақшаи ройгон 20 тасвири баландсифатро пешниҳод мекунад
  • аломатҳои обӣ надоранд

Эзоҳ:

  • хусусиятҳои барҷаста
  • дар ҷои дигар тасвирҳо эҷод кардан лозим аст

Тавсия дода мешавад барои…

  • одамоне, ки платформаи Mediamodifier -ро дӯст медоранд, аммо намехоҳанд барои нест кардани аломатҳои обӣ пардохт кунанд

8. Моқупс. Вебсайтҳо барои сохтани тарҳҳо

Мокупс Дигар тарроҳони рақамии гуногунҷанба барои маккерҳо, прототипҳо ва, албатта, макетҳо мебошад. Муҳаррири онҳо маҷмӯи олии хусусиятҳои пешрафта ва назорати WYSIWYG мебошад, ки ҳам барои шурӯъкунандагон ва ҳам тарроҳони ботаҷриба мувофиқ аст. Бо вуҷуди ин, онҳо танҳо ду нақшаи нархгузорӣ доранд, вобаста аз шумораи корбарони шумо, аз ин рӯ дастаҳои аз се калонтар бояд маблағи иловагӣ пардохт кунанд. Вебсайтҳо барои сохтани тарҳҳо

Истифодабарандагон қобилияти Moqups-ро дар сохтани диаграммаҳо ситоиш мекунанд, ки он барои тарҳҳо комилан муфид нест, аммо барои тамоми раванди тарроҳӣ хуб аст. Гарчанде ки баъзе қобили истифода метавонанд заҳматталаб бошанд, дар маҷмӯъ он як алтернативаи қобили қабул ба дигар вебсайтҳои тарҳбандии умумӣ мебошад, хусусан агар шумо ба симчӯбҳо ва прототипҳо яксон шавқ дошта бошед.

Арзиш:

  • $16/моҳа (ҳар сол ҳисоб карда мешавад) [Pro - 3 муҳаррир]
  • $49/моҳа (ҳар сол ҳисоб карда мешавад) [Бемаҳдуд - Муҳаррирони номаҳдуд]

Тарафдор: Вебсайтҳо барои сохтани тарҳҳо

  • воситаи хуб мутавозин барои тарҳрезии симчӯбҳо, прототипҳо ва макетҳо
  • Барои шурӯъкунандагон ба қадри кофӣ барои корбар дӯстона, барои коршиносон кофӣ пешрафта
  • Хусусиятҳои бузурги банақшагирӣ, ба монанди схемаҳо, харитаҳои сайт ва лавҳаҳои ҳикояҳо

Эзоҳ:

  • дар тарафи гаронтар

Тавсия дода мешавад барои…

  • одамоне, ки ба масхараҳо ва прототипҳо дар як сатҳ бо макетҳо афзалият медиҳанд

9. Мактубҳои интеллектуалӣ. Вебсайтҳо барои сохтани тарҳҳо

макетҳои интеллектуалӣ дар ҳамон категорияи Mediamodifier ва MockupsJar аст, аммо бо ҳамгироии беҳтар. Ин як чизи бузург аст, агар шумо дар барномаи Marvel скриншоти пешнамоиши баландсифатро гирифта бошед ва танҳо мехоҳед онро дар заминаи намунавии мизи корӣ ҷойгир кунед. Smartmockups инчунин нисбат ба дигарон хусусиятҳои бештар мутобиқсозӣ дорад вебсайтҳои ройгон бо макетҳо, ба монанди тағир додани рангҳо, аммо ин хусусият танҳо бо нақшаи пулакӣ дастрас аст. Вебсайтҳо барои эҷоди тарҳҳо

Мисли дигар вебсайтҳои макети ройгон, аз ҳад зиёд интизор нашавед, ки тасвири худро дар заминаи қолаб ҷойгир кунед. Версияи пулакӣ ба зиёда аз 6000 қолаби тасвирҳо барои заминаҳои гуногун, аз ҷумла футболкаҳо, кортҳои тиҷорӣ ва дастгоҳҳои рақамӣ дастрасӣ дорад. Нақшаи ройгон то ҳол тақрибан 800 қолибҳои тарҳбандиро пешниҳод мекунад, аммо шумо бояд бо аломатҳои обӣ мубориза баред.

Арзиш:

  • Версияи ройгон
  • 9 доллар дар як моҳ

Тарафдор: Вебсайтҳо барои сохтани тарҳҳо

  • бо Marvel App, Dropbox, Figma, Unsplash ва Canva ҳамгиро мешавад
  • нақшаи пулакӣ ба шумо имкон медиҳад, ки тасвирро танзим кунед
  • зуд ва осон

Эзоҳ:

  • Нақшаи ройгон дорои аломатҳои обӣ мебошад
  • дар ҷои дигар тасвирҳо эҷод кардан лозим аст

Тавсия дода мешавад барои…

  • шумо асосан дар Marvel App, Canva ё Figma кор мекунед

Чаро мутахассис нашавед?

Тавре ки мо дар боло гуфтем, ҳадафи ягонаи макетҳо намуди зоҳирии хуб аст. Агар ба муваффақияти макети шумо бисёр чизҳо такя кунанд - шояд ба шумо лозим аст, ки як ҷонибҳои манфиатдори қаноатмандро мағлуб кунед ё идеяи маблағгузории бештарро пешниҳод кунед - пас шумо бешубҳа мехоҳед, ки макети шумо комил бошад. Дар ин сурат, чаро онро ба дасти як мутахассис намегузоред. Вебсайтҳо барои эҷоди тарҳҳо

Вақте ки шумо як дизайнери озодро киро мекунед, шумо тарроҳии худро ба дасти коршиносе мегузоред, ки нозукиҳои тарроҳиро дарк мекунад. Ба шумо лозим нест, ки дар бораи нархи нармафзор ё хатҳои омӯзиш хавотир шавед, зеро тарроҳон барои шумо ғамхорӣ хоҳанд кард. Ва бо ҷомеаи тарроҳони мо аз тамоми ҷаҳон, шумо бешубҳа пайдо мекунед тарҳрезӣ бо ин услубон чизе, ки ба шумо лозим аст!

  «АЗБУКА»