Quantcast
Channel: Tips de Diseño Web – Blog Oficial de Wix |
Viewing all 62 articles
Browse latest View live

15 Consejos de un Antiguo Usuario de Wix

$
0
0

La experiencia es el mejor maestro, o así dicen. Si estás construyendo una página web por primera vez, ¿qué podría ser mejor que aprender los trucos del oficio de alguien que ya lo ha hecho antes?

Para eso exactamente es que hemos creado este artículo: Para ofrecerte valiosos consejos de los usuarios de Wix que, al igual que tú, alguna vez fueron novatos absolutos y ahora están dispuestos a compartir lo que han aprendido con los recién llegados.

Si tienes algún consejo propio para agregar a esta lista, ¡envíanos un comentario!

monile icons-11 Elige tu plantilla sabiamente: Antes de empezar a trabajar en tu sitio web, asegúrate de elegir la plantilla que mejor se adapte a las necesidades de tu emprendimiento. No puedes cambiar una plantilla a medio camino del proceso de edición, así que mejor piensa con cuidado antes de decidir qué plantilla es la más adecuada para ti. Más información>>  y más>>
 monile icons-12 Obtén consejos de los expertos del Blog de Wix: El blog de Wix es un gran recurso para cualquier persona interesada en tener un sitio Wix del nivel más profesional. Sigue el blog para ver mucho talento en diseño web, recibir consejos para tus emprendimientos, así como enterarte primero acerca de emocionantes novedades Wix. Puedes suscribirte al blog Wix ingresando tu dirección de correo electrónico al formulario en la barra superior derecha del blog o haciendo clic aquí.
 monile icons-01 Vuélvete móvil: Si tu sitio no tiene una versión móvil actualizada te estarás perdiendo de un montón de visitantes amigo. Asegúrate de optimizar tu sitio para dispositivos móviles y de agregar la Barra de Acción Móvil, que permitirá a tus visitantes navegar por tu sitio móvil con la mayor facilidad. Más información>>
 monile icons-06 Añade una imagen en miniatura de tu sitio para Facebook: ¿Qué es esta imagen? Es la imagen que aparecerá cada vez que tu o cualquier otra persona comparta el enlace de tu página web en Facebook. Una imagen personalizada en miniatura que se vea profesional tiene más probabilidades de conseguir muchos clics. Más información>>
monile icons-13 Mejora las imágenes de tu sitio: Obtén el máximo provecho de las imágenes que subas a tu sitio web mediante su optimización con el Editor de Imágenes gratuito de Wix. Puedes agregar efectos, filtros y manipulaciones que harán que tus imágenes se vean más profesionales yo más adecuadas para tu diseño web. Más información>>
 monile icons-14 ¡El Historial del Sitio te respalda! Todas las ediciones pasadas que hayas realizado en tu sitio web se guardan en la sección de Historial de Sitio, dentro de tu cuenta en Wix. ¿Quieres saber cómo acceder a esta maravillosa opción? Haz login a tu cuenta en Wix >bajo Mis Sitios> junto al sitio relevante haz clic en Administrar Sitio > a la derecha en las opciones debajo de Actividad en el Sitio> clic en Historial del Sitio. Más información>>
 monile icons-10 Configura tu SEO: No te olvides de actualizar tu información de SEO, tanto para todo tu sitio como para cada página por separado. Un SEO fuerte aumentará tu ranking en los motores de búsqueda, lo que te llevará a un aumento directo de los visitantes. Más información>>
monile icons-15 ¡Tus sitios pueden pasar de una cuenta a otra! Si eres un usuario avanzado que trabaja en múltiples sitios y diseñando sitios Wix para clientes, esta característica es extremadamente valiosa para tu trabajo. Te permite construir un sitio web completo y luego transferirlo a la cuenta del cliente para su posterior actualización y revisión. Más información>>
 monile icons-16 Sube multiples imágenes de tus productos: A los compradores online les gusta tomar decisiones estando bien informados. Puedes ayudarlos a decidirse más rápido, subiendo más de una foto de cada producto que vendes en tu tienda online. Asegúrate de utilizar imágenes que muestran el producto desde diferentes ángulos, así como fotos que muestran el producto en uso. Más información>>
 monile icons-17 Elige un nombre de dominio fácil de recordar: el nombre de dominio de tu sitio es tan importante como el propio nombre de la marca. Elige un nombre que sea fácil de entender y que mejor represente a tu sitio web. Consejo: Asegúrate de elegir un nombre que se mantenga relevante a largo plazo, no uno que siga las modas actuales. Más información>>
 monile icons-13 ¡Imágenes de alta calidad solamente por favor! Si deseas ser tomado en serio por tu público, es necesario seguir las normas profesionales y utilizar imágenes de alta calidad. Si realmente deseas mostrar una foto de baja resolución, asegúrate de ajustar el tamaño para que no se vea granulada ni borrosa. Más información>> y más>>
monile icons-18 Bloquea elementos del sitio y evita el trabajo extra: bloquear elementos del sitio como imágenes, iconos, cuadros de texto, etc., significa que no se pueden mover en el editor. Después de que hayas terminado de trabajar en un elemento, asegúrate de bloquearlo en su lugar. Así, evitarás que se mueva accidentalmente por la pantalla mientras trabajas en otro elemento en el editor. Más información>>
 monile icons-19 Encuentra embajadores entre tus clientes: Una recomendación o testimonio de un cliente satisfecho es una de las herramientas de marketing más poderosas que puedes tener. Al mostrar testimonios y opiniones en tu página web, convertirás a tus anteriores clientes en embajadores que avalen tu marca. Más información>>
 monile icons-20 ¿Es legible tu sitio? Es lamentable cuando el propietario de un sitio invierte tanto tiempo y esfuerzo en el diseño de su sitio web, solo para descuidar el aspecto crucial de la legibilidad. Para empezar, tienes que elegir un tipo de letra claro y utilizar un tamaño de fuente razonable. A continuación, asegúrate de que el fondo no choque con los cuadros de texto y los haga ilegibles. Más información>>

 

¡Ahora estás listo para crear tu primera página web! Consulta las excepcionales plantillas Wix de sitios web y encuentra aquella perfecta para ti. Una vez que hayas encontrado la que más te gusta, ¡haz clic en “Editar” y comienza!

Si quieres suscribirte a nuestro Blog para recibir este tipo de consejos sin moverte de tu escritorio, puedes ingresar tu e-mail acá abajo:


La entrada 15 Consejos de un Antiguo Usuario de Wix aparece primero en Blog Oficial de Wix | .


5 Preguntas Que Tu Página de Inicio Debe Responder

$
0
0

Si hablamos de la anatomía de la página web, la página de inicio es posiblemente la parte más importante. Es lo primero que la gente ve cuando llega a tu sitio, por lo que dar una gran primera impresión es de suma importancia. Con el fin de asegurarte de que la primera impresión sea la mejor, decidimos dividir el tema en algunas preguntas que deberías hacerle a tu página de inicio.

¿Tu página de inicio brinda las respuestas correctas? Es hora de averiguarlo:

¿Quién eres?

Cuando los ojos aterrizan en la página de inicio de tu sitio web, la respuesta a esta pregunta debe sonar alto y claro. Si tienes una página web para tu negocio, tu logo debe ser la primera cosa que vean, o por lo menos la segunda. Lo mismo ocurre si tienes un portfolio online o estás utilizando el sitio para promover tus servicios. Asegúrate de contestar esto desde el primer momento para que no de lugar a ninguna confusión. Si quieres consejos sobre cómo crear un logo fantástico, echa un vistazo a esta entrada del blog.

Chiches de madera

¿Qué haces?

Lo mejor es darle a la gente un sentido claro del servicio que ofreces o, simplemente, cuál es en realidad la razón de tu página web. Por ejemplo, si eres fotógrafo – hazlo saber. La misma regla se aplica sin importar cuál sea el propósito de tu sitio. A veces la mejor manera de hacerlo es simplemente agregar tu título, profesión o servicio empresarial directamente cerca de tu nombre o logo para eliminar cualquier duda.

Clases de tenis

¿Qué información puedo encontrar aquí?

Una vez que tengas las dos primeras preguntas resueltas, esta es tu próxima parada en el camino a la perfección de tu página de inicio. Los sitios web vienen en diferentes variedades – algunos optan por mantener las cosas ultra simples y la información al mínimo, mientras que otros requieren de una gran cantidad de páginas y un montón de contenido. Lo que sea que tu sitio requiera, lo mejor es poner énfasis en la navegación inteligente para que los visitantes puedan encontrar fácilmente la información que pueden estar buscando. Organiza tu menú, para que se vea agradable y limpio. Así mismo, te recomendamos distribuir cuidadosamente el contenido de tu sitio para que la jerarquía visual, ayude a los visitantes a encontrar lo que están buscando. Utilizar un encabezado fijo puede ser una gran manera de lograrlo.

Sitio de fotografía

 

¿Qué te diferencia de los demás?

Aquí es donde la palabra “marca” entra en juego. No dejes que te intimide – piensa en ella más como un sentimiento. ¿Con qué quieres que la gente asocie a tu negocio o sitio web? Configúralo a través del diseño de tu sitio – fuentes, colores, iconos e imágenes de buena calidad pueden mover montañas cuando se trata de contar tu historia en la web. Si te sientes intimidado por el diseño y sus tendencias siempre cambiantes, visita la sección del Blog de Wix dedicada a diseño web.

Sitio de restaurant

¿Qué debo hacer a continuación?

Una vez que los visitantes del sitio han digerido toda esta información, tendrás que guiarlos a su próximo destino en tu sitio. Dónde ese próximo punto esté, depende de lo que estás buscando lograr. Pero si quieres que miren tu portfolio de arte, galería de productos, o página de testimonios tendrás que usar un término web clave: una fuerte CTA (Call To Action). Las CTA, o llamadas a las acción, pueden venir en muchas formas. Pero así se trate de un botón que diga simplemente “Mira mi obra” o un icono con un texto que diga “Ver más”, el punto siempre es hacer que la gente haga clic y se dirija a la próxima parada en la hoja de ruta de tu página web.

Sitio web de hotel

 

¿Listo para poner tu negocio online? ¡Prepárate para el éxito creando tu propio sitio web con Wix!

Si quieres suscribirte a nuestro Blog para recibir más novedades, consejos y noticias sin moverte de tu escritorio, ingresa tu email acá abajo:


 

La entrada 5 Preguntas Que Tu Página de Inicio Debe Responder aparece primero en Blog Oficial de Wix | .

Creando Un Sitio Web Desde Cero en 11 Pasos (para Usuarios Pro)

$
0
0

La lindo de Wix es que se puedes elegir cuánto esfuerzo quieres dedicarle al diseño de tu página web. Los usuarios que no tienen experiencia en diseño web, por lo general prefieren utilizar una de nuestras plantillas y personalizarla a su gusto.

Sin embargo, hay otra manera: una que será de interés para los usuarios más calificados y con algo de experiencia en diseño. Los usuarios profesionales de Wix pueden diseñar un sitio absolutamente desde cero, utilizando una plantilla en blanco. Así, obtienen máxima libertad, combinada con la facilidad de uso de nuestra plataforma.

Diseñando con Wix

Si quieres volverte más pro y construir un nuevo sitio web, Wix tiene todas las herramientas adecuadas para ayudarte a alcanzar tu meta. Además, aquí te traemos una guía detallada para ayudarte a través de este proceso, un poquito difícil, pero sumamente gratificante.

1. Comprende los objetivos de tu página web:

Antes de comenzar a pensar en el diseño, es necesario definir las metas que estableciste para tu sitio. Estas te ayudarán a entender los requisitos técnicos y el mensaje general que quieres transmitir en tu página web. Por ejemplo, si el objetivo principal es la venta de diseños de moda, necesitarás incluir una galería de productos, un carrito de compras y opciones de pago en tu esquema de diseño. Si el foco central de tu sitio es promover un show musical, desearás incluir reproductores de audio, posiblemente también reproductores de video, y un listado actualizado de los lugares y fechas de las presentaciones.

Muchacho al computador

2. Inspírate:

Un consejo importante en esta etapa es que pases una buena cantidad de tiempo investigando. A medida que comienzas a imaginar cómo quieres que funcione tu página web, te recomendamos que hagas un tour por la web y te dediques a visitar sitios relacionados y no relacionados con tu industria. Toma nota de lo que te resulte impresionante en términos de diseño y de rendimiento, y piensa en cómo puedes adaptarlas para tu propia página web.

Un gran lugar para comenzar es la galería de plantillas web de Wix. Encontrarás un gran número de plantillas personalizables en una gran variedad de categorías. Estas plantillas son creadas por nuestro talentoso estudio de diseñadores, para adaptarse a los estándares profesionales más altos. Estamos seguros de que podrás tomar algo de inspiración de ellas.

Plantillas web personalizables

3. Crea un mapa detallado del sitio:

Este es un paso muy importante en el proceso. Asegúrate de tomarte el tiempo necesario para diseñar tu mapa del sitio, ya que será el encargado de desglozar la arquitectura de tu página web y guiarte a través del diseño. El mapa del sitio debe incluir una lista de todas las páginas planificadas e indicar claramente qué páginas enlazan a dónde y qué anclas o subpáginas se incluyen en qué sección. Dibuja un borrador de cada página que incluya todo el contenido que la página debería mostrar – imágenes, textos, videos, botones, etc.

Mapa de Sitio

4. Define tu estilo:

Ahora que tienes los objetivos y la estructura definidos (y después de que tu investigación a fondo te haya hecho descubrir las últimas tendencias en diseño) es hora de pensar en el diseño más detallado de tu página web. Esto incluye la combinación de colores, la elección de la tipografía, el diseño de la cabecera, el uso de elementos como las formas, vectores, ejemplos, etc.

En el editor Wix, en la categoría de Diseño, puedes ver una amplia selección de colores y fuentes predeterminadas. Como punto de partida, puedes tener en cuenta estos elementos predeterminados y ver cuál se ajusta mejor al lenguaje de diseño que deseas para tu sitio.

Elementos de Diseño en el Editor5. Planea tu uso de imágenes:

Las imágenes son críticas para la mayoría de las páginas web, así que es mejor planificar por adelantado cómo deseas utilizarlas en tu diseño. ¿Dependerá tu sitio en gran medida del contenido visual? ¿Subirás imágenes con frecuencia? ¿Tienes fotos de alta resolución? Estas preguntas determinarán qué tipo de visualización de imagen es la más adecuada para tu sitio y te ayudará a elegir y diseñar estilos de galerías.

Algunas cosas a tener en cuenta:

Galería de imágenes en el editor Wix

6. Elabora los textos de antemano:

A veces, el contenido textual puede influir en el proceso de diseño. Lo mejor es que prepares los textos que piensas utilizar antes de que realmente comiences la construcción del sitio. Esto incluye no solo los párrafos largos, sino también el lema de la cabecera, los textos que serán “Llamadas a la Acción” (CTA), el texto de los botones, y etc.

Por supuesto, como siempre, podrás cambiar y editar estos textos a medida que avances, pero será muy útil tenerlos listos de antemano para diseñar con una idea clara sobre el mensaje de cada página y cada sección de tu sitio.

7. Finaliza el layout:

Muy bien, finalmente el editor Wix comienza a formar parte de la acción. Piensa en el layout del sitio como el esqueleto de la página web antes de añadirle el resto de los elementos. Es posible que necesites diferentes diseños para diferentes páginas – tiendas online, páginas de contacto, páginas de reserva de citas, biografías – todas estas páginas tienen un carácter diferente y, por lo tanto, requieren de un diseño distinto.

Wix te ofrece una variedad de plantillas en blanco que ya tienen un diseño fijo. Así, puedes optar por comenzar con una estructura existente y añadirle cambios menores, o diseñar una página completamente a tu gusto con la plantilla que se llama “Diseñando desde cero” (la primera opción en la página de plantillas en blanco).

Plantillas Wix en Blanco
8. Añade elementos de diseño:

Con el layout estableces los cimientos de tu página web, pero ahora ya es el momento de añadir el toque decorativo que le dará a tu sitio un aspecto único. Comienza con aquellos elementos de diseño que aparecerán en todas las páginas (Por ejemplo: el logo y la cabecera fija, la imagen estática de fondo, el diseño del menú de navegación, etc.), y luego continúa por agregar aquellos elementos que sean singulares a cada página (cuadros de texto, galerías de imágenes, enlaces a redes sociales, etc.)

9. Sube contenido:

¿Recuerdas todas esas imágenes, textos, videos y sonidos que habías preparado con antelación y para los que has trabajado tan duro? Todo eso irá al editor ahora. Después de completar este paso, deberás evaluar si el contenido funciona bien con el esquema de diseño que has creado y hacer los ajustes que creas necesarios.

Cambiando imágenes desde el editor
10. Dale un buen impulso:

Puedes mejorar el aspecto y el rendimiento con aplicaciones y funciones que harán que tu sitio se vea más atractivo para tu público objetivo. Por ejemplo, si acabas de terminar de crear una página web para un restaurante, es posible que desees considerar la aplicación de OpenTable, o si el sitio es sobre enseñanza, puedes utilizar la aplicación Online Courses para vender y reproducir videos instructivos.

11. ¡Control de Calidad, control de calidad, y más control de calidad!

Después de completar las 10 etapas anteriores, ya estás listo para probar tu sitio y prepararte para el lanzamiento. Es extremadamente importante que repases los textos en busca de errores tipográficos, que te asegures de que las imágenes estén recortadas correctamente, que los enlaces te lleven a donde se supone que deben, y que todo en tu sitio funcione como debería.

Puedes utilizar nuestra función Obtén Comentarios para compartir tu página web no publicada en privado con amigos o compañeros de trabajo. ¡Sus comentarios aparecerán en el editor para que tu puedas verlos!

Consejos rápidos para los sitios web creados desde una plantilla en blanco:

La entrada Creando Un Sitio Web Desde Cero en 11 Pasos (para Usuarios Pro) aparece primero en Blog Oficial de Wix | .

4 Herramientas para Atraer Más Miradas a Tu Sitio Web

$
0
0

La creación de una página web se ha convertido en un paso importantísimo e inevitable para cualquier negocio. Todos aquellos que ya han dado el paso de crear su propio sitio web, saben cuántos factores se ponen en juego en la construcción un hogar online. El diseño, el contenido y una navegación fácil de usar, todo necesita unirse para formar el espacio web perfecto. Y si bien hay un sin número de maneras en que puedes diseñar tus páginas – no hay que olvidar que no existe nada más desgarrador que un sitio que nadie se molesta en visitar.

Esto nos hizo pensar: ¿qué puedes hacer para entusiasmar a los visitantes de tu sitio a participar en él y explorarlo? La respuesta es clara, hay un montón de aplicaciones interesantes que se pueden agregar a las páginas web para darles un brillo extra. El Wix App Market está lleno de herramientas fáciles de implementar que no solo añaden estilo a tu sitio sino que también elegantemente conducen a tus visitantes a través de las páginas.

Éstas son algunas de nuestras aplicaciones web favoritas del Wix App Market que harán a tu página web más audaz, más hermosa y le añadirán un poco más de la magia que puede estar faltándole.

Ilustración manos trabajan sobre teclado

 

Rollover App – La Vista Previa

La increíble app Rollover te permite agregar un efecto hover a tus imágenes de la web, poniéndolas a tono con una de las tendencias más populares en diseño. Los efectos hover (al pasar el puntero sobre una imagen) dan a tus visitantes un adelanto de lo que les espera al hacer clic a la siguiente página. Cuando se incorpora correctamente, esta divertida función hará que los visitantes de tu sitio pasen sobre todas tus imágenes para conocer las divertidas sorpresas que pueden contener.

¡Añade este elemento de diseño a tu sitio web fácilmente con la aplicación Rollover!

Animación muestra el efecto rollover

 

Lumifish – Tu Línea de Tiempo Visual

La aplicación Lumifish Timeline es una manera inteligente y fácil de dar a tus visitantes fragmentos de aquellos momentos asombrosos de tu vida, negocio o línea de productos. Aunque lo mejor es vincular los momentos destacados con descripciones breves en tu línea de tiempo, ¡los más interesados en saber acerca de cualquier evento puede hacer clic para obtener la historia completa!

Esta aplicación es especialmente grandiosa para destacar momentos especiales en tu página web de bodas, invitación de cumpleaños y currículum. ¡Fue utilizada en el sitio NHL para ofrecer jugadores clave que están disponibles para negociaciones! Echa un vistazo a la aplicación Lumifish Timeline para ideas más divertidas acerca de cómo añadir líneas de tiempo con estilo a tu sitio.

Aplicación Lumifish

 

Easy Magazine – Tu Propio Servicio de Noticias Personal

Si no hay nada que ames más que leer un buen artículo, ¡esta podría ser la mágica aplicación que se está perdiendo tu sitio! Desarrolla tu propio puesto de revistas personal en tu página web, mediante la integración de las últimas noticias sobre tus temas favoritos. Esta aplicación es ideal para establecerte como una autoridad en un tema en particular, y la mejor parte es que tu sitio web estará siendo constantemente actualizado con tu contenido favorito, ¡un gran beneficio para tu SEO!

Cuando las historias de tu sitio se desarrollan tan frecuentemente como las tuyas, ¡los visitantes estarán ansiosos por volver por más! La aplicación Easy Magazine se puede encontrar tanto en tu cuenta Wix como en la pestaña del Wix App Market en el menú de la izquierda o directamente en el App Market en el editor de Wix.

Aplicación Easy Magazine

Back to Top – Tu Arma Secreta de una Sola Página

¿La idea de dejar a los visitantes de tu sitio desplazarse a través de tus páginas a su antojo te hace sentir incómodo? Incluso si tienes un impresionante sitio web de una sola página, no puedes descuidar la navegación del usuario. Haz que el desplazamiento a través de tu sitio de una página sea  más amigable mediante la adición de un botón de regreso a la parte superior. Esta aplicación es especialmente útil cuando se combina con un menú superior junto con impresionantes vínculos de anclaje.

Aplicación Back to Top

 

¿Listo para poner tu negocio online? ¡Crea un sitio web gratuito con Wix!

La entrada 4 Herramientas para Atraer Más Miradas a Tu Sitio Web aparece primero en Blog Oficial de Wix | .

5 Habilidades en Diseño Web Que No Pueden Faltar en tu CV

$
0
0

El mundo online cambia rápidamente y es difícil mantenerse vigente. Para los diseñadores web, sin embargo, mantenerse al tanto de las novedades y tendencias es una necesidad.
La buena noticia es: no necesitas ser un experto en todas las diferentes áreas para tener éxito. Para ayudarte, hemos hecho una lista de las 5 habilidades más importantes que no pueden dejar de figurar en tu CV este año.
Si allí están, siéntete seguro: estás actualizado y puedes brindar a tus clientes páginas web profesionales y modernas.

5 Habilidades en Diseño Web Que No Pueden Faltar en tu CV

1. Diseña para Dispositivos Móviles

Los dispositivos móviles han cambiado el juego para los dueños de negocios, diseñadores gráficos y expertos en SEO. Los buscadores como Google están demandando hoy en día que todas las páginas web estén optimizadas para móviles. y penalizan aquellas que no lo están.
Los diseñadores necesitan aprender las nuevas reglas de diseño para las “pantallas pequeñas”.
El diseño está estrechamente relacionado al tamaño de las pantallas (más chicas que un monitor de escritorio) y al hecho que cuando la gente juega con su teléfono móvil o tablet, generalmente se encuentra yendo de un lado al otro. Es decir, es importante resaltar la información esencial (¡nadie tiene tiempo de buscar demasiado!).
Una buena página web que realmente sirva en dispositivos móviles o una buena app tiene que estar claramente organizada para destacar la información relevante y para conseguir que sus usuarios encuentren lo que buscan fácilmente.

2. Ahorra Tiempo y Dinero con Wix

Wix ofrece un diseño sumamente flexible, logrando que muchos diseñadores web puedan ofrecer esta herramienta a sus clientes pequeños. Wix te permite elegir entre una página en blanco o una entre miles de plantillas personalizables ¡Elige una y deja volar tu creatividad!
Ya que el editor de Wix tiene un sistema de arrastrar elementos y soltarlos es súper intuitivo ¡y gratis! Puedes crear una increíble página web en solo algunas horas. Esto logra que Wix sea una herramienta fantástica para los diseñadores web.
Si sabes cómo crear una página web y que salga a la luz en pocas horas o días, atraerás la atención de pequeños negocios y aumentarás la cantidad de proyectos en tu portafolio.
Con la extensa cantidad de apps que tenemos en nuestro App Market (y las herramientas que brindamos a pequeños negocios para que puedan expandirse) podrás añadir casi cualquier funcionalidad que te imagines a los sitios que diseñas.

3. Ten en Cuenta el SEO

Si estás diseñando páginas webs para negocios, muchos de tus clientes te preguntarán sobre cómo anda el ranking en Google. Si quieres ser tomado en serio, tienes que diseñar tomando al SEO en cuenta ¿Cómo hacerlo?
Si bien no es necesario que seas un experto en PPC, tienes que entender cómo los componentes de una página web determinarán cómo estará posicionada en los buscadores.
Los sitios web que les gustan a los usuarios se destacan del resto (gracias a los clics) y Google lo sabe. Ahora, también existen las páginas web a las cuales los usuarios ingresan de manera rápida, y salen de ellas de la misma manera. Esto se llama el Porcentaje de Rebote, ¿recuerdas? Google también reconoce estas páginas y de la misma manera las penaliza.
Es por eso que te recomendamos que si vas a crear una página, es fundamental que contenga material y contenido interesante.

También te recomendamos interesarte un poco por el análisis de keywords o palabras clave. Ayuda a tus clientes a elegir un par de palabras o frases que sirvan para apuntar a su mercado objetivo e inclúyelas en los títulos y encabezados de la página web que estás construyendo.
¡Impresiona a tus clientes llevándolos a los puestos más altos de Google!

4. Conoce los Conceptos Básicos sobre Edición de Videos

No, no vamos a mandarte de nuevo a la Universidad para que te conviertas en un profesional de la videografía. Sin embargo, conocer los conceptos básicos de este arte es una herramienta de altísimo valor para cualquier diseñador.
La popularidad de YouTube ya está establecida, y gracias a esto, cada vez son más los negocios que quieren figurar en este canal e incorporar videos a sus páginas web.
Tanto los videos en las páginas de inicio como los fondos de pantallas con videos integrados son una tendencia en el mundo del diseño web.

Por suerte, hay muchísimas herramientas para ayudarte a manejar, diseñar y editar videos. Una de nuestras favoritas es WeVideo. Está totalmente en la nube, puedes utilizar esta herramienta para hacer un video montaje. WeVideo lograr que sea fácil de compilar, editar y colaborar con otros creando videos profesionales.

5. Crea Prototipos con InVision

InVision es una herramienta que te ayuda a crear prototipos y a manejar proyectos con tus clientes. Carga tus diseños a la plataforma y luego añade los hotspots. Estos te ayudarán a que puedas hacer tus pantallas interactivas, de tal modo que podrás ver cómo funcionará tu página aún antes de publicarla.
InVision es sumamente intuitivo y fácil de usar, así que será una herramienta sensacional para sorprender a tus clientes. Les podrás enviar un enlace al prototipo y de esta manera te darán feedback sobre qué piensan del producto final. Dado a que el primer proyecto es gratis, no tienes nada que perder en probarlo.

5 Habilidades en Diseño Web Que No Pueden Faltar en tu CV - Resumen

¿Todavía no has diseñado tu página web de Wix? ¡Comienza ahora! 

La entrada 5 Habilidades en Diseño Web Que No Pueden Faltar en tu CV aparece primero en Blog Oficial de Wix | .

Las 10 Apps Elegidas Por Nuestros Lectores

$
0
0

Como el alfajor y el dulce de leche: hay cosas que para que sean perfectas, necesitan estar acompañadas.
En el mundo de Wix, tenemos un nombre para ese ingrediente secreto: Apps ¡Pueden hacer cosas maravillosas por ti! Como añadir contenido fresco a tu página web en tiempo real mediante las redes sociales, ofrecer chats en vivo y hacer las ventas más sencillas junto a PayPal.

Con más de 250 Apps disponibles en el Wix App Market, puede ser muy difícil encontrar tu favorita ¡Así que decidimos pedir ayuda! Aquí les dejamos las 10 Apps favoritas de nuestros lectores:

first_image

Recibe Reseñas Con Comentarios

La opinión de tus clientes es algo invaluable para cualquier tipo de negocio. Cuando se refiere a ti, que has creado una página web para tus usuarios ¿Por qué no añadir un lugar donde puedan escribir lo que piensan? ¡Los usuarios de Wix adoran usar la App Comentarios!

Comentarios

¡No te Pierdas de Nada con el Calendario de Eventos!

¿Tienes clientes que le tienen fobia a perderse un evento social? Asegúrate de tener todos tus eventos en un solo lugar con el Calendario de Eventos. Se sincroniza automáticamente con tu Google Calendar ¡también puedes agregar de eventos de manera manual!

Está Siempre Presente con Live Chat

El servicio al cliente puede ser un factor determinante a la hora de la compra, sobre todo si se trata de un cliente potencial tomando la decisión de proseguir con la transacción o no. Los usuarios de Wix disfrutan de mostrar su presencia constante y que pueden responder todas las preguntas posibles con la App Live Chat en su página web.

Toma Reservas y Acepta Pagos ¡Todo el Tiempo!

Si te dedicas a manejar un negocio de servicios, es muy probable que lo último que quieras sea gastar tu tiempo al teléfono tomando reservas ¡Es por eso que Wix Bookings llegó al rescate! Wix Bookings logra que sea súper fácil para tus clientes hacer reservas online al poder fijarse cuándo tienes bloques disponibles ¡También puedes aceptar pagos las 24 horas del día!

Wix Bookings

Logra Que Buscar Algo en Tu Página Web Sea Fácil

Poder buscar algo en tu página web es una de las cosas que definirá la experiencia de tus usuarios ¿Quieres hacer de este proceso aún más fácil? ¡Añade la App Site Search a tu página web ahora!

Jamás Pierdas los Datos de tus Lectores

Estamos seguros que ya tienes bien en claro la importancia del email marketing en tu negocio. Mantén tu lista de correos fuerte agregando la App Get Subscribers de Wix ShoutOut a tu página web.

Añade Contenido Fresco de las Redes Sociales

Añade todo el contenido de tu página de Facebook, Twitter, Instagram, YouTube o Pinterest directamente a tu página web en tiempo real sin ningún esfuerzo. La App Social Media Stream hará el trabajo por ti.

 Social Media Stream

Contesta las Pregunta Más Difíciles

La App Wix FAQ te ayuda a escribir respuestas de manera fácil y atractiva para que tus visitantes no tengas que contestar lo mismo una y otra vez a cada uno de tus usuarios. Divide las preguntas más frecuentes por categorías ¡Es fácil!

Haz que Pagar Sea Más Fácil con el Botón de PayPal

Paypal es una de las formas más comunes para hacer pagos online hoy en día, ¿Así que por qué no aprovecharla y añadirla a tu página web de eCommerce? ¡Esta App favorita de nuestros lectores no solo es gratis, sino que es tan fácil de usar como comprar con PayPal!

Despega tu SEO con Site Booster

Las Apps de SEO son las favoritas del Wix App Market, y Site Booster se encuentra sin lugar a dudas en los primeros puestos ¿Qué es lo que hace? Ayuda a traer más tráfico a tu página web y empujar tu SEO al asegurarse de que tu sitio se encuentre en los motores de búsqueda.

 

¿No tienes una página web todavía? ¡Crea tu página web gratis hoy mismo con Wix!

La entrada Las 10 Apps Elegidas Por Nuestros Lectores aparece primero en Blog Oficial de Wix | .

8 Errores De Diseño Que Pueden Arruinar Tu Página Web

$
0
0

En Wix hemos visto muchísimas cosas. Desde esos pequeños errores que parecen ideas increíbles en un principio, hasta catástrofes terribles. Hay que tener muchísimo cuidado con esos detalles a los cuales no les damos tanta importancia, ya que pueden convertirse en la razón por la cual tus usuarios se vayan de tu sitio.
Aquí te dejamos una lista con los más comunes y cómo evitarlos.

Utilizas Demasiadas Fuentes

Entendemos que a veces es muy complicado resistirse (¡hay tantas! ¡y son tan lindas!), incluso puedes subir las tuyas. Pero tienes que tomar en cuenta que si utilizas más de tres ya te verás poco profesional ante los ojos de un cliente potencial.
Te recomendamos optar por una negrita y una un poco más itálica para que hagan contraste y que puedas utilizarlas en diferentes ocasiones. Asegúrate que no sean demasiado pequeñas y que sean fáciles desde leer, desde cualquier dispositivo.

Mejor Práctica: Utiliza dos o tres fuentes fáciles de leer y que estén alineadas con tu marca. En Wix nos encantan las fuentes Sans Serif.

Utilizas Demasiadas Keywords

Ya sabemos que sabes lo que significa SEO y lo mucho que importa en tu relación con los motores de búsqueda. De hecho, incluso eliges las keywords que mejor van con tu negocio y las repitas una y otra vez en tu sitio.
Es por esto que utilizar a tus keywords demasiado es un error normal pero peligroso: Google entiende y lee todo, así que si tu página web aparenta ser una trampa, tu posición en los resultados bajará drásticamente.

Mejor Práctica: Utiliza tus keywords de manera natural y asegúrate de que Google entienda de quien escribe es un ser humano. Si a tus lectores les gusta lo que escribes, a Google también le gustará.

Tienes Demasiados CTAs

Sí, te hemos dicho muchísimas veces lo importante que son los botones de llamadas a la acción para que tus visitas reaccionen o hagan algo. Pero hay un factor psicológico: cuantos más pedidos nos hacen, menos acciones terminamos completando.
Así que es importante que seas consistente con lo que te gustaría que tus usuarios hagan ¡Elige con sabiduría! Asegúrate que sea fácil para ellos completar la acción.

Mejor Práctica: Elige un pedido, claro y conciso. Mantenlo a lo largo de todo tu sitio y que para que se complete que no tengan que hacer demasiados clics.

Tu Página Web Tiene Música

Sabemos que quieres llamar la atención de tus visitas al primer segundo que llegan a tu sitio ¡Una idea genial! Sin embargo, poner rock en tu página de inicio no siempre es la mejor idea (incluso si estás seguro que todas tus visitas son fanáticas de Metallica).
Incluso si eres un músico tener música que suena de manera automática puede ser bastante incómodo para tus visitas. Imagina que están en el trabajo, en el transporte público o con alguien durmiendo al lado.

Mejor Práctica: Si quieres que escuchen tu música, invítalos a hacer clic “play”.

Estás Usando Imágenes de Baja Calidad

Es importante mostrar tus colores de verdad en tu página web. Y con esto nos referimos a tu profesionalismo.
Tus imágenes son una parte gigante de tu página web y tienen muchísima influencia en cómo tus visitas verán a tu negocio de ahora en más. Si puedes contratar a un fotógrafo profesional, será increíble. Si no puedes, en nuestro blog hay un montón de consejos para que puedas aprender a tomar fotografías increíbles.

Mejor Práctica: Utiliza imágenes auténticas que se vean profesionales. Sí, tendrás que invertir algo de tiempo y hasta un poco de dinero, pero valdrá la pena.

Tienes una Página Web Ancha

Si bien sabes que la moda es hacer páginas web de desplazamiento largo. Quisiste ser creativo y salirte de la regla e intentar crear una página web horizontal. Si bien pudo haber sonado como una idea increíble, para tus visitas será muy incómodo visitarte.

Mejor Práctica: Puedes utilizar el desplazamiento en tu página web, pero jamás de manera horizontal.

Tienes Mensajes Interactivos por Todo Tu Sitio

Todo es increíble, pero es importante que algunas cosas las utilices con moderación. Si bien los mensajes interactivos son increíbles para ayudar a tus visitas a seguirte en Facebook, suscribirse a tu newsletter o comprar tus rebajas ¡Cuidado! Contar con demasiados de ellos puede ser una pésima idea. Si piensas que así estarás atrayendo a más personas a tu negocio, lamentamos decirte que estarás haciendo lo contrario.

Mejor Práctica: Agrega una ventana emergente para que te ayude a cumplir con el propósito fundamental de tu sitio.

Lo Contaste Todo en tu Página de Inicio

Con todo el tráfico que entra a tu sitio quieres asegurarte de que todos puedan encontrar tu información más importante de manera rápida y fácil. Tu historia, lo que vendes y las reseñas de clientes anteriores. Pero ten cuidado, que si cuentas demasiado en tu primera página, estarás diciendo demasiado ¡crea un poco de misterio!

Mejor Práctica: Mantén tu página de inicio simple. Incluye una o dos imágenes simples, claras, un botón de llamada a la acción y un buen texto. Cuenta quién eres pero tampoco lo digas todo.

¿Estás listo para crear una presencia online perfecta? ¡Crea una página web hoy mismo!

 

La entrada 8 Errores De Diseño Que Pueden Arruinar Tu Página Web aparece primero en Blog Oficial de Wix |.

12 Nuevas plantillas de Wix que no debes perderte

$
0
0

Incluso los diseñadores más experimentados lo tienen difícil para mantener sus páginas web siempre actualizadas, es como un mecánico de autos que maneja una vieja chatarra porque invierte todo su tiempo en arreglarle el auto a los demás. Pero ¡no entres en pánico! Siempre puedes echar manos de las plantillas de Wix más actuales para que tu página web estés siempre a punto como el motor de un Fórmula 1. Y lo mejor es que puedes personalizar todos estos increíbles diseños agregando tus propios textos, imágenes y videos y así lograr la página web perfecta para ti.

Explora estas nuevas plantillas y te aseguramos que al terminar de leer este artículo ¡estarás super inspirado!

Los Talleres de Cocina

Con su diseño centrado en mostrar lo deliciosa que es tu comida, esta plantilla hará la boca agua a cualquiera. Nuestros diseñadores han incorporado una navegación muy simple y clara junto a alegres (y deliciosas) imágenes, GIF y videos que hacen mucho más dinámica la página. La paleta de colores pastel es producto de nuestra debilidad por los dulces. ¿Hemos mencionado ya lo “apetecible” que es la página de bienvenida? Entra ahora y prepárate, porque ¡querrás hincar el diente!

Plantilla Wix - Taller de Coicina

El Organizador de Bodas

El diseño rústico pero moderno de esta plantilla es a la vez muy elegante y ofrece una imagen de ancho completo que capta la atención de cualquier espectador. Los colores discretos y la tipografía atemporal ayudan a los ojos de los visitantes a transitar por la página de manera muy natural. Incluso tienen ya insertado Wix Bookings, por lo que puedes agregar directamente los servicios que ofreces, personalizar la disponibilidad y ver cómo tu calendario de citas se completa más rápido que la lista de bodas de tus clientes.

Plantilla Wix - Organizador de Bodas

El Hotel B&B

Los viajeros se guían por emociones y experiencias. Cuando revisan páginas web de hoteles que ofrecen “Alojamiento y Desayuno”, buscan algo que les inspire y le incite a salir de la monotonía diaria y viajar.  Los visitantes de tu web disfrutaran de un diseño de fácil navegación y muy atractivo. Con Wix Hotels, además, podrán reservar su estadía directamente desde tu web. La suite de tus sueños está a solo un clic y tus huéspedes ya están en lista de espera.

Plantilla Wix - Hotel B&B

El Camarógrafo

¿Qué convierte a una película en una gran película?, ¿una bonita historia?, ¿personajes potentes?, ¿una interpretación brillante? La respuesta es — Sí ¡todo eso!. Una gran película, como una gran página web, requiere una buena mezcla de ingredientes. Hemos agregado Wix Video, para que tus fans puedan comprar, alquilar o reproducir tus videos directamente desde tu página web. ¡Haz brillar tu estrella gracias a tus videos!

Plantilla Wix - Camarógrafo

La Conferencia de Diseño

Al igual que un buen discurso, tu página web necesita dinamismo y profundidad. Esta premisa es la que inspiró a nuestros diseñadores a la hora de añadir las animaciones para el fondo de pantalla y el efecto Parallax (o de paralaje) a esta plantilla. Los asistentes potenciales a tu evento no quieren tener que buscar por toda la página los detalles que necesitan, por lo que hemos creado una plantilla concisa y directa al grano, como un “discurso de ascensor”.

Plantilla Wix - Conferencia Creativa

Fotógrafo de Comida

Encontrar la plantilla adecuada para tu negocio de fotografía culinaria puede ser complicado, pero nuestros diseñadores se han esmerado en agregar funciones que harán que la página se cocine sola. Nos encantan las combinaciones llamativas de fuentes, las imágenes creativas y el menú flotante que te persigue como el recuerdo de una gran comida. Cuando tu negocio de fotografía crezca, podrás empezar un blog para permitir a los visitantes a seguir tu historia y tener una visión más clara de tus servicios. la imagen más grande.

Plantilla Wix - Fotografia de Comida

Conferencia de Mujeres en Hi-Tech

Las conferencias educan e inspiran. Tu página web de conferencias debería provocar lo mismo. El diseño de desplazamiento en una sola página ayuda a dar a conocer tu conferencia de manera fácil y atractiva y en un solo lugar. El esquema de colores sólidos elegido deja entrever el la fuerza y la calidad del evento. Esta plantilla te permite presentar a los oradores invitados, nombrar los temas a tocar, crear el calendario del evento y proporcionar información importante a los asistentes. Simplemente agrega tus fotos y los detalles del evento, pulsa publicar y ¡enamora al público con tu poder de oratoria!

Plantilla Wix - Conferencia de Mujeres

DIY – Blog de ideas para hacer tú mismo

Extravagante, brillante y divertido… esos son los adjetivos que definen a esta plantilla de bricolaje casero (o por sus siglas en inglés DIY – Do It Yourself). Si te pasas el día buscando ideas en Pinterest para tus creaciones o eres un artesano que desea compartir su conocimiento y entusiasmo, esta plantilla de blog es fácil de actualizar y te permitirá atraer e interactuar con tus seguidores.

Plantilla Wix - DIY Blog

La Escuela Culinaria

No importa la razón de tu amor por la comida, debes tener una página web que se vea y funcione tan bien como tus deliciosos platos. Esta plantilla usa  franjas y columnas para dividir el contenido e incluir hermosos videos que inciten a los visitantes a seguir leyendo. Las imágenes con perspectiva de ojo de pájaro les hará sentir que acaban de entrar en un restaurante con 5 estrellas Michelín. No olvides echar un vistazo a nuestra página de “Eventos Especiales” en la que nuestros diseñadores usan las Ventanas Interactivas para ofrecer los formularios de registro en modo “pop-up”

Plantilla Wix - Escuela de Cocina

El Foro de Fotografía Digital

¿Busca mayor exposición? Esta hermosa plantilla incluye el Wix Foro, con el que se fomentan conversaciones reales con los visitantes de la página. Por no mencionar, que los usuarios que participan en tu foro y crean su propio contenido pueden ayudar mucho a tu SEO. ¡Eso si qué suena bien!

Plantilla Wix - Foro de Fotografía

El DJ Electrónico

Puede que tu música ya haya llegado al Top-10 de las emisoras de radio, pero si tienes una página web propia, puedes llevar el control todo lo que implica ser un profesional de la música. a la experiencia. Al igual que una bonita una melodía, los colores vibrantes y las animaciones de esta plantilla te mantienen entretenido de principio a fin. Tus visitantes irán avanzando por tu página hasta llegar a la casilla para suscribirse a tu newsletter (y, ¡seguro que lo hacen. Nuestros diseñadores agregaron Wix Music, para que puedas vender y distribuir tu música directamente en tu página y ¡sin comisiones!

Plantilla Wix - DJ

La Boutique de Plantas

El diseño fresco y los colores orgánicos de esta plantilla están listos para que crees con ella la página web de tu negocio de floristería. Las plantas simbolizan el amor y la armonía y eso es lo que nuestros diseñadores han querido reflejar aquí. Si quieres que además de tus plantas, tus ventas también florezcan, Wix Stores tiene todo lo que necesitas para manejar y vender tus productos online.

Plantilla Wix - Tienda de Plantas

 ¿Te sientes inspirad@? ¡Crea tu increíble página web gratis hoy mismo!

 

La entrada 12 Nuevas plantillas de Wix que no debes perderte aparece primero en Blog Oficial de Wix |.


10 Plantillas web gratuitas con un diseño inspirador

$
0
0

¿Estás pensando en crear una increíble página web? Entonces échale un vistazo a estas 10 hermosas plantillas de Wix súper funcionales y gratuitas. Vienen cargadas de características, imágenes asombrosas y avanzadas funciones que te ayudarán a trasladar tu idea de negocio al ciberespacio de manera fácil y rápida. ¿Y lo mejor? Cada elemento de estas plantillas puede ser modificado y personalizado para adaptar tu página a tus metas y necesidades.

¿Listo para dejarte inspirar? A continuación te mostramos 10 de las plantillas más populares de nuestra fantástica colección de plantillas web.

Plantilla Decoración de Interiores

Esta plantilla realmente te invita a sacarte los zapatos y a entrar en casa. Con un diseño limpio y  una galería de productos situada estratégicamente para captar la atención, tus visitantes visualizarán tus productos al instante. Además, podrán hacer zoom en cada artículo de la galería y obtener información o imágenes adicionales al hacer clic en un ítem. Así que siéntate, relájate y empieza a contar los clics de tus clientes.

Plantilla Decoración de Interiores

Plantilla Tienda de Comida Gourmet

Haz que las bocas de tus usuarios se hagan agua con esta apetecible plantilla. El diseño moderno de la página de inicios permite que el producto es el rey ya que combina la nitidez y calidad visual de las imágenes con el ancho total de pantalla. Esta plantilla prácticamente trabaja por sí sola, tú simplemente preocúpate de elegir las mejores imágenes de tus productos  y verás como pronto se agotan las existencias.

Plantilla Tienda de Comida Gourmet

Plantilla Estudio de Fotografía de Moda

El mundo tiene que conocer tu talento… Gracias a su elegante diseño, esta plantilla es ideal para todos los fotógrafos ávidos de reconocimiento… Además crear un portafolio online de tus trabajos, podrás mantener a tus seguidores actualizados gracias al blog que tiene incluido donde también podrás agregar cuadernos de inspiración, las últimas tendencias en fotografía de moda  o  compartir un procesos creativo.

Plantilla Estudio de Fotografía

Plantilla Hotel Moderno

Crear una página para un negocio de hospedaje siempre tiene desafíos y requiere de un cuidado especial. Como nuestra meta es que todos los negocios pequeños tengan los mejores resultados posibles, hemos diseñado una plantilla ideal para hoteles urbanos, hoteles boutique e incluso albergues. Además, como todas las otras plantillas diseñadas para hospedaje, tiene incluido tiene incluido Wix Hotels: el sistema de reservas online más fácil del mundo.

Plantilla Hotel Moderno

Plantilla Portafolio de Diseño Gráfico

Esta plantilla presenta un diseño en forma de collage de imágenes lleno de luz y personalidad. Puedes crear una pagina para cada proyecto con imágenes y videos que  permitan explicar cada concepto creativo profundidad y por separado. Este diagrama simple y efectivo mostrará todas tus obras de arte sin saturar a tus usuarios. Por último, cuenta con un blog integrado, lo que permitirá que tus clientes y colegas sepan más sobre ti.

Plantilla Portafolio de Diseño Gráfico

Plantilla Diseñador de Joyas

Crear una página web que transmita la misma sensación que provoca el escaparate de un local físico es un reto, sin embargo esta plantilla lo ha conseguido. Con su delicado y elegante diseño, esta plantilla hace las veces de escaparate mostrando de manera instantánea toda la mercadería. La galería de fotos brinda una atmósfera maravillosa para comprar.

Plantilla Diseñador de Joyas

Plantilla Suministros Escolares

Si bien este tipo de negocios está abierto todo el año, su momento de brillar es la época del comienzo de clases. Pero eso no quiere decir que debas crear una página web solo para promocionar las ofertas de la “Vuelta al Cole”. Con esta plantilla puedes crear una verdadera tienda online activa los 365 días del año que incluye todo lo que tu posible cliente necesita: quién eres, información de contacto y unas tentadoras imágenes de tus productos.  Y cuando llegue el período de vacas gordas lo único que tendrás que hacer será aumentar tus esfuerzos de SEO utilizando palabras clave como: “de vuelta a la escuela” o “¡a clases!”.

Plantilla Suministros Escolares

Plantilla Extensiones de Pelo de alta calidad

Hablar de cabello es hablar de la importancia de los elementos visuales. En ese sentido, esta plantilla realmente tiene todo lo que necesitas si formas parte del negocio de peluquería: desde una extensa galería que muestre al detalle cada producto pasando por un llamativo botón para que tus visitantes se inscriban al newsletter (¡retención! ¡retención! ¡retención!) así como una sección de testimonios (tan útiles en una página de belleza). Pero la verdadera joya se encuentra en la página de ayuda. Aquí podrás demostrar que no solo vendes productos excelentes sino que también das consejos excelentes.

Plantilla Extensiones de pelo de alta calidad

Plantilla Portafolio de Diseño Web 

El secreto del éxito de un diseñador web es creara algo simple que se vea complicado. El diseño de esta plantilla es simple y luminoso pero incluye todas las características que un diseñador puede necesitar. Incluye un diagrama precioso y un interfaz muy fácil de usar y ¡está optimizada para móvil!. La página de inicio es larga y en ella podrás poner todo lo importante con enlaces a cada proyecto por separado. Para nosotros, esta plantilla es una campeona.

Plantilla Portafolio de Diseño Web

Plantilla Moda Femenina

Una tienda de moda necesita una página web a la altura. Esta plantilla de carácter minimalista dice a gritos “¡Compra!” gracias a una imponente foto junto a un claro botón de llamada a la acción en el encabezado. Además, la página de inicio incluye una galería de “infaltables” donde podrás mostrar los productos que mejor se venden así como las ofertas, para facilitarles a tus usuarios el proceso de compra y obtener más beneficios en menos clics.

Plantilla Moda Femenina

 

¿Ya te sientes inspirado para empezar a diseñar? ¡Crea tu página web gratuita con Wix!

La entrada 10 Plantillas web gratuitas con un diseño inspirador aparece primero en Blog Oficial de Wix |.

10 términos básicos de diseño que tienes que conocer

$
0
0

Es muy difícil mantenerse al día de cada nuevo término o tendencia que aparece en el mundo del diseño. Tanto si estás creando una página web tú mismo o tratando de descifrar lo que tu diseñador web te acaba de enviar por email, estamos aquí para ayudarte a entender todos esos términos de la jerga creativa para que no pierdas tiempo puedas enfocarte en la creación de la página de tus sueños. ¡En Wix estamos para cubrirte las espaldas!

El proceso creativo, por lo general, es un esfuerzo de colaboración múltiple y es importante que cada miembro esté en la misma onda. El lenguaje de diseño es muy amplio; existen términos que se utilizan desde hace cientos de años, pero hay muchos más que recién han sido acuñados en la era digital. En este artículo vamos a centrarnos en algunas nociones de diseño que son tendencia: qué significan y cómo se pueden utilizar.

Paralaje

El primer término a tratar es el llamado desplazamiento de paralaje o efecto parallax. En sí, es un efecto que hace que el fondo se mueva a una velocidad más lenta que el elemento que se encuentra en primer plano, lo que crea un hipnótico efecto 3D a medida que te desplazas hacia abajo en la página. Si lo usas en tu página, crearás una sensación agradable y sutil de profundidad y proporcionará a tus visitantes una experiencia muy atractiva.

Efecto Parallax

Cinemagrafía

La cinemagrafía es una técnica fotográfica que da “vida”  a ciertas partes de una imagen a través de un suave movimiento que se repite (como el periódico de Harry Potter). Esto permite que la foto entera sea más realista, atractiva y, a menudo, más estimulante. Puedes utilizar una cinemagrafía para llamar la atención del visitante sin sacrificar el mensaje de tu página.

Cinemagrafia

Asimetría

En el diseño asimétrico es posible hallar páginas web que contienen elementos que no crean una imagen en espejo. Cuando están bien hechos, estos diseños asimétricos están equilibrados, pero no gracias a mitades exactamente idénticas. Un arreglo asimétrico puede ser interesante y ayuda a que los usuarios naveguen una hermosa página web.

Asimetría

Minimalismo

Para equilibrar la funcionalidad y la estética, el diseño web minimalista se define por el uso sin miedo del espacio con un enfoque total en el contenido puro y duro y nada más. Ten en cuenta que con menos elementos tienes que dar una usabilidad aún mejor, así que asegúrate de que tu página web minimalista sea de acceso sencillo y fácil de ver, leer y navegar.

Minimalismoi

Retro “moderno”

Este término puede sonar un poco a oxímoron, pero el estilo retro “moderno” está realmente influenciado por las últimas décadas. Los videojuegos, el espacio, los primeros ordenadores y la cultura geek han tomado el protagonismo, pero ¡jamás nos quejaremos de ello! Al contrario. Importante no confundir este término con el de “diseño vintage” porque retro “moderno” es una mirada renovada a estéticas pasadas, con el ojo puesto en los años 70, 80 y 90.

Retro-Moderno

Duotono

Tal como lo indica su nombre, un duotono es una imagen compuesta por dos colores. Es básicamente un estándar en la impresión pero ahora también los diseñadores web lo utilizan en todo el mundo. A diferencia de la industria de la impresión, donde se usaban por tradición los tonos sepia, los duotonos de hoy en día son de colores brillantes, con combinaciones cromáticas extremas. Un buen duotono puede establecer la línea de color de tu página web y ayudarte a animar cualquier diseño.

Nos encanta como los duotonos permiten a esta plantilla mostrar imágenes sin distraer demasiado a los visitantes…¡es genial!

Duotono

Fuente monoespaciada

También llamadas de ancho fijo, las fuentes monoespaciadas son los tipos de letra en los que los caracteres –sean cuales fueren- ocupan la misma cantidad de espacio horizontal. Principalmente, las fuentes monoespaciadas nos hacen recordar a las máquinas de escribir y a los primeros lenguajes informáticos de programación. Sin embargo, más allá de la nostalgia, estas fuentes pueden ser una gran opción para los diseñadores que buscan generar una sensación minimalista e “inacabado”. Las fuentes monoespaciadas también lograrán que tus textos sean más fáciles de leer gracias a su consistencia y uniformidad.

Fuente Monoespecio

Espacio negativo

El espacio negativo -a menudo referido a un espacio en blanco- es ni más ni menos que el espacio vacío que rodea a un objeto en una imagen. Esta característica es clave para cualquier buen diseño, ya que nos ayuda a otorgar ese aspecto minimalista que antes mencionamos. Si se utiliza de forma estratégica e inteligente, el espacio negativo puede ser una gran herramienta para añadir un segundo significado a tus diseños, sobre todo para logotipos e imagen de marca.

Aquí puedes ver algunos divertidos ejemplos de espacio negativo utilizados por conocidas marcas en sus logotipos. Si esto realmente te interesa, aquí puedes aprender más sobre las tendencias de los logotipos

Espacio Negativo

Lorem Ipsum

No creas que ahora tienes que saber latín para entender la jerga de los diseñadores, Lorem Ipsum es simplemente un texto ficticio que la industria de impresión y diseño utiliza como marcador de posición al comenzar diseñar. Es una herramienta muy conveniente para las maquetas porque ayuda a esbozar los elementos visuales de un proyecto.

Lorem-Ipsum

Fuentes de Google

La biblioteca de tipos de letra de Google es una gran fuente de fuentes en línea–valga la redundancia-  para diseñadores web. Todas las fuentes que se encuentra allí son de uso gratuito y las puedes emplear en cualquiera de tus proyectos personales o comerciales.
Wix ya tiene incorporadas muchas de esas fuentes de Google dentro del Editor pero en el caso de que no encuentres la que deseas sólo tienes que cargar las tuyas propias. Solo tienes que darte un  paseo por la biblioteca de fuentes de Google y elegir la que más te guste. Así de sencillo.

Ahora que ya tienes controlas la jerga es hora de ponerse manos a la obra. ¡Diseña hoy mismo tu increíble sitio web!

La entrada 10 términos básicos de diseño que tienes que conocer aparece primero en Blog Oficial de Wix |.

7 Trucos del Editor Wix que te harán la vida más fácil

$
0
0

Si estás leyendo esto, seguramente ya has trabajado alguna vez con el Editor de Wix e incluso conoces alguno trucos. Lo que no sabes es que nuestro Editor se renueva continuamente y siempre hay nuevas herramientas  y trucos para probar, que incluso los usuarios más avanzados no conocen.

¿Hemos despertado ya tu curiosidad? ¿Te gustaría conocer los últimos trucos antes de lanzarte a crear tu increíble página web? Estamos seguros  que sí, así que sigue leyendo

Usa los atajos de tu teclado

¿A quién no le gustan los atajos? Si hay una forma de cortar camino y ahorrar tiempo, ¿por qué elegir el camino largo? Por suerte el Editor de Wix está aquí para ayudarte, ofreciendo multitud de atajos súper útiles, que mejorarán tu productividad y te ahorrarán tiempo.

Aquí tienes una excelente lista de ejemplo que deberías Cortar y Pegar  (Ctrl + C, Ctrl + V) inmediatamente:

Ctrl + M (Control M): Navega entre diferentes elementos.

Ctrl + J (Control J): Alterna entre la visión en versión móvil y en escritorio.

Ctrl + D (Control D): Duplicar.

Ctrl + P (Control P): Vista previa de tu página.

Ctrl + S (Control S): Guarda los cambios en tu página.

Create estilos de texto

Elegir la fuente, el tamaño y el formato cada vez que agregas un nuevo cuadro de texto puede ser una molestia. Especialmente, si necesitas repetir el proceso cada vez que agregas un nuevo cuadro. Exactamente para ese propósito, creamos los estilos de texto.

¿Quieres saber cómo funcionan?

Primero, agrega un cuadro de texto. Haz clic en Opciones de Texto> Estilos > selecciona el estilos relevante y personalízalo. Una vez que esté todo listo, guarda el estilo para poder usarlo siempre que lo necesites. ¿Necesitas agregar otro cuadro de texto? ¡No hay problema! Seleccione el estilo  que guardaste y ¡bingo! El estilo del nuevo cuadro de texto será el mismo que el de anterior y sólo con un clic.

Estilos de Texto

Zoom out y re-ordenar secciones

A veces, todo lo que necesitas es una perspectiva diferente. El botón Zoom Out es una gran herramienta que minimiza la visión de la pantalla y permite ver y organizar todas las secciones o elementos de tu página de un sólo vistazo. Para hacer zoom out (alejar el zoom), haz clic en la lupa que encontrarás en la parte superior derecha de tu Editor Wix.

Alejar el Zoom

Mantener el texto y las imágenes alineados

Nuestra nueva herramienta “Ajustar a Objetos” es demasiado buena para ser verdad. La hemos creado para que puedas mover fácilmente el texto o las imágenes en línea recta, manteniendo los elementos organizados como se debe.

  • Mantén pulsada la tecla Mayús (Shift en los teclados internacionales) y arrastra el elemento hasta donde quieres. Alinea las imágenes y el texto en línea recta.
  • Mantén pulsada la tecla Mayús (Shift en los teclados internacionales) y arrastra el elemento a donde quiera: Mayús + arrastrar.

Agregar un elemento a una caja contenedora

Las cajas contenedoras son un tipo de cajas de elementos que encontrarás en el Panel de Agregar (+) y sirven para organizar tu página. A estas cajas puedes agregar texto, galerías, material multimedia, pero, sobre todo, sirven para agrupar de manera fácil diferentes elementos y alinear tu página de forma clara. Si agregas diferentes elementos a una misma caja de contenido, podrás reposicionarlos a la vez, cada vez que lo necesites, en vez de mover cada elemento por separado.

Para hacer todo esto, simplemente ve al Botón Agregar (+) > Caja> Cajas contenedoras. Agrega los elementos que quieras a esta caja y espera a que te aparezca el mensaje de confirmación para agregar todos los elementos. Una vez confirmado, todos los elementos quedarán ya agrupados “por siempre jamás”.

Cajas Contenedoras

Optimiza tu diseño para móviles

Tu versión móvil  está basada automáticamente en tu escritorio. Para asegurar que tu sitio móvil es tan llamativo como tu versión de escritorio, hemos creado la herramienta de Optimización del diseño de tu página.

¿Tienes la sensación de que la versión móvil tu página se ve desordenada? Esta increíble herramienta fue creada para ahorrarte el trabajo de re-ordenar los elementos en tu móvil. Al presionar el botón “Optimiza Ahora” la versión móvil mejorará inmediatamente y mostrará el contenido de forma fresca y organizada.

Optimización del diseño de tu página móvil

Pide opiniones

Cuando trabajas en el diseño de tu página, siempre es recomendable una segunda opinión. Con la función “Obtén Comentarios”, podrás compartir fácilmente la versión más reciente que hayas guardado de tu página con amigos y familiares antes de publicarla.

¿Te gustaría probarlo? En la parte superior del Editor, haz clic en Sitio  >  Obtén Comentarios  > Comparte tu sitio. Inmediatamente después, se generará un nuevo enlace a través del que los invitados podrán dejar sus comentarios. El enlace caduca a las 2 semanas, así que ¡asegúrate que tienes todas las opiniones a tiempo!

¿Preparado para poner en práctica todos estos trucos? ¡Crea tu increíble página web hoy!

La entrada 7 Trucos del Editor Wix que te harán la vida más fácil aparece primero en Blog Oficial de Wix |.

Las 10 reglas no escritas del diseño web

$
0
0

Los días de las páginas web aburridas quedaron en el pasado. Gracias a Wix puedes crear una página web sólida, profesional y particularmente atractiva. Todo lo que debes hacer es inspirarte en alguna de nuestras geniales plantillas para páginas web.

Pero antes de que te lances a diseñar la tuya, te queremos presentar varios principios de diseño web que pueden marcar una gran diferencia a nivel general pero, sobre todo, en el rendimiento de tu página web. Ten siempre presentes esta lista de lo que SÍ puedes y lo que NO debes hacer, y evitarás muchos de los desafíos del diseño web a la vez que tomarás decisiones inteligentes acerca de tu genial página web.

Diseño de la página web

  • NO trates de reinventar la rueda.
  • deberías usar los estándares del UX (Experiencia de Usuario) para asegurar que tu página tenga fácil navegación. La creatividad es algo genial pero no querrás que interfiera a la hora de crear una presencia online profesional.

Cuando decidas el diseño de tu página web, recuerda que una web no es una “caza del tesoro”. Asegúrate que la navegación de tu página es clara e intuitiva y que todos los elementos en los que se pueda cliquear (enlaces, botones, etc.) sean simples y fáciles de comprender para que los visitantes de la página no pierdan tiempo buscando lo que realmente necesitan.

Imágenes de fondo

  • NO elijas un fondo que puede distraer.
  • elige un fondo que invite al usuario a navegar por las cuatro esquinas de tu página.

Hay una razón por la que lo llamamos “fondo”. Sí, debe ser atractivo, pero no tan dominante como para distraer al usuario (por eso está “en el fondo de la página”). Ya sea que uses vectores, fotos, videos o cualquier otro tipo de imagen, intenta que no distraigan al usuario del propósito de tu página web. El fondo está allí para generar un ambiente, mejorar aún más tu marca y soportar la experiencia de navegación. ¿Un último consejo? asegúrate de conseguir un alto contraste entre el fondo y el texto que se posa sobre él. A fin de cuentas, el objetivo es resaltar tu mensaje y no confundir al visitante.

 Diseño para móviles

  • NO olvides que tu página web tiene que verse muy bien en pantallas móviles.
  • optimiza las imágenes, los textos y el resto de los componentes para que sean bien visualizados en los dispositivos móviles.

En ese sentido, usa Wix Mobile Editor para configurar una versión móvil de tu página web que se vea (y funcione) tan bien como en la pantalla de una computadora. Gracias a funciones como el ajuste de la imagen de fondo así como la posibilidad de personalizar el diseño y el texto, puedes darle tu toque personal también a la versión móvil de tu página web.

Diseño Móvil

 

Distribución del espacio

  • NO llenes la pantalla de elementos.
  • aplica la jerarquía de contenido y utiliza el espacio en blanco para no saturar.

Navegar por una buena página web es como comer una apetitosa comida. Pero más allá de lo rica que sea la comida, nadie quiere te atragantes por comer todo de golpe sin saborear cada pedazo. Cuando diseñes tu página web asegúrate de no saturar la pantalla con el contenido. Si pones mucho de una vez, tus usuarios se perderán algo de forma inevitable. Usa suficiente espacio en blanco (sin nada de contenido) para crear un balancea natural entre los elementos de tu página.

Esquema de colores

  • NO elijas los colores basándote ​únicamente en su belleza.
  • intenta hacer combinaciones inteligentes de colores que mejoren tu contenido y la exposición de tu marca.

Los colores influyen, ¡y mucho!, el diseño web. El impacto psicológico que los colores crear a los visitantes de la página puede realmente influir en la experiencia global y en la manera en la que los usuarios perciben tu marca. De esta manera, no puedes basar tu paleta de colores en una combinación aleatoria tan sólo porque te gusta.
Lee más sobre la teoría del color para comprender cómo conviven los diferentes colores entre sí. Haz elecciones con fundamento, infórmate sobre qué colores podrían funcionar mejor en tu página web y verás cómo tu presencia online se refuerza de manera instantánea.

Calidad de la imagen

  • NO te conformes con la calidad básica pero tampoco te pases.
  • usa siempre imágenes de alta calidad y optimízalas para tu página.

¿Quieres que los usuarios tomen en serio tu página? ¿Quieres ser respetado como profesional? ¿Deseas cautivar a tu audiencia con tus productos, tu marca o tus servicios? Qué pregunta tonta, ¿verdad? Pues entonces asegúrate de que tus imágenes y las fotos sean únicamente de alta calidad. No lo tomes a la ligera. Utiliza las herramientas de recorte y filtros para optimizar aún más tus imágenes y conseguir el mejor aspecto. Por otra parte, también tienes que asegurarte de que tus imágenes no sean muy pesadas y que respeten los estándares de la web. Aquí te compartimos una completa guía sobre las formas de optimizar las imágenes para tu página web.

Imágenes de Calidad

Bancos de Imágenes

  • NO seas cursi.
  • intenta generar una buena vibra visual.

Los días en los que las imágenes que atraían más consumidores eran la de la familia perfecta compuesta por supermodelos con sonrisas blancas de oreja a oreja ya han terminado. Ahora es mucho más probable que los usuarios confíen más y respondan mejor a una página web que muestra y ofrece soluciones a personas tan reales como ellos. Acude a los bancos de imágenes para encontrar fotos de personas y situaciones reales y harás que quién entre en tu web se sienta como en casa.

Animaciones, GIFS y efectos

  • NO conviertas tu página web en un video psicodélico de los años 70.
  • Utiliza diferentes elementos para añadir algo de movimiento a tu página.

Amamos los GIFS animados y los efectos. Nos divierte como si fuéramos niños. Pero… ¡odiamos visitar una página web que parece el apocalipsis de los zombis! ¡No hay lugar donde esconderse! Cuando se trata de animaciones y efectos (en textos e imágenes), el principio regente es la moderación. Úsalos, sí, pero con elegancia. Esto hará que tengas una bella, vibrante y dinámica página web. Exagera en su uso y te estarás condenando a la soledad eterna.

Contenido escrito

  • NO dejes que el flujo de tu conciencia se haga con el control de tu página.
  • planifica una estrategia de contenido enfocada, optimizada y específica.

El contenido de tu página web es uno de los elementos más valiosos que tienes. No sólo proporcionan a los visitantes un sentido de orientación, sino que también suponen una maravillosa plataforma para mejorar tu marca y la comunicación con la audiencia, por no mencionar la increíble ayuda que suponen a la hora de optimizar tu página para los motores de búsqueda. Para aprovechar al máximo tu contenido escrito, tienes que tratarlo desde un punto de vista estratégico. Edita tus textos para lograr un claro y potente mensaje que impacte en tu mercado objetivo. Combina el tono correcto con el vocabulario adecuado. Sé concreto y evita dar demasiadas vueltas a las cosas; escribe de forma que quien entre a tu web quiera quedarse ahí para siempre…

Fuentes, fuentes y fuentes

  • NO creas que todas las fuentes son iguales.
  • investiga cuáles pueden complementar mejor a tu marca.

Puede parecer que las fuentes solo interesan a los diseñadores pedantes. Pero, ¡piénsalo dos veces! Como administrador de una página web, debes entender –al menos un poco- cómo funcionan para poder elegir la fuente más adecuada para tu página. Cada fuente implica una asociación mental o cultural diferente y, por lo tanto, puede generar una atmósfera particular. Solo recuerda que la fuente que elijas tiene que fortalecer el mensaje general de la marca y no contradecirlo.

¿Sueñas con tener una página web profesional? ¡Crea tu página web con Wix!

La entrada Las 10 reglas no escritas del diseño web aparece primero en Blog Oficial de Wix |.

Cómo elegir la paleta de colores perfecta para hacer brillar tu marca

$
0
0

“La primera impresión es la que cuenta”. Aunque hay muchos pasos que tienes que seguir para poner en funcionamiento un negocio, la creación de marca (o branding) es uno de los más importantes ya que supone el modo en que el público percibirá tu identidad y es por ello que debes cuidar hasta el más mínimo detalle.

Un buen primer paso en el desarrollo de la marca es elegir una paleta de colores adecuada al estilo de tu marca y que sea aplicable a todos los materiales de marketing así como a tu increíble  página web. Aunque elegir colores atractivos para tu marca puede parecer un poco complicado, no tienes que preocuparte. Aquí estamos para mostrarte los pasos a seguir en la elección de la combinación más apropiada para tus necesidades:

Comprende qué emociones pueden generar los colores

Tal vez tengas una idea de lo que te gustaría que fuera la paleta de colores para tu negocio pero antes de tomar cualquier decisión, intenta ver qué representan realmente los colores que piensas utilizar. Debes preguntarte si los colores transmiten las emociones correctas y son atractivos para tu mercado objetivo. Puede parecer una pregunta tonta, pero si investigas un poco acerca de la psicología de los colores,  podrás obtener información muy valiosa.

La paleta de color perfecta: Psicología de los Colores

Experimenta con herramientas de paletas de colores online

Ahora que ya sabes algo más sobre colores y emociones, ha llegado el momento de aplicar lo que has aprendido jugando con herramientas de paletas de colores online. Hay varias para elegir pero por el momento sólo destacaremos dos de las mejores:

Coolors.co

Coolors es un gran sitio para comenzar, ya que ofrece una amplia variedad de herramientas para ajustar la paleta a tu gusto. Y lo mejor es que cuando terminas tu proyecto te da la posibilidad de exportarlo en muchos formatos diferentes para poder usar la paleta de forma virtual donde elijas.

No se trata sólo de una herramienta para crear una paleta de colores sino que también te permite ver creaciones inspiradoras de otros usuarios que te pueden ayudar en las decisiones. Visita la sección “Explorar” donde se alojan muchísimas paletas que puedes ver, guardar y editar tú mismo. Mejor aún, Coolors está disponible en computadoras de escritorio, una aplicación de iOS, un complemento de Adobe Photoshop e Illustrator e incluso una extensión de Google Chrome para facilitarte el acceso.

Canva: generador de paletas de colores 

Canva, una de las herramientas en línea más populares para crear infografías, entre otras cosas, te da una perspectiva interesante para generar paletas de colores a partir de imágenes que tu mismo subes a la plataforma . Es cierto que hay otras herramientas que ofrecen opciones similares pero Canva  es las más sencilla de utilizar.

Si tienes una foto que crees que transmite todo lo que quieres transmitir con tu marca, simplemente la cargas en el generador de Canva y la herramienta te devolverá al instante una paleta de cinco colores, cada uno con su código hexadecimal correspondiente como referencia.

Lamentablemente, aquí es donde termina la utilidad de la oferta de Canva, ya que esto es todo lo que puedes hacer con el generador de paletas. No puedes ajustar los colores de la paleta, por ejemplo. Las únicas otras opciones que tienes son copiar los valores hexadecimales proporcionados o cargar otra foto.

¿Aún necesitas algo de inspiración antes de decidirte acerca de los colores de tu paleta? ¡Conoce Colour Lovers y navega entre millones de paletas creadas por los usuarios!

Más herramientas online gratuitas (y muy buenas):

Adobe Color CC: si  eres de los que no se perdían un programa de “La Ruleta de la Fortuna”, entonces amarás esta herramienta de generación de paletas de colores. Crea tu paleta jugando con la rueda de color gigante  o elige el método más convencional y confórmate con los colores de la foto que cargaste.

Colourcode: ¿No estás seguro de tus preferencias de colores? Colourcode te golpea directamente en la cara, mostrándote un fondo que cambia de color con el movimiento del mouse. Además de eso, esta herramienta ofrece varias opciones para guardar un color junto con diferentes categorías para la paleta (analógica, tríada, cuádruple, monocromática, etc.).

Elige los colores de su paleta principal

OK, ya te sientes con la inspiración suficiente como para comenzar a elegir tu paleta de colores primarios o dominantes. ¡Genial! Estos son los colores por los que querrás que te reconozcan tus usuarios. Ellos vestirán tu página web y tus tarjetas de visita, así que más te vale elegirlos bien.

Si bien no es determinante, puede ser que sólo quieras tener dos colores primarios, dejando los otros como colores de acento (ya lo veremos más abajo). También es importante que tengas en cuenta que uno de tus dos colores dominantes se utilizará más que el otro cuando apliques tu paleta.

Lo primero y más importante es que los colores dominantes de la paleta se complementen o contrasten bien entre ellos y no se eclipsen. Si esto ocurre, puedes jugar con tintes, tonos y sombras para encontrar el termino medio.

Aquí te explicamos brevemente algunos términos:

Tonos: mezcla de gris y un color puro.

Tinte: mezcla de blanco y un color puro.

Sombras: mezcla de negro y un color puro.

Este no es un paso que debas realizar apurado. Recuerda que estos serán los colores que definirán tu marca, los que mostrarán a las personas de qué se trata tu negocio, de modo que, a la larga, te alegrará saber que haber dedicado tiempo a encontrar los valores de color perfectos ha sido una muy buena inversión.

La paleta de color perfecta: Tonos, Tintes & Sombras

Elige tu color de acento

Los colores de acento juegan un papel muy importante para tu página web. Atraen la atención del visitante hacia algo que quieres resaltar . Una mala elección puede hacer que la gente se pierda lo que para ti es realmente esencial.

Los colores de acento suelen ser sobresalir más que los colores primarios, por lo que es mejor asegurarse de que haya un alto contraste entre ellos. En una página web, los colores de acento se aplican mejor a elementos como el menú de navegación, llamadas a la acción (CTA) y otros espacios que te gustaría destacar.

Aquí abajo puedes ver un gran ejemplo de la aplicación de un color de acento en la plantilla de Conferencia de Diseño. Los acentos rojos en el menú te muestran en qué sección de la página te encuentras y el botón brillante Buy tickets (comprar entradas) presenta un botón de llamada a la acción que pide a gritos un clic.

La paleta de color perfecta: Colores de acento

Aplica la regla 60-30-10 a tu paleta

No creas que el trabajo termina con completar la paleta de colores de tu marca. El modo en que aplicas esa paleta es también muy importante, por lo que te recomendamos que te guíes por  la popular regla 60-30-10.

Es muy simple: usa el 60% de tu color primario, el 30% de tu color secundario y el 10% de tu color de acento. Cuando se trata de diseño web, puedes volver a utilizar la regla con combinaciones como el 60% de espacio negativo, 30% de contenido y 10% de “llamada a la acción”.

Siguiendo la regla 60-30-10, podrás conseguir un equilibrio entre el color consigo mismo y el contenido de tu página web.

La paleta de color perfecta: La regla del 60-30-10

Con las herramientas y los conocimientos que has aprendido en este artículo, es el momento de que te lances a crear una paleta de colores permanente para atraer a tu público.

¿Estás listo para colorear el mundo con tu talento? ¡Crea hoy tu genial página web!

La entrada Cómo elegir la paleta de colores perfecta para hacer brillar tu marca aparece primero en Blog Oficial de Wix |.

6 pequeños cambios que toda página web necesita

$
0
0

Al igual que no necesitas ser un enamorado de la moda para renovar de vez en cuando tu armario, ni tampoco un experto en decoración de interiores para saber que deberías cambiar ese sofá estilo Luis XVI, tampoco hay que ser diseñador web para darse cuenta que las páginas web también necesitan retoques de tanto en tanto. Recuerda que una presencia online actualizada es sinónimo de éxito.

Uno de los mayores beneficios de crear tu página web con Wix es que puedes actualizarla, editarla y renovarla tantas veces como quieras. Razón de peso para querer probar siempre cosas nuevas. Puede que tu página web no necesite un cambio de imagen radical, pero te sorprenderías al ver lo que un pequeño retoque puede hacer con el aspecto general de tu web.

A continuación te ofrecemos algunas sugerencias de cambios rápidos que mejorarán el diseño de tu página web y la harán aún más fácil de navegar y comprender. ¡No te costará nada llevarlos a cabo!

01. Elementos animados:

Un pequeño toque de animación no hace daño, al contrario, aporta dinamismo y fluidez al diseño. Puedes usar las animaciones sin renunciar a tener un aspecto clásico y limpio. Un efecto de transición por aquí, una ampliación por allá, solo tienes que poner la dosis correcta para dar una pequeña sensación de movimiento a tu página No te excedas o tu web podría terminar luciendo como una presentación en Power Point de un nene de tercer grado.

Elementos Animados

02. Formulario de Suscripción:

¿Alguna vez ha pensado en mejorar su relación con los visitantes de tu página web? Esta es una de las tendencias de marketing para 2018 y es más fácil de lo que piensas. Agrega un formulario de suscripción a tu web e invítalos a registrarse para obtener actualizaciones periódicas por email y tus newsletters (o boletines informativos). Puedes diseñar el formulario para que coincida perfectamente con la apariencia y diseño de tu página web. Si aún no tienes un newsletter, ahora es el momento de comenzar. Uss  Wix ShoutOut  para diseñar y distribuir bellos boletines con los que mantener a tu audiencia informada y fiel a tu marca.

03. Espacio en blanco:

En la jerga de los diseñadores, el espacio en blanco es el espacio que queda vacío de contenido (de cualquier tipo). Aunque básicamente no es nada, cumple un propósito importante: aporta al diseño de tu página una lógica estructural, dirigiendo la atención de los visitantes a las partes que tú decidas, al tiempo que mantienes tu web con un aspecto claro y ordenado. Dale un poco de aire a tu página web al agregando espacios en blanco en diferentes secciones. Es una tarea simple, pero marcará una diferencia real en el diseño de tu web.

Espacio en Blanco

04. Chat:

Do your website visitors have enough options to get in touch with you? Why not offer them the option to contact you right on the spot? With you can invite visitors to start a conversation. You’ll be able to respond on your computer (using the or directly from your mobile phone with the Wix Mobile app. You’ll build a strong relationship with clients and potential clients by showing them your availability and commitment.

Ponte por un momento en los zapatos de tus visitantes ¿crees que tienen suficientes opciones para ponerse en contacto contigo? ¿Por qué no les ofrecen la opción de contactarte en el acto? Con Wix Chat  puedes invitar a los visitantes de tu página web  a iniciar una conversación. Responde a todos los mensajes utilizando el Centro de Actividades de Wix . Al mostrarles tu disponibilidad y compromiso, crearás una relación sólida con tu clientes actuales y potenciales.

05. Imágenes actuales:

Si hay algo que define el carácter único de una página web esos son los elementos visuales.  No estaría de más que revises la selección actual y te plantees agregar algo nuevo. Si las imágenes son esas que encontraste en un banco de imágenes allá por el 2012, si tu última línea de productos ni siquiera está presente, o si simplemente sientes que tu negocio se ha desarrollado en una dirección diferente a la de las imágenes que estás utilizando actualmente, aprovecha la oportunidad para buscar un nuevo conjunto de imágenes más actuales.

06. Cambio de imagen del encabezado:

Cuando hacer la transformación total de tu página web no es una opción, pero aún así buscas obtener un nuevo look, centra tu atención en la parte superior de la página. La renovación del encabezado de la página web, que es lo primero que los visitantes ven al entrar en la web, puede agregar aires renovados con poco esfuerzo. Cambiar la posición del logotipo, cambiar el título y la fuente, agregar un marco o un banner: todo esto y más te servirá para lograr esa sutil transformación que estás buscando.

¿Quieres darle un nuevo aire a tu presencia online? ¡Crea una página web con Wix!

La entrada 6 pequeños cambios que toda página web necesita aparece primero en Blog Oficial de Wix |.

Tendencias de diseño web que arrasarán en 2018

$
0
0

Milton Glaser, el creador del famoso logotipo de I Love NY, dijo una vez: “Hay 3 reacciones posibles ante una pieza de diseño – sí, no, y ¡GUAU!”. Hoy en día, con la cantidad de páginas web que se crean al día, sólo un diseño “¡GUAU!” logrará sobresalir sobre el resto

Pero, ¿qué se necesita exactamente para resaltar? En primer lugar, sí o sí necesitas una herramienta potente para crear tu propia página web. Queremos pensar que, dado que estás leyendo este artículo de nuestro blog, ya sabes que Wix es la mejor plataforma para hacerlo. El segundo paso debería ser hacer un repaso por todas las tendencias de diseño web que marcarán el 2018, para asegurarte así que tu página esté a la última y reciba todos los piropos que merece.

En este mundo acelerado en que vivimos, la tecnología, los hábitos en Internet y las tendencias del diseño web cambian constantemente y a veces es difícil mantenerse actualizado. Si aún no has tenido de ponerte al día con todo lo que se viene este año, ¡no te preocupes! – el fantástico equipo de diseño de Wix ha reunido las mejores tendencias de diseño web que verás por todos lados este 2018. ¡Toma nota!

Sopa de Letras

La tipografía es uno de los elementos más importantes en la creación de imagen marca de cualquier empresa. Durante mucho tiempo, la regla no escrita de diseño fue ir siempre a lo seguro en lo que a fuentes se refería, pero este año las reglas están cambiando. La tipografía asumirá un nuevo rol por sí misma y no sólo como texto; también servirá como imagen. Dicho esto, asegúrate que tu “pequeña joya tipográfica” quede bien a la vista. Si juegas, ¡que sea a lo grande!

Pero, ¿qué es exactamente lo que veremos?

¡Atención!: Mezclar tu tipografía sólo debe ser una decisión tomada por motivos estéticos. No intentes esto en párrafos o publicaciones de blogs donde la legibilidad sea esencial.

Sopa de letras

Agrega detalles decorativos

La apariencia simplista, limpia y discreta ha reinado por demasiado y es hora de ceder el trono a los detalles decorativos. No pierdas de vista las formas geométricas y  los iconos. El propósito de estos detalles es atraer un poco de atención adicional a ciertas áreas o contenido en tu página web; o simplemente para fines decorativos.

¡Atención!: como diría un experto en nutrición: “come de todo pero con moderación”. Asegúrate de que estos detalles llaman la atención y no distraen a los espectadores.

Esos pequeños detalles que marcan la diferencia

Rompe con las reglas (de diseño)

Existe un creciente número  de  páginas web “de moda” que están cambiando los hábitos de navegación de los usuarios. El menú horizontal en la parte superior de tu página web sigue siendo una buena práctica, pero no temas apostar por un “botón hamburguesa” para tener un menú más  creativo, una barra social flotante o incluso una distribución más atrevida del contenido que rompa con lo tradicional. Bien hecha, esta tendencia de moda hará que tu página web rebose de estilo propio y original.

Si hablamos del aspecto del diseño, la tendencia apunta hacia estilos elegantes y poco convencionales, similares al de una revista de moda, por ejemplo. Muchas de estas páginas adoptan la noción de “caos organizado” dando por hecho que los usuarios están cada vez más duchos tecnológicos y saben navegar por cualquier tipo de web.

Todo esto también permite:

  • Más libertad con los tamaños y la alineación de la página
  • Diseños asimétricos
  • Variedad de medios (texto, video, imágenes) en un mismo espacio

¡Atención!: esta nueva versión de los diseños tradicionales parece divertida y liberadora, pero ten en cuenta que los usuarios aún necesitan encontrar toda la información importante sin buscar demasiado.

Reinventa las reglas del diseño

Incorpora algo de animación

Puede que incorporar animación al diseño de una página web no sea una idea revolucionaria, pero hay un aumento significativo de la presencia de piezas animadas en la web. La interactividad que aporta la animación hace las páginas más divertidas y atractivas para la vista, estimulando a los usuarios a extender su tiempo de visita. De nuevo, úsalo con sabiduría y con buen gusto. La animación agregará efectos a los elementos seleccionados en tu página. Por ejemplo, nos encanta el mouseover que se muestra en la hermosa plantilla que mostramos más abajo.

Algunos ejemplos más incluyen:

  • Efecto Parallax (La tendencia continua de 2017)
  • Transición entre páginas
  • Animación en ciertos elementos o secciones
  • Efecto de mouseover
  • Animaciones personalizadas (posible gracias a Wix Code)

¡Atención!: Usar demasiada animación dará como resultado un sitio “pesado” que tardará una eternidad en cargarse. No desafíes la paciencia de sus visitantes.

Elementos animados

Mostrar contenido con videos y efectos 3D

A menos que hayas vivido en una cueva durante los últimos cinco años, probablemente hayas presenciado el auge de la era del video. Puedes incorporar fácilmente este medio altamente atractivo en tu página usando un fondo de video o franjas de video. El video y los elementos en 3D son una excelente forma de mostrar visualmente tu historia, producto o servicio. Por ejemplo, imagina qué atractivo sería un producto si se mostrara desde varios ángulos. Así te asegurarás de cautivar a tus visitantes desde el principio.

Si hablamos de objetos en movimiento, las animaciones 3D están demostrando ser tan modernas como los videos. Echa un vistazo a cómo usaron la tendencia los diseñadores de Wix Studio en la pieza que presentaron en el festival OFFFTLV 2017. ¿No es genial?

¡Atención!: Usar video está bien, pero no descuides la ubicación de este contenido visual. Lo ideal es mostrar tu video en la mitad superior de la página para que puedas difundir el mensaje de tu marca desde el principio.

Efectos 3D

Experimenta con los colores

Hablemos de los colores y paletas de color,  en 2018 parece ser que “¡vale todo!”. Desde esos deliciosos colores pastel hasta los más vibrantes y llamativos, pasando por los degradados y las paletas monocromáticas, el poner el color en la lista de prioridades es una de las tendencias principales para este año. Por supuesto, los colores sólidos siempre estarán en vogue: el estilos blanco y negro, por ejemplo, nunca pasa de moda. Pero si hay un color en particular que llega pisando fuerte esta temporada ese es ¡el ultra violeta!. Si estabas esperando el momento apropiado para ser audaz y colorido, ciertamente, el momento es AHORA. La plantilla que mostramos a continuación, combina magníficamente algunos de los estilos que acabamos de describir:

¡Atención!: ahorra a los visitantes de tu página un viaje al oculista; usa estos colores con sensatez.

Viva el Color

En resumen: El 2018 es el año de la osadía y de la originalidad. Con toda esta libertad creativa, las opciones de diseño ¡son infinitas!

¿Estás listo para usar todas estas tendencias de diseño? ¡Comienza hoy a crear tu increíble página web!

La entrada Tendencias de diseño web que arrasarán en 2018 aparece primero en Blog Oficial de Wix |.


5 funciones de Wix que necesitas en tu página web

$
0
0

¿Alguna vez sentiste que hay tantas funciones en Wix que no estás seguro de cual agregar a tu página web? Tranquilo, no estás solo. La lista de herramientas innovadoras disponibles para los usuarios de Wix crece a cada rato y las opciones para crear una página web son cada vez más amplias. Esto, obviamente, no es algo negativo. ¡Es genial!

Siempre puedes acudir a nuestro blog conocer nuevas  funciones de Wix que harán que tu presencia online sea cada vez mejor. Para asegurarnos de que no te perdiste las últimas novedades de Wix, hemos seleccionado cinco funciones realmente especiales que nadie debería ignorar. Si estás buscando maneras de hacer  tu página web  más atractiva para los usuarios y si quieres brindarles a tus visitantes y clientes una excelente experiencia de navegación, entonces, definitivamente, estas funciones ¡son para ti!

01. La barra de acción rápida inteligente para páginas móviles

Navegar por una página web en un dispositivo móvil es una experiencia completamente diferente a la de usar una computadora de escritorio e incluso una portátil. La barra de acción rápida es una función imprescindible en cada página web móvil creada con Wix porque esta diseñada para facilitar exactamente la navegación móvil.

Esta barra da un acceso más rápido a las tareas que los visitantes móviles de tu página más suelen buscar, como enviar un correo electrónico o llamar a tu servicio de atención al cliente. También les ofrece enlaces de acceso directo a diferentes secciones de tu página para ahorrar tiempo de desplazamiento y los guía a través de sus prioridades de contenido. Al agregar la barra de acción rápida a tu página web móvil de Wix, básicamente te aseguras de que los visitantes de tu página reciban la mejor experiencia de navegación, independientemente del dispositivo que estén utilizando.

Barra de acción rápida

02. Información y Marketing , 2 en 1 en la sección de Preguntas frecuentes

Las secciones de Preguntas Frecuentes no son algo común en la mayoría de las páginas web… ¡pero deberían serlo! Las preguntas frecuentes facilitan las cosas a tus visitantes y clientes potenciales al proporcionarles información útil y abordar de forma preventiva las dudas. Imagina a un posible cliente que está considerando reservar unas vacaciones en tu hotel boutique.  Puede que le haya impresionado tu página de inicio o los precios, pero aún tiene dudas acerca de la ubicación, la política de cancelación y si los perros son bienvenidos.

La sección de Preguntas Frecuentes es donde tú -el propietario de la empresa- puedes responder estas preguntas, lo que aumenta las posibilidades de que ese posible cliente elija hacer una reserva en el acto. Además de la transparencia, otra razón para agregar una sección de preguntas frecuentes es el increíble valor de marketing que agrega. Es una oportunidad excelente para promover aún más tu marca enfatizando las ventajas. Sin mencionar que las preguntas frecuentes son fantásticas para el SEO de tu página, ya que proporcionan a los motores de búsqueda texto de calidad para indexar.

03. Las presentaciones más impactantes con Wix Photo Albums

Tres palabras: material visual espectacular. Este es uno de los aspectos más destacables que distingue a una buena página web de una excelente, y eso es  exactamente lo que Wix Photo Albums ofrece:excelencia. Si bien esta función es oficialmente parte de nuestras Páginas Web de Fotografía Wix, todos los profesionales cuyo trabajo depende de la presentación visual deberían considerar agregarla a sus páginas. Desde arquitectos hasta grandes chefs.

Wix Photo Albums crea una galería de imágenes que, aunque forma parte de tu página web, puede funcionar como una página independiente que es posible compartir de forma muy sencilla (esto es especialmente útil para los fotógrafos profesionales que comparten sesiones de fotos con clientes). Puedes personalizar tus álbumes para que coincidan con el diseño general de tu página o darle a cada álbum una apariencia única. Hay muchos diseños que puedes elegir y cientos de opciones de edición para darle a las piezas visuales la presentación que merecen.

04. Wix Chat para iniciar una conversación

Las empresas y organizaciones que aspiran a tener una excelente presencia online deben ofrecer a su audiencia vías rápidas y confiables para ponerse en contacto. ¿Qué mejor manera de hacerlo que agregando una opción de chat en línea? Conoce Wix Chat, la herramienta de mensajería que les permite a los visitantes de tu página iniciar una conversación.

Al agregar Wix Chat a tu página web, le mostrarás tu audiencia que estás realmente sintonizado con sus necesidades y preguntas. Tienes el control total para activar y desactivar la opción de chat siempre que lo desees, por lo que no tienes que preocuparte por los mensajes que no respondes cuando no estás disponible. Es una gran manera de dar sensación de confianza a los clientes potenciales y aumentar la satisfacción de los existentes. Wix Chat no es solo una herramienta reactiva sino que también te permite ser proactivo e iniciar la comunicación con los visitantes mientras navegan por tu página.

05. Nota de agradecimiento y cortesía
El reconocimiento de los clientes es muy importante para los negocios online. Cuando no tienes esa interacción cara a cara, necesitas hacer un esfuerzo extra para mostrarles a tus clientes que los valoras. Una forma de hacerlo es agregar una nota personalizada de agradecimiento después de cada compra realizada en tu tienda online.

Técnicamente, el mensaje “Gracias” les confirma a tus clientes que la compra se realizó con éxito. Eso sí, debes tratarlos como algo más que sólo un cliente que recibe una frase de confirmación. Comparemos rápidamente estos dos mensajes:

  • “Compra completada”
  • “¡Felicitaciones! Has completado tu compra. Pronto recibirás una confirmación por correo electrónico. ¡Gracias por elegir Juguetes Toys!”

A buen entendedor, pocas palabras bastan  😉

¿Estás listo para sacudir al mundo con tu presencia en línea? ¡Crea una página web con Wix!

La entrada 5 funciones de Wix que necesitas en tu página web aparece primero en Blog Oficial de Wix |.

Arte Vectorial: Alegra tu web con divertidas ilustraciones

$
0
0

En este mundo loco que llamamos hogar, captar la atención del público puede ser todo un desafío. Para asegurar que tu página web no pasa desapercibida, seguramente ya has seguido, paso a paso, las principales tendencias de diseño web de este año. ¡Bien por ti! pero  no puedes confiarte, tienes que encontrar la forma de ir un paso más allá. Por suerte para ti, en Wix no dejamos de lanzar innovadoras funciones que puedes agregar sin esfuerzo a tu página web para mejorar su diseño. Pequeños cambios, gran impacto. Hoy, nos alegra presentarte una de esas novedades:nuestra colección de  Arte Vectorial.

Estamos seguros que, como nosotros, tú también te enamorarás al instante de estas deliciosas ilustraciones hechas a mano. Pero hay mucho más. Las imágenes vectoriales tienen la capacidad mágica de mantener la resolución más alta, sin importar cuán el tamaño que elijas para ellas. Además, al ser totalmente combinables y personalizables,se pueden usar para cualquier propósito, en cualquier lugar de tu página web. Tu imaginación es tu único límite. ¿Hemos despertado tu curiosidad? No dejes de leer porque estamos a punto de descubrir todo lo que necesitas saber sobre Arte Vectorial, dónde encontrarlo y las mejores formas de usarlo en tu web.

Wix presenta Arte Vectorial

Cuando el tamaño ya no importa

¡Di adiós a las imágenes pixeladas! Los gráficos vectoriales están creados usando fórmulas matemáticas en lugar de bloques de colores individuales. Puede que no suene importante, pero en realidad es una revolución para el diseño web. Gracias a su particular construcción, podemos cambiar el tamaño del Arte Vectorial, tanto como se quiera, sin comprometer la calidad y la resolución. Por lo tanto, es la solución perfecta para el contenido que debe estar disponible en varios tamaños. Por ejemplo, la misma ilustración vectorial de un disco de vinilo se puede usar como ícono de menú, enlazar a tu galería de música o estirarse para convertirse en una imagen de fondo.

Suma un artista exclusivo a tu equipo de trabajo

Por si con esto no fuera suficiente, ¡hay más! Puedes elegir todas las ilustraciones que quieras y combinarlas para crear escenarios nuevos y únicos. De esta forma, puedes crear historias visuales atractivas para llevarte a tus visitantes al bolsillo. Una vez que te des cuenta que tanto los colores como su opacidad se pueden personalizar para que coincidan con el aspecto de tu página web, entonces comprenderás que nuestra colección de Arte Vectorial es una fuente interminable de diversión. ¡Piensa en esta nueva incorporación al Wix Editor como el nuevo artista de tu equipo, disponible las 24 horas, los 7 días de la semana, de manera gratuita, y solo para ti!

Una gran colección de ilustraciones para todas sus necesidades

¡Sí!, lo reconocemos, a veces nos gusta exagerar y esta vez no ha sido diferente – hemos preparado una increíble colección de Arte Vectorial con más de 3.000 ilustraciones, insignias, letras y más. Encontrarás de todo, desde animales y personajes hasta comida y bebida. De esta forma, no importa de qué trate su página web o empresa, seguramente encontrarás algo que se adapte a su diseño. Lo mejor de todo es que no necesitas permiso de nadie para usarl este material en tu web. Es gratuito y está esperando a que le des uso.

Aquí hay una selección de algunos de nuestros favoritos:

Ejemplo de plantilla Wix con arte vectorial

Ejemplo de plantilla Wix con arte vectorial -2

Cómo agregar Arte Vectorial a tu página web

Tu mejor amigo, o como muchos le llaman, el Editor de Wix es el guardián de estas pequeñas (o grandes) joyas. Para agregarlos a tu web, simplemente sigue estos pasos:

  1. Abrir el Editor Wix.
  2. Hacer clic en “Agregar” – botón “+” que encontrarás en la barra lateral izquierda del menú.
  3. Haz clic en “Arte Vectorial” y comienza a explorar.

Cómo agregar Arte Vectorial a tu web

¿Preparado para la diversión? ¡Juega gratis con la colección de Arte Vectorial ahora!

La entrada Arte Vectorial: Alegra tu web con divertidas ilustraciones aparece primero en Blog Oficial de Wix |.

Cómo elegir el mejor tipo de letra para tu página web

$
0
0

Cuando se trata de crear tu página web, hay muchos pequeños detalles que no puedes descuidar. Desde el contenido hasta los píxeles de la imagen de fondo, son muchas las cosas que hay que planificar y algunas pueden caer en el olvido. Pero si hay algo que no quieres dejar de lado son los tipos de letra que usarás en tu página web.

Hay mucho más que letras detrás de la tipografía. El tipo de letra comunica más que meras palabras. Si lo tuyo no es el diseño, puede que te enfrentes a la problemática de saber qué tipo de letra se adaptará mejor a tu marca y a su tono. Por ellos, hemos creado una guía útil para ayudarte a elegir los mejores estilos de letra para tu página web:

01. La fuentes elegidas deben estar en línea con el tono de tu marca

Si hablamos de tipos de letra, tanto para la web como para otras piezas de contenido, tienes que asegurarte de que sean coherentes con la identidad de marca. Las tendencias son pasajeras y no siempre se adecuan a todos. Si en la Semana de la Moda de París desfiló un unicornio, esto no significa que tengas que ir con un cuerno en la frente los próximos seis meses. Lo mismo aplica para tu presencia online. No tienes que seguir las tendencias si no vienen a reforzar tu marca y tu mensaje. Coco Chanel solía decir: ” La moda pasa, el estilo permanece “. ¡Piénsalo!

Plantillas Web

02. Clasifica los tipos de letra por importancia

“Tres son multitud”, dice el refrán. Una regla que debes tener siempre presente es no usar más de tres tipos de letra en tu página web. Y no solo eso, sino también dotar a cada fuente de un nivel de importancia. Cuando elegimos una paleta de colores, por lo general, empezamos por encontrar un color primario, luego uno secundario y por último uno de acento. Esta misma regla es aplicable a lo que ocurre con las fuentes:

Tu tipo de letra principal es la más visible y debes usarla en los encabezados de tu página web. Consejo: sería genial que coincida con el estilo de tu logotipo (si tiene texto). En general, este es el tipo de fuente que más debería identificarse con tu marca aunque sea la que más uses en la página.

Tu tipo de letra secundario es la que deberías donde está el corazón del contenido: párrafos, descripciones, artículos para el blog, etc. Si bien la fuente principal puede ser atractiva y original, el objetivo primordial de la fuente secundaria es su legibilidad. Los clientes potenciales  no perderán el tiempo investigando tus productos y servicios si sus ojos están ardiendo tras apenas 20 segundos de lectura.

Por último, la tipo de letra de acento es la que usarás con un propósito específico. Cuando se trata de páginas web, esta es la  fuente que elegiremos para las llamadas a la acción. Si quieres atraer la atención (y los clics) de tus visitantes, debes elegir un tipo de letra que se destaque del resto de tus páginas.

¿Necesitas más ayuda para combinar los tipos de letra de tu página web de Wix? Estas son las combinaciones de fuentes (primarias y secundarias) que nuestros diseñadores recomiendan:

Combinando los tipos de letra

03.  Aprende los conceptos básicos para la clasificación de tipografías

Quizás sepas las diferencias entre los tipos de letra Gothic, Roman y Grotesque pero hay mucho más detrás de cada tipo de fuente. En esta página web aprenderás todo lo que tienes que saber de “las fuentes que no dan agua”. Pero si hay algo que debes conocer es la clasificación más importante: los tipo de letra serif, sans serif y script. Te pasamos aquí un breve resumen de cada tipo y cuándo usarlas:

Serif, en general, se han venido utilizando en material impreso como libros, periódicos, revistas etc. Una “serif” es una pequeña línea unida al final de un trazo en una letra o símbolo. En lo que respecta a las fuentes, la línea “serif” puede ser realzada de diferentes maneras para darle un aspecto único. Las Serif son consideradas los tipos de letra más clásicos y elegantes. Y les hablan a audiencias de más edad.

Sans Serif son exactamente eso: fuentes sin líneas serif adjuntas. Son más apropiadas para pantallas de computadora y teléfonos inteligentes. Y sí, esa es la razón por la que encontrarás el uso de una fuente sans serif en la mayoría de las páginas web. Previsible: son las más queridas por las generaciones más jóvenes.

Script han sido modeladas de acuerdo con los estilos de letra del siglo XVII. Tal como ocurre con la mayoría de los tipos de fuentes, las script tienen sus propios subconjuntos, divididos en variantes formales e informales. Un ejemplo es la cursiva, un tipo de letra script casual. Si quieres realmente llamar un poco la atención con tu texto, alguna fuente script te va a ayudar a lograrlo. No olvides que es mejor mantener este estilo limitado a los títulos porque un texto más largo en, por ejemplo, un párrafo, puede que sea un desafío para tus lectores. La fuente script es más cercana a la Serif que a la Sans serif. Úsala en el diseño de tu página web con moderación.

Las Familias de Fuentes

04.  Hazte un experto en el arte de combinar fuentes

Tienes cientos de maravillosos tipos de letra esperándote en el Editor de Wix. ¡Y todas gratis! Pero si aún así no encuentras la que tenías en mente o tienes un tipo de letra creado por tí o por tu diseñador gráfico, ¡no hay problema! Puedes cargarlo fácilmente en el Editor con apenas unos clics. Y, ahora que sabes dónde encontrar los tipos de letra (y dónde ubicarlas), es momento de hablar sobre cómo combinarlas.

¿Temes arruinarlo todo? Un consejo práctico es mantener siempre la misma familia de fuentes. La “familia” es un grupo de tipos de letra relacionados que varían de tamaño, orientación, visualización, peso, etc. pero nunca de diseño. Por ejemplo, la Roboto es una familia de fuentes, que incluye la fuente común Roboto, Roboto Condensed y Roboto Slab. Las tres tienen sus propios estilos pero son similares desde su concepto. Ya dijimos que la clave es la coherencia ¿no?, pues una buena manera de mantener la coherencia pero ofreciendo variedad es elegir diferentes tipos de letra dentro de la misma familia para tus fuentes principal, secundaria y de acento.

05. Peso y tamaño de sus palabras: lo que tienes que saber

Cuando se trata de fuentes, el tamaño sí importa. Cuando hayas elegido tu tipografía, tendrás que decidirte sobre tamaños para títulos grandes, subtítulos y texto de párrafo. Aquí te pasamos los rangos que recomendamos para las fuentes del Editor de Wix. Los mismos pueden ser una buena guía para cualquier página web:

Títulos: 30-70

Subtítulos: 22-30

Párrafos: 16-20

Al margen del tamaño, hay muchos otros factores que afectan al “peso” visual de un tipo de letra. Enfatizar con negritas, cursivas o subrayados es un ejemplo. ¡Ojo! El abuso de estos estilos puede alejarte de tu objetivo. Ten en cuenta que usar diferentes estilos de letra es casi como usar una fuente completamente nueva en tu página web. ¡Evita los excesos!

06. Escribe con las tendencias en mente

Ahora que ya dominas los principios básicos fundamentales para escoger los tipos de letra más adecuados para tu página web, es hora de ser creativos. En lo que se refiere a diseño, 2018 será un año muy creativo. Verás diseños locos y diferentes paletas de colores en Internet. Una tendencia que puedes seguir es elegir tipografías más exóticas. Además de llamar la atención, comenzarás a atreverte más con la combinación letras Serif y Sans serif. Lo que antes era un diseño imposible, ahora es bienvenido.  Así que si crees que es el diseño correcto para ti, ¡adelante con él!.

Ls encabezados y subtítulos de tu página web son el mejor lugar para aplicar tus fuentes más alocadas. Un dato más: de acuerdo con algunos estudios de neuromarketing, agregar una fuente más complicada puede hacer que tus lectores permanezcan más tiempo ante tu contenido,  lo que da más tiempo para absorber tu mensaje. Sin embargo, no te vuelvas loco con eso porque la idea es que los visitantes de tu web obtengan la información que ofreces sin esfuerzos. ¡La usabilidad siempre es lo primero!

¿Listo para combinar los mejores tipos de letra? ¡Aprende cómo crear una página web!

 

The post Cómo elegir el mejor tipo de letra para tu página web appeared first on Blog Oficial de Wix |.

Cómo crear un logo online de forma fácil y rápida

$
0
0

Cuando lanzas un negocio existen una serie de elementos esenciales que debes tener en cuenta para posicionarte como una compañía profesional con fuerte presencia online.Muchos de estos elementos están relacionados con la creación de marca y de identidad visual, pero quizás el más importante de todos sea el logotipo. Se podría decir que por pequeño que parezca, el poder de un buen logotipo es tan grande, que define el ADN de una marca y ayuda a destacarla de los competidores.

Así que, una vez que hayas creado la increíble página web de tu negocio, deberás centrar todos tus esfuerzos en crear el logo con el atraerás el interés de la audiencia.

Para tu comodidad, hemos creado una guía con todo lo que tienes que saber sobre los logos: desde la importancia de este elemento para crear marca, hasta las mejores prácticas a seguir y una lista de creadores de logos online.

Vayamos al grano >>

Características de un gran logo

Por definición, un logotipo debe ser:

  • Simple: Nunca antes el dicho “menos es más” tuvo más sentido.
  • Versátil: Tu logo debe verse bien en cualquier lugar o material.
  • Atemporal: Durante el proceso creativo debes ser capaz de responder esta pregunta: “¿Se verá igual de bien en 10 años?”
  • Alineado: El tipo de letra, los colores y el diseño deben estar en línea con la identidad de marca. Piensa en tu logo como una representación visual de tu marca.
  • Único y memorable: Un gran logo incorpora elementos únicos, sin llegar a ser demasiado complejo o sobrecargado.

Características de un buen logo

Tal como pasó con la creación de páginas web, también el diseño de logotipos ha dejado de ser algo exclusivo (y bastante caro). A diferencia de tiempos pasados, cuando las  empresas pagaban mucho dinero a una agencia de diseño para crear un logotipo, ahora todo el mundo puede crear su logo sin necesidad de conocimientos técnicos. Lo único que se necesita es elegir uno creador de logos online. Si bien estas plataformas son bastante fáciles de navegar, debes asegurarte que sigues las mejores prácticas para el diseño de tu logotipo. Aquí te mostramos cómo comenzar:

Haz un estudio de competencia

La mejor manera de descubrir lo que quieres para tu propio logotipo es comprender lo que ya existe. Reúne algunos ejemplos de logos existentes que te gusten-  puede ser elementos de un logo o un logo completo. Mientras buscas lo que te gusta, ve anotando también lo que no te gusta y por qué. Eliminar opciones te ayudará a lograr el diseño que mejor se adapta a tu gusto y tus necesidades. No estamos sugiriendo copiar a nadie pero usar otros logos como inspiración es una forma muy efectiva de crear tu propio logo con éxito. Ah, y no te olvides de revisar las tendencias más populares para el diseño de logos.

Elige tus colores y tipos de letra

Los colores y las fuentes que selecciones para tu logo deben estar alineados con la identidad de tu marca. Debes tener en cuenta que hay ciertos colores que pueden transmitir diferentes emociones a quien los observa. Por ejemplo, el azul da sentimiento de confianza y profesionalidad (y si no, que se lo digan a una de las redes sociales más populares). El blanco, por su parte, transmite simplicidad, claridad y pureza (piensa en el logo de Apple, por ejemplo).Ten estos datos en cuenta a la hora de elegir la gama de colores que quieres emplear.

Hablemos ahora del tipo de letra: los diseñadores a menudo comparan la elección de fuentes con la elección de vestuario para una cita importante. Generalmente, eliges prendas apropiadas para la ocasión y que a la vez representen correctamente tu estilo y personalidad. Lo mismo ocurre con tu elección del tipo de letra. El tipo de fuente debe comunicar (correctamente) las cualidades de tu marca, además de ser versátil y legible. Si no quieres arriesgarte, puedes combinar diferentes tipos de letra, siempre que se complementen entre sí. Ve  jugando con las combinaciones hasta que des con el dúo perfecto.

Anota (o dibuja) tus ideas en un papel

Antes de comenzar a crear tu obra maestra digital, es recomendable que plasmes tus ideas en un boceto. ¡Relájate!, no tienes que ser Picasso para hacer estos dibujos, la idea es reunir tus pensamientos en un papel para entender mejor lo que quieres conseguir. Es mucho más fácil comenzar a diseñar su logotipo una vez que ya tienes un boceto preliminar y una comprensión general de qué elementos funcionan bien juntos, o no.

Diseña tu logo con herramientas eficientes

¡Llegó la hora! Ahora que ya tienes todas las pautas puedes comenzar a crear tu logo. Una vez que tengas una buena idea de cómo quieres que se vea, el siguiente paso es elegir el creador de logos online que mejor te convenga. ¿Abrumado con las opciones? Sabes que nos encanta hacerte la vida más fácil y es por eso que hemos desglosado los pros y los contras de las 4 mejores plataformas para crear un logotipo online:

01. Wix.com

Si creías que con Wix sólo puedes crear páginas web, te equivocas. En nuestro Editor encontrarás una gran variedad formas y líneas esperando para que des uso creativo de ellas. Utiliza estas formas geométricas como la base para tu logo, combínalas con estilos de letra originales y elige una paleta de colores que adecuada a la personalidad de tu marca y verás como en pocos clics (y menos esfuerzo) consigues crear un logo increíble.

Consejo de experto: Puedes agrupar varios elementos para que actúen como un solo componente: tu logotipo.

Crea un logo con el editor de Wix

02. Online Logo Maker

Online Logo Maker reduce el proceso de creación de tu logotipo a un par de sencillos pasos solamente. Primero, agregas tu texto seguido de un símbolo. Una vez que hayas insertado los conceptos básicos, personaliza la fuente y el color del texto (tienen una gran variedad de opciones). El siguiente paso será guardar y descargar tu obra maestra. ¿La mejor parte? Tu proyecto estará siempre disponible para su edición en tu cuenta de usuario. Además, ¡es totalmente gratis!. Sin duda es una buena opción si buscas algo muy básico y rápido de crear.

Creador de logos: Online Logo Maker

03. Logo Genie

¿Buscas una solución rápida pero creativa? Logo Genie es justo lo que necesitas. Todo lo que tienes que hacer es introducir el nombre de tu empresa, seleccionar a qué tipo de industria perteneces y ¡listo! Tu pantalla se llenará de opciones relacionadas con tu negocio. Selecciona la opción que más te guste y continúa personalizando los colores y el tamaño. Esta es la solución perfecta para un nuevo negocio que no quiere gastar una gran cantidad de dinero de inmediato, pero aún así quiere tener una imagen profesional.Lo único a tener en cuenta es que no cuenta con versión en español.

Creador de logos: Logo Genie

04. Logojoy

Este creador de logos combina lo mejor de las dos opciones anteriores. Comienza por escribir el nombre de tu empresa, luego elige cinco logotipos que sirvan como referente y la combinación de colores que mejor se adapte a tu estilo y ¡listo! Tendrás varias opciones de logotipo increíbles para elegir. ¿Por qué nos gusta? Logojoy usa Inteligencia Artificial, lo que brinda suficientes opciones sin ser demasiado restrictivo y sencillo como lo es con Online Logo Maker. Pero, hay una trampa: está disponible sólo en inglés y no es gratis (aunque tampoco excesivamente caro).

Creador de logos: Logojoy

¿Te sientes inspirado? ¡Empieza creando una página web con Wix!

The post Cómo crear un logo online de forma fácil y rápida appeared first on Blog Oficial de Wix |.

El mejor tutorial de Photoshop para principiantes

$
0
0

¿Estás pensando en aprender a editar fotos para mejorar tus imágenes más allá de los filtros predeterminados de Instagram? ¡Buena decisión! En la actualidad, la mayoría de las compañías consideran que saber lo básico de Photoshop no es sólo es algo útil sino imprescindible para profesionales de muchas áreas. Desde la administración hasta en el marketing, el hecho de saber usar Photoshop se ha vuelto algo casi tan necesario como saber crear una página web. Es más, incluso los dueños de pequeñas empresas (que sabemos que hacen muchas cosas por sus negocios) pueden crear sus propios diseños a un precio razonable gracias a esta genial herramienta.

Cuando hablamos de edición de imágenes, lo primero que se nos viene a la cabeza es Photoshop, es tal la relación que hacemos de este programa con la edición de fotos, que hasta se ha convertido en el verbo para describir la acción de editar: “photoshopear”. Sin embargo, hasta no hace mucho tiempo este programa era considerado un arma secreta y complicada que sólo los diseñadores gráficos podían usar. Los tiempos cambian y hoy, gracias a la el conocimiento de la informática más extendido, cualquiera puede editar sus imágenes con este programa.
Todo lo que necesitas tener a mano es la guía adecuada para dominar esta herramienta de edición de fotos. Para poder borrar imperfecciones y hasta agregar fabulosos elementos de diseño. Bien, aquí estamos para ofrecerte la guía más completa de Photoshop para principiantes.

Atención: todos los accesos directos citados en este artículo están redactados para usuarios de PC. Los que usan Mac, bueno, ya sabrán qué hacer.

Cambiar el tamaño, rotar o voltear una imagen

¿Quieres girar tu imagen a la derecha o darle un giro total? Aquí te mostramos cómo mover fácilmente tus fotos en la dirección correcta:

Empieza haciendo clic en “Editar” y “Transformar”. Luego, podrás elegir la acción que desees: “Cambiar tamaño”, “Girar” o “Voltear”.

También puedes utilizar estos accesos directos para hacer que la vida sea aún más fácil: presiona Ctrl + T en tu teclado y aparecerá un cuadro alrededor de la imagen que señalará la zona de transformación. Esto significa que ya puedes cambiar el tamaño de tu imagen. La mejor manera de hacerlo es colocando el cursor en una de las esquinas del rectángulo y luego arrastrar la esquina manteniendo presionada la tecla “Shift”. Cuando hayas terminado, simplemente presiona “Entrar” y ¡listo!

Para voltear o rotar tu imagen de forma vertical u horizontal, presiona Ctrl + T y luego haz clic con el botón derecho del mouse. Aparecerá una ventana emergente con algunas opciones para girar y voltear la imagen. Elige la acción que deseas y presiona Enter cuando hayas finalizado la edición.

1.-Cambiando el tamaño

Ajusta tu imagen a cualquier superficie con la herramienta “Deformar”

Sorprende a familiares y amigos poniendo una foto de ellos en una taza, un plato o cualquier tipo de superficie curva. El comando “Deformar” te permite hacer justamente eso: darle un “aspecto 3D” a una imagen plana. Sigamos con el ejemplo de la taza. Agrega tu taza a la capa de fondo y la imagen que quieres poner en primer plano. Pon la imagen sobre la taza en función de la superficie que quieres cubrir.

Ahora… ¡A “deformar”!

  • Presiona “Ctrl + T”
  • Haz clic derecho y seleccione “Deformar”
  • Ajusta tu imagen -para que ella misma se ajuste al objeto de fondo- controlando los bordes de tu imagen
  • Cuando estés satisfecho con el resultado, presiona “Enter” y ¡listo!

2.Deformando

Herramienta de lazo

No es el de la Mujer Maravilla ni el del Llanero Solitario. Este lazo es, básicamente, el regalo de Dios para la edición de fotos. Esta sencilla herramienta de selección te ayuda a rastrear y delinear la parte exacta de una imagen que deseas editar y luego la separa del resto para realizar ciertas acciones. Por ejemplo, puedes seleccionar y separar un producto de su fondo. La herramienta de lazo magnético, que hasta a un niño puede manejar, detecta los bordes de un objeto. En ese sentido, que funciona mejor cuando tienes una imagen con un fuerte contraste entre un objeto y su fondo con bordes bien definidos.

El lazo aparece a simple vista en tu panel de herramientas de Photoshop.

  • Sólo debes hacer clic y mantener presionado el botón del mouse sobre la herramienta “Lazo” hasta que aparezca un menú emergente.
  • El lazo es el último símbolo con un pequeño imán en su icono.
  • Selecciónalo y luego ve a tu capa de imagen.
  • Pon tu mouse en el borde de la parte que deseas modificar. Haz clic con el mouse una vez, suelta y simplemente revisa los bordes del objeto que deseas seleccionar (tal como lo harías con una tijera cuando quieres cortar algo).

3.Herramienta Lazo

Varita mágica

Esta es otra herramienta de selección. Es ideal para cuando trabajas con un fondo que es más monótono y consistente (como un color sólido o un cielo azul claro). Se usa con mayor frecuencia para cambiar fondos o bloques grandes de colores.

¿Cómo usarla?

  • Selecciona la herramienta “Varita mágica” en el panel de herramientas
  • Haz clic en la parte de la imagen que quieres seleccionar
  • Asegúrate de haber activado la opción “Agregar a la selección” en la barra superior (icono de dos cuadrados) para que puedas avanzar cambiando los colores y los tonos de tu selección

4.- varita mágica

Capas de ajuste

Este es un genial recurso de Photoshop que les permite a los usuarios aplicar alteraciones de color o tono a una imagen sin modifican la foto original.

¿Te has preguntado cómo se vería una imagen si le cambiaras el color al cielo, por ejemplo, de celeste a morado? Deja volar tu imaginación y ajusta el color y el matiz en los elementos de tu imagen añadiéndole una capa superior (en lugar de cambiar la imagen por completo).
Lo mejor de esta función es que, al agregar esa capa adicional, puedes invertir totalmente los cambios mientras mantienes intacto el resto de la imagen.

Para encontrar la herramienta “Capas de ajuste”, ve a la parte inferior del “Panel de Capas” (un ícono de círculo blanco y negro). Allí la hallarás.

5.-Capas de Ajustes

Estilos de capa

Esta es una forma sencilla de añadir algo de dinamismo a tu imagen. Los estilos de capa son efectos especiales que pueden aplicarse rápidamente a capas individuales de tu imagen. Simple: haz doble clic en una capa y luego elige el efecto que deseas.
Puede seleccionar entre una gran variedad de funciones, agregar un trazo o un resplandor, añadir una sombra y mucho más con apenas un clic.
Atención: sé cuidadoso porque esta característica puede ser adictiva. No exageres ya que estos efectos tienden a parecer cursis y baratos cuando se usan en exceso.

6.-Estilos de Capas

Retoca con el Tampón de Clonar

Una de las ventajas más notables del Photoshop es su capacidad de retocar las pequeñas imperfecciones de las fotos. Hay varios atajos para alterar una foto o imagen y convertirla en perfecta. Uno de estos recursos es el “Tampón de Clonar”. Antes de comenzar a suavizar cualquier signo vergonzoso de tu época preadolescente, hablemos de lo básico.

Encuentra el “Tampón de Clonar” en tu caja de herramientas o usa el atajo “S”. Luego, sigue estos pasos:

  • El truco de un gran retoque es encontrar el área de tu foto con el color y la textura ideales para que puedas duplicar y reutilizar esta combinación en la parte de la foto que deseas editar. Para hacer eso, primero elige el tamaño de tu pincel. Puedes usar tus corchetes – [] – para agrandar o minimizar el tamaño
  • Desplázate sobre el área desde la que quieres copiar
  • Cuando lo encuentres, presiona “Alt + clic” para copiar el área. Y haz clic con el mouse en el área en la que quieres pegar.

Repite los pasos 1 a 3 con frecuencia para agregar una variedad de tonos y texturas a tus retoques. Recuerda que la variedad es lo que diferencia a un retoque aceptable de uno impecable.

7. Tampón de Clonar

Retoca con el Pincel Corrector

Si estás buscando hacer algo de magia para retocar fotos, el Pincel corrector es quizás tu mejor opción. Encuéntralo debajo de la herramienta Pincel Corrector puntual en tu barra de herramientas. Esta función se puede usar para combinar colores en el área que estás retocando y, a diferencia del “Tampón de Clonar”, la herramienta tiene en cuenta la textura y el matiz para agregar un borde multidimensional a tu edición. Además, no es necesario seleccionar primero el área con la que quieres combinar el color, tal como ocurre con el Tampón de clonar. En su lugar, simplemente haz clic para ajustar las imperfecciones (por ejemplo, un granito molesto) en el área deseada. También aquí puedes usar los corchetes para ajustar el tamaño de tu pincel y comenzar a editar.

Herramienta de Sobreexposición

Esta herramienta aclara los píxeles donde sea que lo uses. En resumen, es la herramienta perfecta de Photoshop para eliminar las ojeras de los “ojos insomnes”. Si estás buscando darle una apariencia más brillante a tu imagen, aquí te enseñamos cómo hacerlo:

  • Elige un cepillo suave en la herramienta “Sobreexponer”
  • Ve a “Configuración de rango” en el menú desplegable de la barra de menús y selecciona “Destacados”
  • Configura la exposición en alrededor del 20% y luego cepilla con cuidado sobre la parte que quieres aclarar. Los ejemplos clásicos son el brillo de los dientes o los ojos.

Esto hará que la persona en tu foto logre ese aspecto más fresco y más despierto que buscas. Recuerda no exagerar o ese rostro nuevo comenzará a parecerse al de un extraterrestre. Con unos pocos trazos simples el trabajo debería estar hecho.

Herramienta de desenfoque

Puede pasar que todo lo que necesites de Photoshop sea eliminar algunas líneas. Ahí es donde entra en juego la herramienta Desenfocar, que puedes encontrar en tu caja de herramientas de Photoshop y que se parece a una lágrima. Usa esta función para suavizar pequeñas imperfecciones como las arrugas alrededor del ojo o el área de la boca y simplemente difumínalas en el fondo. Otra vez, se prudente y recuerda no exagerar o en lugar de mejorar tu imagen terminarás por arruinarla.

10.-Herramienta de desenfoque

¿Te sientes inspirado? ¡Crea hoy tu increíble página web!

The post El mejor tutorial de Photoshop para principiantes appeared first on Blog Oficial de Wix |.

Viewing all 62 articles
Browse latest View live