Sitios web para crear maquetación

Os sitios web de maquetas, tamén coñecidos como editores gráficos en liña ou ferramentas de deseño, permiten aos usuarios crear diversos deseños gráficos, ilustracións, banners, logotipos, presentacións e moito máis directamente desde o seu navegador web sen necesidade de instalar software especializado no seu ordenador. Estas ferramentas en liña adoitan ofrecer unha variedade de funcións e modelos que facilitan o proceso de creación do deseño.

A diferenza dos prototipos, que se supón que funcionan realmente, as maquetas son elementos visuais estáticos destinados a mostrar deseños, atmosfera, cor e estética xeral. Algúns deseñadores prefiren crear todos os botóns e iconas desde cero, pero se queres avanzar ou xogar para buscar inspiración, os deseños de sitios web e o software veñen precargados con estes elementos e poden ser máis fáciles de usar que o software de deseño gráfico.

Os seguintes sitios axudarache a crear maquetas de pantallas de sitios web, maquetas de pantallas de aplicacións, maquetas de produtos e moito máis. A maioría vén con modelos de deseño de sitios web ou kits de IU que che permiten deseñar usando elementos preconstruídos como botóns. Aforran moito tempo se algunha vez te atopas nun apuro e necesitas entregar un deseño rapidamente. Para cada un analizaremos o prezo, pros e contras, así como a quen se recomendan.

1. Adobe XD. Sitios web para crear maquetación

Adobe XD é a resposta da familia Adobe ao software de deseño dixital. Ten todos os detalles e matices que esperarías da empresa detrás Photoshop e Illustrator, pero tamén ofrece un prezo igualmente alto.

Non obstante, se estás a buscar deseños de calidade profesional con todos os detalles, Adobe XD cubriu. Manexa todo o proceso de deseño, incluídos os prototipos interactivos, e incluso se integra con outro software de Adobe se queres crear ou personalizar elementos en Photoshop ou Illustrator.

Tamén é bastante sofisticado nas súas funcións, con efectos 3D, animacións e a posibilidade de crear unha biblioteca de compoñentes, un lugar onde almacenar todos os teus elementos, como botóns e iconas, para que o teu equipo poida usalos de novo noutro proxecto (isto axuda aos clientes repetitivos se ven os mesmos controis no novo produto). Tamén hai funcións especiais como Repeat Grid, que aforra tempo cando precisa copiar e pegar un patrón unha e outra vez, e Padding, que protexe tamaños de píxeles ao editar diferentes capas dos mesmos elementos.

custo:

9,99 USD/mes
99,99 USD ao ano (prepago)

Pros: sitios web para crear esquemas

Adecuado para todo o proceso de deseño, incluídos os prototipos interactivos
características sofisticadas: efectos 3D, animación e biblioteca de compoñentes
Funcións convenientes para aforrar tempo: sangría, patróns repetitivos e fácil edición
Intégrase con outro software de Adobe

Contras:

exagerado se só queres un deseño sinxelo e rápido

2. IU fluída. Sitios web para crear maquetación

Aínda que tecnicamente para prototipado, IU fluída é o suficientemente robusto como para crear maquetas impresionantes que posteriormente poden converterse en prototipos interactivos. Esta é unha excelente opción para deseñadores experimentados e equipos de deseño que traballan en todo o ámbito dun proxecto.

A interface de usuario flexible non é tan amigable como outros sitios web de deseño populares, que poden non atraer aos principiantes. Non obstante, ten todas as funcións de calidade profesional que necesitas para o deseño web e de aplicacións, incluíndo wireframes e unha biblioteca de compoñentes e iconas de IU preconstruídos. Unha das súas vantaxes son as súas ferramentas de colaboración, que permiten aos usuarios ver, comentar e editar os mesmos ficheiros desde calquera lugar do mundo.

custo:

Plan gratuíto (1 proxecto)
$8,25/mes (facturado anualmente) [Solo]
19,08 $ ao mes (facturado anualmente) [Pro]
41,58 $ ao mes (facturado anualmente) [Equipo]

Pros: sitios web para crear esquemas

funcións avanzadas adecuadas para profesionais
lixeiramente máis barato que sitios similares de maquetas
cooperación de primeira clase
gran biblioteca de compoñentes incorporada
aplicacións móbiles e cambio de dispositivos facilita a creación de deseños para dispositivos móbiles

Contras:

curva de aprendizaxe

3. InVision. Sitios web para crear maquetación

InVision é un competidor directo de Adobe XD e é outra ferramenta de maquetas e prototipos todo-en-un, tamén cunha custosa subscrición mensual. InVision comparte moitas das funcións sofisticadas de Adobe XD, incluíndo ferramentas de animación precisas para a creación de prototipos, pero é un pouco menos fácil de usar cando se trata de eficiencia e axilización das tarefas.

Tamén vale a pena sinalar que InVision é principalmente unha ferramenta de prototipado, polo que moitas das súas características están enfocadas á interactividade e aos efectos en lugar de imaxes estáticas. Non obstante, ten todo o que necesitas para crear grandes esquemas perfecta en píxeles, incluída a integración con Photoshop e Sketch, e co complemento gratuíto Inspect, podes transformar facilmente calquera deseño en código de programador. E para colmo, hai unha versión gratuíta para sempre.

custo:

Versión gratuíta
7,95 USD ao mes (facturación anual)

Pros: sitios web para crear esquemas

Adecuado para todo o proceso de deseño, incluídos os prototipos interactivos
funcións avanzadas como animación e efectos interactivos
integra con Photoshop e Sketch
versión gratuíta

Contras:

a usabilidade é un pouco máis complexa que Adobe XD

4. Modificador de medios. Sitios web para crear maquetación

Afastémonos dos deseños de sitios web de nivel profesional... moi lonxe do hotel. Modificador de medios está no outro extremo do espectro: moi limitado en funcións e profundidade, pero moi cómodo. Podes Descargar maquetas gratis directamente desde o sitio, pero para eliminar a marca de auga e obter versións de alta calidade, terás que pagar.

Mediamodifier é semellante a un editor de fotos en liña, pero con modelos de aplicacións precargados e deseños de sitios web. Tamén teñen miles de modelos para algo máis que deseños dixitais: camisetas, cuncas de café, portadas de libros etc. Só tes que buscar un modelo que che guste, engadir a túa propia imaxe e... ben, iso é todo o que podes facer, de verdade. Este é un sitio web sinxelo con deseños para cando necesites algo rápido e sinxelo, pero non para impresionar a alguén con gráficos de alta calidade.

custo:

Plan gratuíto
9 USD ao mes (facturación anual)

Pros: sitios web para crear esquemas

doado de usar
pode crear deseños en segundos
moitos modelos para escoller

Contras:

características espidas
ten que pagar por unha resolución de alta calidade
hai que pagar para eliminar as marcas de auga

5. MockFlow

Cando falamos de sitios web de maquetas que son axeitados para todo o proceso de deseño, realmente non mencionamos maquetas. MockFlow é unha das ferramentas de deseño verdadeiramente versátiles que che levará desde wireframes, pasando por maquetas e ata prototipos.

Ademais das capacidades de wireframing, MockFlow tamén ofrece unha maior flexibilidade con complementos adicionais na MockStore. Alí podes atopar "accesorios" como paquetes adicionais de IU, modelos adicionais de deseño de sitios web e funcións especiais como persoas de usuario, sistemas de deseño ou tradutores. MockFlow tamén é coñecido pola súa facilidade para colaborar e compartir, polo que é unha excelente solución para os equipos. Sitios web para crear maquetación

Custo: sitios web para a creación de esquemas

Plan gratuíto
$14/mes (facturado anualmente) [Premium]
$30/mes (facturado anualmente) [TeamPack con 3 usuarios]

Pros:

excelentes capacidades de modelado de wireframe
MockStore ofrece funcións adicionais
Ampla selección de paquetes e modelos de IU a través de MockStore

Contras:

O plan premium custa máis que outro software de deseño, pero custa menos

6. Sinsonte. Sitios web para crear maquetación

Mockingbird é un bo termo medio entre funcións amplas e usabilidade simplificada (aínda que está clasificada como unha ferramenta de gama alta). A característica máis atractiva é o sinxelo editor WYSIWYG onde simplemente arrastras e soltas elementos ata o lugar desexado. Outros sitios web de maquetas principais teñen editores de arrastrar e soltar, pero a interface de usuario de Mockingbird é tan sinxela e directa que está claramente dirixida a principiantes e novatos.

Non obstante, o prezo non é tan cómodo. Cun prezo mínimo de 11 dólares ao mes, este é un dos sitios web de deseño máis caros, a pesar de non ofrecer nada. Por outra banda, é o mesmo prezo para calquera número de empregados, polo que se tes un equipo suficientemente grande, podes xustificar o custo. Sitios web para crear maquetación

custo:

$11/mes (facturado anualmente): 3 proxectos
$17 // mensual (facturado anualmente): 10 proxectos
$32/mes (facturado anualmente): 25 proxectos
$68 // mensual (facturado anualmente): proxectos ilimitados

Pros:

extremadamente cómodo
Interface WYSIWYG
proba gratuíta en liña

Contras: Sitios para crear esquemas

caro
O conxunto de funcións non é tan robusto como outros sitios web de deseño populares

7. MaquetasXar. Sitios web para crear maquetación

Maquetas é o mesmo sitio de deseño gratuíto que Mediamodifier: escolle o seu modelo e sobrepón a súa propia imaxe. Como Mediamodifier, ofrecen unha selección de fotos de stock desde portátiles ata cuncas e camisetas, pero, en отличие от Mediamodifier, podes descargar a versión de alta calidade de balde. Sitios web para crear maquetación

É posible que MockupsJar non teña tantos modelos de maquetas de sitios web como Mediamodifier, pero a posibilidade de cargar unha imaxe de alta calidade sen pagar o compensa. Non obstante, só podes cargar 20 imaxes de alta resolución; despois diso terás que pagar ou descargalo en baixa resolución. A versión gratuíta tamén ten anuncios, pero en xeral non é tan malo para un sitio web de maqueta gratuíto.

Custo: sitios web para a creación de esquemas

Plan gratuíto
5 €/mes (pago mensual)

Pros:

sinxelo só
O plan gratuíto ofrece 20 imaxes de alta resolución
sen marcas de auga

Contras:

características espidas
precisa crear imaxes noutro lugar

8.Moqups. Sitios web para crear maquetación

moqups é outro deseñador dixital versátil para maquetas, prototipos e, por suposto, maquetas. O seu editor é unha excelente combinación de funcións avanzadas e controis WYSIWYG, axeitado tanto para principiantes como para deseñadores experimentados. Non obstante, só teñen dous plans de prezos, dependendo de cantos usuarios teñas, polo que os equipos maiores de tres terán que pagar extra. Sitios web para crear maquetación

Os usuarios eloxian a capacidade de Moqups para crear diagramas de fluxo, que non é exactamente útil para os deseños, pero é bo para todo o proceso de deseño. Aínda que algunha usabilidade pode ser incómoda, en xeral é unha alternativa viable a outros sitios web de deseño xenérico, especialmente se estás igualmente interesado en wireframes e prototipos.

custo:

$16/mes (facturado anualmente) [Pro - 3 editores]
$49/mes (facturado anualmente) [Ilimitado - Editores ilimitados]

Pros: sitios web para crear esquemas

ferramenta ben equilibrada para deseñar wireframes, prototipos e maquetas
O suficientemente amigable para os principiantes, o suficientemente avanzado para os expertos
Excelentes funcións de planificación, como diagramas de fluxo, mapas do sitio e guións gráficos

Contras:

no lado máis caro

9. Smartmockups. Sitios web para crear maquetación

maquetas intelixentes está na mesma categoría que Mediamodifier e MockupsJar, pero cunha mellor integración. Isto é un gran problema se fixeches unha captura de pantalla en alta resolución da vista previa na aplicación Marvel e só queres colocala nun fondo de mostra de escritorio. Smartmockups tamén ten máis funcións de personalización que outras sitios web gratuítos con maquetas, como cambiar as cores, pero esta función só está dispoñible cun plan de pago. Sitios web para crear maquetación

Do mesmo xeito que con outros sitios web de maquetas gratuítas, non esperes moito máis alá de ter a túa imaxe superposta no fondo do modelo. A versión de pago ten acceso a máis de 6000 modelos de imaxes para diversos fondos, incluíndo camisetas, tarxetas de visita e dispositivos dixitais. O plan gratuíto aínda ofrece uns 800 modelos de deseño, pero terás que xestionar as marcas de auga.

custo:

Versión gratuíta
9 dólares ao mes

Pros: sitios web para crear esquemas

intégrase con Marvel App, Dropbox, Figma, Unsplash e Canva
o plan de pago permítelle personalizar a imaxe
rápido e sinxelo

Contras:

O plan gratuíto ten marcas de auga
precisa crear imaxes noutro lugar

Por que non facerse profesional?

Como dixemos anteriormente, o único propósito das maquetas é ter un bo aspecto. Se hai moito que depender do éxito da túa maqueta, quizais necesites conquistar a un interesado insatisfeito ou presentar unha idea para obter máis financiamento, entón definitivamente queres que a túa maqueta se vexa perfecta. Nese caso, por que non deixalo en mans dun profesional. Sitios web para crear maquetación

Cando contratas un deseñador autónomo, estás poñendo o teu deseño en mans dun experto que entende os pormenores do deseño. Non tes que preocuparte polos prezos do software ou as curvas de aprendizaxe porque o deseñador encargarao por ti. E coa nosa comunidade de deseñadores de todo o mundo, seguro que atoparás deseñar con ese estiloo que necesitas!

«АЗБУКА»

Maquetas

Xeradores de deseño de libros: 5 ferramentas GRATUITAS

Deseño de UX UI e cursos en liña para principiantes

Como abrir unha tenda en liña?

Tendencias da industria do envase 2020

Activo fronte a responsabilidade

Programas de chatbot. Captación de clientes