¿Puedo diseñar un sitio web sin codificar el conocimiento?

En 2010, la diferencia entre diseñadores y desarrolladores fue obvia en su elección de pantalones. Mientras que los diseñadores se pusieron jeans ajustados en combinación con MacBook, haciendo diseño web sin conocimientos de codificación, los desarrolladores vinieron a trabajar en pantalones cargo y con su propio teclado. Los dos grupos diferían no solo en su forma de trabajar, sino que también eran dos tipos de personas completamente diferentes.

Sin embargo, es el estereotipo habitual. En los últimos seis años, el desarrollo del diseño web ha avanzado claramente. Se han agregado una gran cantidad de nuevos dispositivos, tecnologías y herramientas. A diferencia de 2010, hoy en día los diseños de sobrecarga visual ya no están de moda, pero los diseños minimalistas están en demanda debido a la difusión masiva de terminales móviles. El modelo minimalista de diseño plano y material se puede ver principalmente como una respuesta visual a los cambios técnicos. Este desarrollo hace que la experiencia del usuario desempeñe un papel más importante en el diseño web.

Desde la perspectiva de los diseñadores, por lo tanto, una separación clara entre las tareas de los diseñadores y desarrolladores ya no tiene sentido. Dado que en el diseño de la experiencia del usuario, el valor de los objetos visuales depende de la opinión de los usuarios, los dos trabajos se superponen cada vez más. El diseño visual debe satisfacer los requisitos funcionales y no al revés, hacer el diseño de la página web sin codificar el conocimiento no es apropiado.

1. El código forma la base del diseño.

Si los diseñadores web quieren usar sus habilidades hoy, necesitan comprender el medio con el que trabajan, y que la base de la web es el código. La pregunta no es si los diseñadores deberían aprender el código, sino cuánto conocimiento de código necesitan comprender.

Una comprensión básica es suficiente para desarrollar un sentido de cómo funciona el código. No es necesario que pueda escribir su propio código fuente, solo necesita saber cómo unos y ceros influyen en el diseño. Hace que la entrada al mundo del desarrollo web sea mucho más fácil. La abundancia de diferentes lenguajes de programación como HTML, CSS, JavaScript, PHP, Ruby o SQL es a menudo muy desagradable sin conocimiento previo.

“El diseño no es solo lo que parece y se siente. El diseño es cómo funciona”.

Como diseñador, no tiene que ser un diseñador de pila completa y dominar todos los idiomas al mismo tiempo. Para saber cómo traducir su propio diseño en código, es suficiente conocer los fundamentos del desarrollo frontend. El desarrollo front-end cubre los elementos que los usuarios ven e interactúan con ellos. El desarrollo del backend, por otro lado, se ejecuta en segundo plano y se centra en los cálculos, las interacciones de la base de datos y las preguntas de rendimiento.

En primer lugar, HTML y CSS se utilizan en el desarrollo front-end. Pero debido a la creciente importancia de la experiencia del usuario, también debe familiarizarse con los conceptos básicos de JavaScript. Como diseñador, es una ventaja poder evaluar adecuadamente cómo los tres lenguajes de programación afectan su propio flujo de trabajo.

2. Trabaja más fácilmente usando herramientas útiles

Hoy en día, gran parte del trabajo lo realizan diseñadores que utilizan herramientas de diseño web sin codificación. Con su ayuda, se pueden crear fácilmente diseños web funcionales y receptivos.

Mockplus es una herramienta de maqueta UI web todo en uno de forma gratuita que le permite crear maquetas para dispositivos móviles y de escritorio, lo que ayuda a garantizar que la maqueta en particular coincida con todas las mejores prácticas de diseño. Es una buena herramienta de diseño web para principiantes y principiantes. Con 200 componentes bien hechos, puede hacer diseño de sitios web sin codificación. Mockplus hace que sea increíblemente fácil para todos crear maquetas de diseño de página en pocos minutos. Y mientras tanto, también es una opción ideal para hacer maquetas interactivas comúnmente vistas en el diseño de la experiencia del usuario.

3. Fortalece tus propias habilidades

“Un arquitecto que solo sabe cómo usar la pluma puede ser un buen arquitecto, pero uno que también sabe cómo levantar un martillo tiende a tener una mejor visión de los tipos de soluciones de construcción que se le ocurren”.

Al adquirir los conceptos básicos de los lenguajes de programación, los diseñadores mejoran automáticamente sus habilidades. Saber qué idioma se usa y cómo se usa ayuda a desarrollar una mejor comprensión de lo que es técnicamente factible y lo que no. No solo ahorra mucho tiempo en la fase de diseño, sino que también es útil para la implementación práctica de ideas creativas.

Conocer el desarrollo de la interfaz abre nuevas posibilidades de diseño para los diseñadores. De esta manera, los elementos se pueden implementar de forma independiente. Como freelancers de UX, por ejemplo, uno no siempre tiene el dinero necesario para tratar con un desarrollador para la generación del texto fuente. El uso de código y herramientas es útil para ofrecer a los clientes un servicio consolidado.

4. Conclusión

En general, puede intentar cambiar su idea de hacer diseño web sin codificar el conocimiento. Los diseñadores web no solo deben saber cómo diseñar elementos visualmente, sino también tener habilidades de código apropiadas en el desarrollo front-end. Aunque no es necesario programar su propio código, es esencial una comprensión básica de la funcionalidad de HTML, CSS y JavaScript. Los diseñadores web no solo deben fortalecer sus propias habilidades, sino también facilitar su trabajo y el trabajo de los desarrolladores, una situación clásica de ganar-ganar.

Lee mas:

Las 5 mejores aplicaciones móviles de UX para tu inspiración

Las 4 mejores herramientas de maquetas de interfaz de usuario web gratis que debes probar en 2017

10 ejemplos inspiradores del mejor diseño web receptivo

Hola, Manish aquí de Vintcer Website Builder.

Vintcer es un creador de sitios web de arrastrar y soltar fácil de usar.

• 100% gratis para uso básico y cuesta alrededor de $ 15 / año por un número ilimitado de sitios web.
• Aplicación de blogs fácil de usar
• Excelentes funciones, 100% sensibles en todos los dispositivos y navegadores.
• Certificado SSL comodo gratuito y almacenamiento ilimitado
• Soporte de chat en vivo 24/7
• Miles de hermosos temas gratuitos
• MUCHOS DE CONSTRUIDOS EN WIDGETS, PÁGINAS ILIMITADAS Y SITIOS WEB,
• APLICACIONES DE COMERCIO ELECTRÓNICO Y BLOGGING

Echa un vistazo a Vintcer Website Builder, tenemos planes especiales para diseñadores, desarrolladores y autónomos.

Vintcer es un creador de sitios web de arrastrar y soltar fácil de usar.

• Solo $ 15 / año por un número ilimitado de sitios web
• Excelentes funciones, 100% sensibles en todos los dispositivos y navegadores.
• Certificado SSL comodo gratuito y almacenamiento ilimitado
• Soporte de chat en vivo 24/7
• Miles de hermosos temas gratuitos
• Inserte nuestro propio código HTML, CSS y JAVASCRIPT.
• Soporte experto en diseño
• MUCHO CONSTRUIDO EN WIDGETS, PÁGINAS ILIMITADAS Y SITIOS WEB,
• APLICACIONES DE COMERCIO ELECTRÓNICO Y BLOGGING

• CREAR UNA TIENDA DE COMERCIO ELECTRÓNICO
• Inicie un sitio web de comercio electrónico y comience a vender productos digitales y físicos en menos de 10 minutos.

¡Crea una tienda ahora!

SU CARTERA INSTANTÁNEA

El mundo en línea está saturado de videos y memes de gatos, pero ¿cómo se destaca cuando compite contra animales adorables, profesionales de la industria y un aluvión de bloggers? ¡La respuesta es tener un sitio web personal! Un sitio web personal es una parte crucial de su marca personal.

Destaca entre la multitud →

UN SITIO WEB EFECTIVO ES LA PIEDRA ANGULAR DE SU EMPRESA

Tener un sitio web es como abrir una puerta e invitar a clientes potenciales a su negocio.

Examinar temas

Todos deberían tener un blog. Es lo más democrático de todos.

Empezar ahora. Es gratis

Haz que se vea perfectamente como quieres que se vea, para que tus fotos tengan la mejor visualización posible. Son tus preciosos, ¿no?

¡Empezar ahora!

¡Si seguro!

¡Puedes hacerlo fácilmente con Website Builder – Bowwe! Es una buena decisión para las pequeñas y medianas empresas.

Creador de sitios web: Bowwe se ha desarrollado para proporcionar de manera eficiente una herramienta útil para la creación de sitios web de una manera fácil de usar. No requiere ningún conocimiento de TI o codificación. Intentalo.

¿Qué hace que Website Builder – Bowwe sea especial en comparación con otras plataformas de creación de sitios web? Más sobre esto aquí ¿Qué es Bowwe?

Voy a tratar de evitar el uso de jerga técnica específica en esta respuesta, dado que parece que aún no está familiarizado con cómo se crean los sitios web. También estoy asumiendo que está hablando no solo de “diseñar” el sitio web, sino también de actualizarlo y hacerlo realidad. La respuesta breve es que PUEDES crear un sitio web sin codificar el conocimiento, pero no CUALQUIER sitio web con el que puedas soñar.

Si tiene bastante experiencia técnica, puede utilizar uno de los servicios de creación de sitios web como Squarespace o Wix para diseñar su sitio comercial estático, blog o incluso una simple tienda en línea y podrá personalizar el diseño (usando su interfaz editores) en una medida que es muy satisfactoria para la mayoría de los propósitos.

Si tiene aún más conocimientos técnicos, puede usar un sistema de administración de contenido como WordPress y comprar un megatheme (plantilla múltiple) que contiene un generador de páginas, y esto le permitirá crear algo un poco más personalizado y complejo: un blog elegante , sitio de noticias, tienda en línea, aplicación web basada en contenido o algo que va definitivamente más allá de un tipo de sitio web informativo tipo “folleto”. Por lo general, puede lograr la mayoría de lo que necesita utilizando las herramientas administrativas y de interfaz integradas. Y al elegir entre miles de complementos disponibles, es probable que pueda ampliar su sitio para proporcionar casi cualquier tipo de funcionalidad popular que normalmente no se incluye con el sistema predeterminado. Si crea un sitio autohospedado con WordPress, tendrá un control más granular sobre ciertos aspectos de su sitio, como seguridad, velocidad, alojamiento, SEO, etc., que con Squarespace, y esto conlleva más responsabilidad. Pero, en teoría, si tiene suficiente experiencia en el uso del software proporcionado y ha llegado a conocer todos los entresijos, no necesita mirar ningún “código”.

Hablando PRÁCTICAMENTE, sin embargo, hay muchos casos en los que tratar de crear su sitio evitando al mismo tiempo cualquier codificación no le servirá bien o no será posible. Por un lado, si espera diseñar un sitio web que sea visualmente único o que se comporte de una manera única, por ejemplo: efectos de desplazamiento especiales, ventanas emergentes, microanimaciones, diseños muy poco convencionales, florituras artísticas, elementos de forma altamente personalizados / campos de texto, barras de búsqueda y menús, cargadores de imágenes o videos no estándar, etc. – definitivamente es mejor aprender a codificar o contratar a alguien que pueda codificar estas cosas por usted. Descubrirá que incluso si está tratando de hacer algo aparentemente simple, como agregar un elemento de marca especial a los encabezados de su sitio, deberá incorporar cierta cantidad de CSS personalizado en su editor de temas.

Ciertos tipos de aplicaciones web que se basan en tipos únicos de motores de búsqueda, conjuntos de datos e interacción dinámica social o en tiempo real (por ejemplo, fuentes de noticias, sistemas de notificación o mensajería, juegos multijugador de cualquier tipo, herramientas de dibujo o edición de gráficos, y muchos , muchos otros) o que involucren cualquiera de las tecnologías más nuevas como WebVR, AR o aprendizaje automático, simplemente no son factibles de crear con un enfoque sin código debido a la gran complejidad o la cantidad de flexibilidad y personalización requerida. En muchos casos, un sistema de administración de contenido tampoco es un buen candidato para este tipo de aplicaciones web, ya que sus funciones principales no se centran en publicar y editar contenido como lo haría en un blog o sitio de noticias.

Otro escenario es si su aplicación necesita escalar para acomodar a miles de visitantes por día. En este caso, es mejor escribir su propio sitio desde cero y evitar los creadores de páginas y el volumen adicional de complementos que viene con un generador de megatemas simplemente porque a menudo también puede poner equipaje innecesario, complejidad oculta y restricciones en su sitio como estrés adicional en el servidor que lo aloja. Incluso si está implementando una solución de almacenamiento en caché, su sitio debe ser ligero y optimizado en muchos, muchos aspectos diferentes para servir a muchos usuarios con velocidades de página rápidas y para lograr los puntajes de alta velocidad de página necesarios para clasificarse en la parte superior de la búsqueda motores Esto es aún más crítico si la aplicación aloja una gran base de datos o tiene muchas características sofisticadas en el front-end. Arreglar esos puntos adicionales de velocidad de un mega tema requerirá al menos cierta habilidad de codificación de back-end para eliminar scripts innecesarios, y en muchos casos, no es factible en absoluto dada la forma en que está escrito el tema.

En resumen, si solo está buscando hacer algo bastante estándar, hacerlo relativamente rápido y no quiere preocuparse demasiado por todos los aspectos técnicos, debería estar bien usando uno de los muchos creadores de sitios web disponibles. Pero si está buscando hacer algo de vanguardia, un sitio web para una startup, una aplicación comercial o desarrollar el próximo Facebook (y espero que su idea sea más original que eso), querrá tomarse en serio aprender a codificar o contratar a alguien que pueda diseñar y desarrollar su sitio para usted. Mi propio enfoque para un proyecto puede variar desde modificar una solución existente con solo una cantidad mínima de codificación personalizada, hasta construir una nueva solución desde cero. Depende de los objetivos y requisitos específicos del sitio. No dude en consultar sobre mis servicios en http://ian-spangler.com o en https://spanglerbrothers.com .

Si eres un usuario de Mac, puedes probar Blocs. Lo hemos estado utilizando (el último ejemplo de contenido) durante aproximadamente un año y funciona para nosotros. Crea solo sitios web estáticos, por lo que si desea más formularios, web de estilo blog o algo con contenido dinámico, puede probar WordPress, Joomla o cualquier otro sistema de blogs, que tampoco requieren conocimientos de codificación.

Seguro que puede !!!

Tampoco tenía conocimientos de codificación cuando creé y diseñé con éxito un sitio web para mi negocio personal. ¿Cómo hice eso?

Bueno, utilicé el creador de sitios web de Ucraft, que es una opción súper conveniente, elegante y multifuncional para personas como nosotros (no técnicos: D).

Ucraft tiene una serie de plantillas impresionantes que estoy seguro satisfarán tus necesidades y deseos.

Por cierto, su herramienta gratuita de creación de logotipos también puede ser muy útil. ¡Y finalmente, su servicio de soporte las 24 horas siempre está ahí para ayudarlo!

Espero que mi respuesta haya sido útil 🙂

¡Salud!

Le recomiendo que preste atención a las soluciones basadas en CMS listas, que le permiten crear sitios web atractivos, funcionales y amigables con SEO fácilmente, sin tener ningún conocimiento especial o habilidades de programación.

Eche un vistazo a la empresa MotoCMS, que actualmente estoy ejecutando para algunos de mis proyectos.

Puede tomar la plantilla, personalizarla y listo. El soporte y las actualizaciones regulares también son una buena adición.

Este es el conjunto de herramientas de marketing de Builderall,

Diseñado como un completo creador de negocios en línea, permite al usuario

# Aloje un sitio web sin la necesidad de alojamiento adicional

# crea sitios web con plantillas listas para usar en más de 50 diseños

# construir páginas principales

# Haga crecer una lista de correo electrónico y envíe hasta 10k clientes potenciales todo automáticamente

# videos de diseño sobre la marcha

# crea increíbles aplicaciones móviles para promocionar tu negocio entre los clientes

http://marketingapp.us

Sí, por supuesto, siempre puedes diseñar un sitio web increíble sin tener ningún conocimiento de codificación.

¡Y con las excelentes herramientas! ¡siempre puedes diseñar un sitio web genial con estas útiles herramientas en línea [1]!

Notas al pie

[1] Herramientas populares para crear un sitio web en línea

Antes de 5 años para diseñar un sitio, era necesario un codificador / diseñador web, ahora es un poco sencillo desarrollar un sitio web. Wix es un portafolio de construcción web, donde podemos crear un sitio web usando plantillas predefinidas. Necesita algunos conocimientos básicos de Photoshop.

Si lo necesita, podemos diseñar su sitio, ya que somos una agencia de marketing digital en Hyderabad. Puede comunicarse con nosotros en Branding by Pixels / Cal: 9515110449

¡Por supuesto! ¡Absolutamente!

Si conoce sus habilidades de diseño web al comprender la tipografía, los colores, la optimización móvil para el sitio web, entonces está listo para comenzar.

HTML, CSS, JQuery, la codificación en general se considera una ventaja para la mayoría de las industrias y es excelente para mostrar versiones de maquetas del sitio en el sitio de desarrollo, sin embargo, hay aplicaciones como Invision, Sketch, Proto, etc.

Siempre que pueda traducir su idea al papel, etiquetar sus elementos y módulos y hacer comentarios detallados, puede entregarlos al desarrollador con facilidad.

Jennifer

Sí, ahora hay constructores de sitios web fáciles. Y se vuelven cada vez más fáciles de construir.

Incluso los aficionados pueden crear cosas. ¿Recuerdas Myspace?

Sin embargo, si tiene experiencia en codificación, entonces comprende mejor qué es posible y qué no fue posible, qué requiere un código personalizado y qué no, cómo se ejecuta el código, etc.

Este conocimiento es útil. Cuando hay un comportamiento extraño, es menos confuso.

pero sí, con poca o ninguna experiencia y algo de persistencia, cualquiera puede crear un sitio web.

Tenga cuidado … Es posible que no pueda hacer exactamente lo que está en su mente. Es posible que no pueda hacerlo exactamente como lo desea.

Pero si realmente no eres quisquilloso con el resultado y quieres probarlo, entonces ciertamente adelante y hazlo tú mismo.

¡Por supuesto! Puede usar un creador de sitios web gratuito como Cyteis para crear un sitio web sin codificar, agregar compras y recopilar datos de los usuarios. También puede modificar el código y el estilo … también puede atraer más tráfico que originalmente debido a las recomendaciones específicas del usuario.

Si no conoce HTML o CSS, entonces debe probar las herramientas CMS. Las herramientas CMS le proporcionan una plantilla básica del sitio web, el único trabajo que tiene que hacer es insertar datos en él y administrarlo de acuerdo con sus necesidades.

Las herramientas de CMS funcionan en complementos. Tienes que instalar complementos para diferentes trabajos.

Hay varias herramientas de CMS disponibles gratuitamente. Las herramientas de CMS más comunes son WordPress, joomla, Drupal, tumblr.

Sin duda, puede diseñar un sitio sin codificación, eche un vistazo a la última tecnología en el mundo del diseño de sitios web con este Creador de sitios web de IA: esta puesta en marcha utiliza el aprendizaje automático para construir sitios web

Sí, puede diseñar un sitio web sin conocimientos de codificación, pero algo de conocimiento de codificación ayudaría. Específicamente, la sensación general de si lo que desea lograr es posible o práctico, que es algo que solo viene con la experiencia de codificación.

Lo que necesitará es un buen conocimiento de UX y diseño, y primero deberá investigar y descubrir …

necesita usar software de diseño web o blogger, wordpress para diseñar un sitio web sin codificación

puedes contratar a un diseñador web como yo: amiayon: haré un diseño de sitio web receptivo por $ 5 en http://www.fiverr.com

Sí, al usar el proceso de diseño web puede crear su sitio web pwn sin usar codificación.

no puede diseñar un sitio web sin conocimientos de codificación, de alguna manera debe saber sobre el lenguaje de codificación. aprenda la codificación del equipo de benchfolks y diseñe su sitio web según sus necesidades.