Herramientas de diseño de sitios web para principiantes completos
Wix.com
Precio: Gratis para uso básico
Comienza desde $ 4.5 / mes para dominios
- ¿En qué debo pensar al crear un logotipo?
- ¿Cuál es la mejor herramienta en línea para el diseño de logotipos?
- ¿Cuáles son algunas de las ideas destacadas en el diseño urbano?
- ¿Cómo debo comenzar a diseñar mi vida?
- He escuchado que mucha gente usa el término ‘justificar a la izquierda’ recientemente para referirse a rubor izquierda, desigual derecha. ¿Es esto correcto?
Personas objetivo: personas no tecnológicas
Wix es una plataforma de creación de sitios web con arrastrar y soltar libremente. Ofrece servicios de creación de sitios web complicados que incluyen registro, diseño de sitios web, administración y modificación de sitios web. Los usuarios solo necesitan operar la interfaz GUI para crear un sitio, pero no necesitan estudiar el DNS, el lenguaje del programa del sitio web, la construcción o el alquiler del servidor. Todo se puede hacer automáticamente en Wix. Por lo tanto, los usuarios podrían centrarse por completo en el diseño visual y la presentación del contenido del sitio web.
Experiencia personal: creo que el lado más conveniente de Wix es que los usuarios pueden arrastrar componentes de forma libre y fácil. Puede ubicar botones, imágenes o textos con cualquier tamaño en el sitio. Pero la desventaja es que si realizó un cambio en la plantilla, debe reiniciar el diseño. Porque el contenido y el diseño ya no son adecuados. Además, el modo móvil también necesita reiniciar la edición del contenido del sitio web. Si se actualiza con frecuencia, el sitio web móvil también debe rediseñarse cada vez. Así que creo que es más adecuado para los sitios web pequeños y bien diseñados.
Espacio cuadrado
Precio: Regístrate gratis
Personas objetivo: el personal no técnico más adecuado (sin código, habilidades de diseño)
La estación de autoservicio comenzó en 2004, que ha tardado diez años en convertirse en uno de los edificios de estación más utilizados. Squarespace admite la construcción rápida de un sitio web receptivo elaborado sin fundamentos de diseño o programación. Proporciona tres modelos de precios, el primero es gratuito para registrarse y construir estaciones. Sin embargo, para publicar un sitio web, hay dos opciones de $ 12 a $ 40 por mes, dependiendo del tipo de sitio web.
Los mejores materiales de diseño de UI / UX gratis
DESCARGAR
Experiencia personal: la característica más importante de Squarespace es que presta mucha atención a los detalles. Aprendiendo de parte de la información pública del fundador Anthony Casalena, los productos de construcción inteligente de Squarespace son muy adecuados para sitios web personales, porque muchos de sus patrones de rendimiento de plantilla y experiencia de complemento en segundo plano están sesgados hacia los propietarios de estaciones pequeñas, en función de su propia estación en Un sitio web rico en detalles.
“Crear algo de la nada es fácil. Encontrar el aire es difícil”.
– Asher Trotter
Herramientas esenciales de diseño de sitios web
1. Herramienta de creación de prototipos – Mockplus
Precio: Básico – Gratis
Edición Pro – $ 199 / año
El propósito del diseño de prototipos web es extraer del boceto en función de las necesidades de los usuarios. Existen algunas buenas herramientas de creación de prototipos de aplicaciones en el mercado, como Mockplus. Como herramienta prototipo para el mercado internacional, Mockplus no solo tiene un excelente rendimiento en la producción de aplicaciones móviles, sino que también es bueno en diseño web.
Entonces, ¿cómo crear un prototipo web en Mockplus? Consulte el proyecto de muestra Mockplus: StyleXstyle, un prototipo de sitio de moda.
Paso 1: descargue Mockplus e inicie sesión en su cuenta; Si no tiene una cuenta Mockplus, puede registrar una de forma gratuita .
Paso 2: Abra Mockplus y seleccione el tipo de proyecto web, configurando el ancho y alto de la página web. Tenga en cuenta que la altura máxima de la página es de 6000 píxeles.
Paso 3: Arrastre y suelte desde el lado izquierdo de la biblioteca de software para agregar los elementos de página necesarios: botones, iconos, cuadros de texto, imágenes, etc. el panel derecho permite ajustar el fondo de la página, la fuente, el tamaño de fuente.
Paso 4: Agregue interacción para componentes específicos: enlaces de salto de página, enlaces de salto de componentes, etc. el lado derecho del panel de propiedades admite una variedad de propiedades, interacción, configuraciones de página con contenido enriquecido.
Paso 5: Vista previa o publicación de vista previa en línea HTML a través de F5. PD: Mockplus ofrece 8 tipos de métodos de vista previa.
2. Herramientas de diseño versátiles – Photoshop
Precio: 9.9 USD / mes
Aunque no es gratuito, como líder de marketing web en diseño web, este software no debe pasarse por alto. Entonces, sobre Photoshop en sí mismo: en resumen, es una herramienta muy versátil para cualquier tipo de proyecto de diseño, no solo diseño web. Su objetivo principal es ayudarlo a usar gráficos de trama.
Además de ajustar el color, la saturación, el desenfoque, la nitidez, etc. de sus imágenes o gráficos, Photoshop le permite crear gráficos totalmente personalizables (como el diseño y la visualización del sitio) desde cero. Por ejemplo, puede combinar varias imágenes como parte de un proyecto y asegurarse de que todas estén agrupadas usando varios filtros o realizando alguna conversión.
Photoshop es una herramienta muy manual. Si desea usarlo explícitamente para lograr el propósito del diseño del sitio web, debe tener algunas habilidades de diseño y el conocimiento realmente puede aprovecharlo al máximo.
Tutorial de diseño de sitios web de Photoshop : cómo diseñar un sitio web en Photoshop
3. Herramienta de diseño de interfaz de usuario – Figma
Precio – Gratis para uso personal
– $ 12 por persona por grupo / mes
Introducción: Figma es la primera herramienta de diseño de interfaz para la colaboración en tiempo real. Tiene tres características recomendables: colaboración en tiempo real, redes vectoriales y control de versiones. Simplemente, Figma es como un Sketch basado en navegador con colaboración en tiempo real.
Experiencia personal: Inicialmente era escéptico sobre la experiencia del usuario de Figma porque es una herramienta de diseño de interfaz basada en navegador. Pero más tarde me pareció muy sensible de usar. Además, las herramientas del navegador tienen la ventaja de que el destinatario no necesita instalar nada, solo necesita abrir el navegador en la computadora para participar en el proyecto. Los archivos Figma están disponibles en Mac, Windows, Linux y dispositivos móviles (solo lectura).
“Solo hay un tipo de diseñador: el tipo que se preocupa por el tipo”.
– Rohan Nanavati
Ayudantes de construcción de sitios web.
Canva (Gratis)
Ideal para diseñar tarjetas de diseño personalizadas, imágenes de blog y varias imágenes de redes sociales (para Twitter, Facebook, etc.). Perfectamente trabajado.
Zeplin (Gratis)
Zeplin es una etiqueta, guía de estilo, documento memo y una herramienta de trabajo en equipo fácil de usar para diseñadores e ingenieros de front-end.