Diseño web Archives - idw | Proyectos 360 https://idw360.co/category/diseno-web/ Diseño de Páginas Web y Aplicaciones móviles, SEO y Gestión de Redes Sociales. Fri, 25 Aug 2023 21:55:01 +0000 es hourly 1 https://idw360.co/wp-content/uploads/2022/11/cropped-IDW_web-14-32x32.png Diseño web Archives - idw | Proyectos 360 https://idw360.co/category/diseno-web/ 32 32 Consejos para crear iconos alineados a la identidad visual de tu sitio web https://idw360.co/2023/08/25/consejos-para-crear-iconos-alineados-a-la-identidad-visual-de-tu-sitio-web/ https://idw360.co/2023/08/25/consejos-para-crear-iconos-alineados-a-la-identidad-visual-de-tu-sitio-web/#respond Fri, 25 Aug 2023 18:45:22 +0000 https://idw360.co/?p=6111 The post Consejos para crear iconos alineados a la identidad visual de tu sitio web appeared first on idw | Proyectos 360.

]]>

En este nuevo blog te compartiremos 10 consejos para crear iconos alineados a la identidad visual de tu sitio web, lo que también incluye elementos gráficos y demás diseños que quieras añadirle a tu página para que luzca moderna, fresca y sobretodo, ¡Que llame la atención!

Así como tú, nosotros también somos apasionados por el diseño web y nos encanta compartir estos tips rápidos que a veces pueden resultar “obvios” (aunque nada es tan obvio en esta vida), pero que entre tantos proyectos y tareas diarias, suelen olvidarse.

1. Comprende la Identidad Visual

Esto incluye colores, tipografía, estilo y tono de voz, ya que los elementos gráficos deben reflejar y reforzar estos aspectos.

2. Simplicidad y Claridad

Los iconos deben ser simples y fácilmente reconocibles. Evita la sobrecarga de detalles y enfócate en la claridad, puesto que si los iconos son confusos, pueden perder su propósito.

3. Coherencia

Mantén una coherencia en el estilo de los iconos y elementos gráficos. Utiliza una paleta de colores que se complementen y el mismo estilo de diseño para que todos los elementos se vean como parte de un conjunto unificado.

4. Formas Básicas

Las formas geométricas simples como círculos, cuadrados y triángulos son ideales para crear iconos. Puedes combinarlas y modificarlas para representar conceptos más complejos.

5. Limita los detalles

Los iconos suelen ser pequeños y se ven mejores con detalles mínimos, por ello ¡ELIMINA elementos innecesarios y utiliza líneas finas y formas simples para garantizar la legibilidad!

6. Tamaño versátil

Diseña tus iconos de manera que se vean bien en diferentes tamaños. Esto es especialmente importante para iconos que puedan usarse en diferentes áreas del sitio.

7. Pruebas de usabilidad

Antes de implementar los iconos en el sitio web, realiza pruebas de usabilidad con usuarios reales para asegurarte de que sean comprensibles y efectivos.

8. Herramientas de Diseño

Utiliza herramientas de diseño gráfico como Adobe Illustrator, Sketch o herramientas en línea para crear y editar tus iconos con precisión.

9. Inspírate en otros diseños

Explora otros sitios web, aplicaciones y proyectos de diseño para inspirarte en las tendencias actuales y cómo se están utilizando los iconos en diferentes contextos.

10. Menos es más, SIEMPRE

Aunque es “tentador” agregar muchos detalles, especialmente si eres un diseñador apasionado, recuerda que los iconos deben ser reconocidos inmediatamente, incluso en tamaños pequeños.

Si te gustaron estos consejos para crear iconos alineados a la identidad visual de tu sitio web, te invitamos a leer: 5 Tipos de contenido creativo para publicar en THREADS.

The post Consejos para crear iconos alineados a la identidad visual de tu sitio web appeared first on idw | Proyectos 360.

]]>
https://idw360.co/2023/08/25/consejos-para-crear-iconos-alineados-a-la-identidad-visual-de-tu-sitio-web/feed/ 0
5 cosas que incluyen nuestros sitios web que no sabias https://idw360.co/2023/03/17/5-cosas-que-incluyen-nuestros-sitios-web-que-no-sabias/ https://idw360.co/2023/03/17/5-cosas-que-incluyen-nuestros-sitios-web-que-no-sabias/#respond Fri, 17 Mar 2023 17:51:01 +0000 https://idw360.co/?p=5846 The post 5 cosas que incluyen nuestros sitios web que no sabias appeared first on idw | Proyectos 360.

]]>

Te invitamos a conocer estas 5 cosas que incluyen nuestros sitios web que no sabias y que seguro ¡Te encantarán! (La última es la mejor de todas), porque cada proyecto cuenta con estos elementos que harán destacar tu sitio web sobre la competencia. Y antes que se te olvide…

5 cosas que incluyen nuestros sitios web que no sabias

Compártele este blog a tu jefe o tu amigo que quiere sobresalir con su sitio web

1. Asesoría sobre la distribución y diagramación del contenido de acuerdo con la naturaleza del negocio/empresa.

2. Integración con plataformas de Google | (Search Console, Analytics, Tag Manager y más)

3. Configuración plugin YOAST

4. Visualización de publicaciones RRSS integradas en el sitio web: (a través de plugin de terceros)

5. Buscamos por ti el contenido multimedia adecuado para que tú web luzca PRO.

BONUS: No lo digas en voz alta, creamos tú web desde $ 1.150.000 cop / USD 280.

Cada proyecto web es único, y lo construimos con atención al detalle para que represente la esencia de cada marca/negocio/empresa.

¿Por qué vale la pena tener un sitio web que logre sobresalir en el mercado?

Porque es indispensable marcar la diferencia entre la competencia e impactar positivamente a tu audiencia y posibles leads, por ello, tener una página web moderna, con una excelente usabilidad y diseño, hará que las personas que ingresen allí se sientan cómodas, seguras y con ganas de querer comprar tus productos o acceder a tus servicios.

5 cosas que incluyen nuestros sitios web que no sabias

Con estas 5 cosas que incluyen nuestros sitios web que no sabias, podrás generar más tráfico y posicionamiento en los motores de búsqueda, logrando visibilizarte entre el “montón” de páginas genéricas, aburridas y con poco engagement.

Coloca en manos de expertos creativos la construcción de tu sitio web.

The post 5 cosas que incluyen nuestros sitios web que no sabias appeared first on idw | Proyectos 360.

]]>
https://idw360.co/2023/03/17/5-cosas-que-incluyen-nuestros-sitios-web-que-no-sabias/feed/ 0
No me hagas pensar: el libro que todos los desarrolladores y diseñadores deben leer https://idw360.co/2023/02/02/no-me-hagas-pensar-el-libro-que-todos-los-desarrolladores-y-disenadores-deben-leer/ https://idw360.co/2023/02/02/no-me-hagas-pensar-el-libro-que-todos-los-desarrolladores-y-disenadores-deben-leer/#respond Thu, 02 Feb 2023 21:40:08 +0000 https://idw360.co/?p=5782 The post No me hagas pensar: el libro que todos los desarrolladores y diseñadores deben leer appeared first on idw | Proyectos 360.

]]>

En este blog titulado No me hagas pensar: el libro que todos los desarrolladores y diseñadores deben leer, queremos compartirte los puntos clave de cada capítulo, ya que es perfecto para entender cómo utilizamos realmente la web, mostrándonos algunos ejemplos muy explícitos y que ¡Se pueden poner en práctica!

Nosotros lo definiríamos como un manual hecho libro

En nuestro caso, el autor Steve Krug nos ayudó a mejorar nuestras estrategias de diseño web, copywriting, usabilidad, accesibilidad y hasta para entender al usuario de una manera más humana. Premisa del libro: Los usuarios quieren alcanzar su objetivo con el mínimo esfuerzo posible.

4 Cosas que debes saber del libro ‘No me hagas pensar’

 

  • Está escrito en lenguaje sencillo, nada de tecnicismos.
  • Puedes aplicar lo que comenta el libro así tu equipo sea “solo tú”.
  • ¡Usa ejemplos para todo!
  • Lo puedes leer en pocas horas (nadie tiene tiempo para enciclopedias

Lo que aprendimos

No se trata de que todo esté a “3 clics como máximo” o “hablar el idioma del usuario” … ¡Se trata de no hacerte pensar!, puesto que al usuario no le importa ir haciendo clics, siempre y cuando estos tengan sentido y le den la impresión de ir avanzando hasta su objetivo.

La página principal es la más importante de todas, por ello, para que esté bien hecha, debe responder a estas preguntas:

¿Qué es esta página?
¿Qué puedo hacer aquí?
¿Por qué debo estar aquí y no en otro lugar?
¿Por dónde empiezo?

En resumen, si llevas años trabajando o si estás empezando, te recomendamos que leas “No me hagas pensar”, ahora nuestra pregunta final: ¿Conocías este libro?

Si te gustó nuestro blog No me hagas pensar: el libro que todos los desarrolladores y diseñadores deben leer, te invitamos a conocer qué es ChatGPT, el chat de inteligencia artificial que tu marca necesita.

The post No me hagas pensar: el libro que todos los desarrolladores y diseñadores deben leer appeared first on idw | Proyectos 360.

]]>
https://idw360.co/2023/02/02/no-me-hagas-pensar-el-libro-que-todos-los-desarrolladores-y-disenadores-deben-leer/feed/ 0
6 Tendencias de diseño web para el 2022 https://idw360.co/2022/05/24/6-tendencias-de-diseno-web-para-el-2022/ https://idw360.co/2022/05/24/6-tendencias-de-diseno-web-para-el-2022/#respond Tue, 24 May 2022 22:13:26 +0000 https://ideamosweb.com/?p=4798 The post 6 Tendencias de diseño web para el 2022 appeared first on idw | Proyectos 360.

]]>

Diseña la página web más cool del mercado con estas 6 tendencias de diseño web para el 2022 ya que la inteligencia artificial ha generado grandes avances en los diseñadores de páginas web y en como lucen visualmente.

En cuanto a la creación de estos diseños y recursos, existen bancos donde puedes descargarlos, pero si son personalizados para tu marca o proyecto, el diseño de tu web tendrá un plus de valor.

Blog Creativo | 6 Tendencias de diseño web para el 2022

1. Webs de una sola página

Muy interesante para proyectos centrados en una sola idea y portafolios, porque perfecto para centrar la atención de los usuarios.

2. Modo oscuro, enamora a los millennials

Los usuarios actualmente prefieren activar el modo oscuro en sus aplicaciones y sitios web porque puede reducir la fatiga visual y suponer un ahorro de batería.

Blog Creativo | 6 Tendencias de diseño web para el 2022

3. Scroll interactivo y horizontal

Aquí, van apareciendo diversas páginas al hacer scroll con el ratón, pero mostrando los contenidos de izquierda a derecha en lugar de arriba a abajo.

4. Tipografías gigantes

Aporta frescura a los diseños con contornos, colores, rellenos, formas, etc… También te recomendamos la tipografía Serif en negrilla.

5. Elementos 3D interactivos

El 3D transmite un aspecto moderno y digital que ayuda a diferenciar tu marca, ¡Prueba con textos, gráficos y vídeos transparentes!

6. Degradado de colores brillantes

A diferencia de los colores monótonos, pueden crear un efecto dinámico, por eso te sugerimos utilizarlos en elementos individuales, fuentes o en el menú de navegación.

Blog Creativo | 6 Tendencias de diseño web para el 2022

¡Conoce más tendencias aquí!

  • Efecto “vidrio” consiste en hacer que algunos elementos se comporten visualmente como el cristal.
  • Degradados con granito, añade textura y proporciona un aspecto más natural a nuestra web.
  • Cursores personalizados, de mayor tamaño y con nuevas formas, como círculos.

¿Cuál de estas tendencias te gustaría tener en tu página web?, puedes dejarnos un comentario y calificar este blog en la parte superior izquierda.

The post 6 Tendencias de diseño web para el 2022 appeared first on idw | Proyectos 360.

]]>
https://idw360.co/2022/05/24/6-tendencias-de-diseno-web-para-el-2022/feed/ 0
5 Herramientas de diseño web que todo diseñador debería conocer https://idw360.co/2022/04/13/5-herramientas-de-diseno-web-que-todo-disenador-deberia-conocer/ https://idw360.co/2022/04/13/5-herramientas-de-diseno-web-que-todo-disenador-deberia-conocer/#respond Wed, 13 Apr 2022 15:17:30 +0000 https://ideamosweb.com/?p=4750 The post 5 Herramientas de diseño web que todo diseñador debería conocer appeared first on idw | Proyectos 360.

]]>
Blog Creativo | 5 Herramientas de diseño web que todo diseñador debería conocer

Sabemos que, como diseñadores web tiendes a quedarte sin recursos o algunas veces desconoces programas/herramientas para crear tus diseños, por eso a continuación, te vamos a compartir 5 herramientas de diseño web que todo diseñador debería conocer, también te invitamos a echarle un vistazo a este versus que publicamos para que logres identificar los objetivos digitales de tu marca: App Móvil vs Página Web: ¿Cuál le conviene más a tu negocio?

 1) Zeplin

Herramienta colaborativa para Diseñadores y Desarrolladores que permite generar componentes y código desde el diseño a medida tanto en iOS, Android y Web.

2) Figma

Editor de gráficos vectorial y una herramienta de generación de prototipos, principalmente basada en la web, con características off-line adicionales habilitadas por aplicaciones de escritorio en macOS y Windows.

3) Adobe Animate

Permite crear animaciones vectoriales, anuncios, contenido multimedia, aplicaciones, juegos y más, en un entorno de edición basado en una cronología.

Blog Creativo | 5 Herramientas de diseño web que todo diseñador debería conocer

4) Pantone Color Finder

¿Te ha tocado trabajar con marcas que NO tienen un manual de identidad completo que especifique los códigos de color para medios digitales?, entonces este conversor es ideal para ti, ya que nos suministra con precisión, cuál es el color que más se parece a un PANTONE concreto y en el lenguaje que desees.

5) Google Sheets

¡Organiza tus objetivos!, esta herramienta es perfecta para: estimaciones y control de calidad. Sirve para llevar un seguimiento de las posibles diferencias entre el diseño UX y el desarrollo definitivo.

Aquí te compartimos algunas alternativas de herramientas para el diseño web que también son ¡Excepcionales!

  • Premiere Rush
  • Adobe Photoshop/Illustrator
  • Google Docs
  • Sympli
  • Sketch

Fuente: Vital Innova

The post 5 Herramientas de diseño web que todo diseñador debería conocer appeared first on idw | Proyectos 360.

]]>
https://idw360.co/2022/04/13/5-herramientas-de-diseno-web-que-todo-disenador-deberia-conocer/feed/ 0
Las mejores fuentes de Google Fonts para el diseño web https://idw360.co/2022/03/10/las-mejores-fuentes-de-google-fonts-para-el-diseno-web/ https://idw360.co/2022/03/10/las-mejores-fuentes-de-google-fonts-para-el-diseno-web/#respond Thu, 10 Mar 2022 20:23:10 +0000 https://ideamosweb.com/?p=4596 The post Las mejores fuentes de Google Fonts para el diseño web appeared first on idw | Proyectos 360.

]]>

Antes de conocer las mejores fuentes de Google Fonts para el diseño web debes saber que esta herramienta es un directorio interactivo con + 923 familias de fuentes tipográficas de uso libre y gratuito y aquí te vamos a compartir un pequeño tutorial para que aprendas a utilizar Google Fonts para diseños web sin morir en el intento.

Blog Creativo | Las mejores fuentes de Google Fonts para el diseño web

Encuentra la tipografía perfecta

En el buscador, ingresa las opciones que deseas para la fuente según la categoría, lenguaje y las propiedades de las fuentes. 

Descarga la tipografía

Haz click sobre ella para acceder a información y opciones adicionales y selecciona el botón «Download family».

Selecciona el método para incrustar la tipografía en la web.

Escoge entre HTML estándar o @import de CSS.

Copia y pega

el código que se generó y pégalo en la etiqueta de tu archivo html.

Blog Creativo | Las mejores fuentes de Google Fonts para el diseño web

¿Sabías que Google Fonts hace tu web más rápida?

Las fuentes se alojan en los servidores de Google donde los archivos están comprimidos y todo está pensado para cargarse rápidamente en tu navegador, por ello te tenemos una nueva noticia: Google Fonts acaba de presentar Google Fonts Knowledge, una herramienta que enseña los conocimientos básicos sobre tipografías de forma gratuita.

¡Ahora los usuarios que no están especializados en esta parte del diseño podrán aprender sobre aspectos concretos de cara a escoger la fuente adecuada para su portal!, entonces, luego de entender cómo es de ¡Fácil! Utilizar esta herramienta, aquí te compartimos las mejores fuentes de Google Fonts para el diseño web (estas combinaciones tipográficas son brutales)

  • Montserrat + Merriweather
  • Oswald Bold + Montserrat Light
  • Archivo Black + Tenor Sans
  • Abril Fatface + Lato
  • PlayFair Display + Arapey

Te invitamos a conocer las tendencias de tipografías Serif para el 2022

The post Las mejores fuentes de Google Fonts para el diseño web appeared first on idw | Proyectos 360.

]]>
https://idw360.co/2022/03/10/las-mejores-fuentes-de-google-fonts-para-el-diseno-web/feed/ 0
Tendencia de tipografías Serif para el 2022 https://idw360.co/2022/02/24/tendencia-de-tipografias-serif-para-el-2022/ https://idw360.co/2022/02/24/tendencia-de-tipografias-serif-para-el-2022/#respond Thu, 24 Feb 2022 07:00:13 +0000 https://ideamosweb.com/?p=4548 The post Tendencia de tipografías Serif para el 2022 appeared first on idw | Proyectos 360.

]]>

Dentro de la tendencia de tipografías Serif para el 2022, encontramos estilos de fuentes más legibles, grandes, pero al mismo tiempo sutiles que inspiran belleza y elegancia para los diseños web y piezas gráficas en las redes sociales. Entonces, si quieres elegir la tipografía perfecta para tus diseños en el 2022, ¡Aquí te las compartimos!

Blog Creativo | Tendencia de tipografías Serif para el 2022
Blog Creativo | Tendencia de tipografías Serif para el 2022

Elgraine

Inspirado en la belleza del estilo clásico Serif y caligráfico, fusionado con un toque moderno, es perfecta para fines de visualización, como marca, editorial y empaque.

Cotford

Permite a los diseñadores explorar y refinar el diseño casi infinitamente, descubriendo sus muchos tonos visuales y representa un estilo conmovedor y contemporáneo.

Bosca

Son ideales para títulos y logotipos, es perfecta para tareas de texto, tiene una dinámica equilibrada y es fácil de leer.

IBM Plex Serif

Tiene una excelente legibilidad en las interfaces impresa, web y móvil.

Blog Creativo | Tendencia de tipografías Serif para el 2022
Blog Creativo | Tendencia de tipografías Serif para el 2022

Google Fonts, ¡Tu mejor amigo!

Las tendencias de tipografías Serif para el 2022 las puedes encontrar en Google Fonts, ya que las fuentes de Google se caracterizan porque pueden visualizarse en la mayor parte de los dispositivos, formatos, lenguajes de programación y diferentes pantallas y esto hace que cuando una persona abre su página web, o un documento que envíes a un cliente potencial, pueda visualizarlo tal y como tu deseas, y no se cambie la forma del documento dando lugar a una mala imagen.

Fuente: JUANMERODIO

¿Por qué escoger Google Fonts para descargar tu galería de topografías?

  • Muy fáciles de usar.
  • Más riqueza y personalidad para cualquier web.
  • Se pueden usar en todo tipo de textos: títulos y menús, pero también contenidos.
  • Funcionan como cualquier otra fuente, los textos se pueden seleccionar y copiar y son totalmente visibles para los buscadores.

Conoce aquí 5 mitos del diseño web, ¡Nosotros te los desmentimos!

The post Tendencia de tipografías Serif para el 2022 appeared first on idw | Proyectos 360.

]]>
https://idw360.co/2022/02/24/tendencia-de-tipografias-serif-para-el-2022/feed/ 0
5 mitos sobre diseño web que debes conocer https://idw360.co/2022/02/18/5-mitos-sobre-diseno-web-que-debes-conocer/ https://idw360.co/2022/02/18/5-mitos-sobre-diseno-web-que-debes-conocer/#respond Fri, 18 Feb 2022 17:02:57 +0000 https://ideamosweb.com/?p=4515 The post 5 mitos sobre diseño web que debes conocer appeared first on idw | Proyectos 360.

]]>
Blog Creativo | 5 mitos sobre diseño web que debes conocer

En nuestra lista de los 5 mitos sobre diseño web que debes conocer, queremos compartirte aquellas percepciones que suelen tener los diseñadores y clientes a la hora de crear un sitio web, por ello aquí vamos a desmentirte en colaboración de nuestros colegas de Dareweb algunos de ellos.

Mito 1 | “Si el cliente no me envía los textos, no puedo avanzar”

Esto es completamente FALSO, porque realmente existe el “Lorem Ipsum” que te ayuda a diagramar y no retrasar el diseño de tu sitio web.

Mito 2 | “Si es bonita, seguro es complicada”

Una buena aplicación del UI/UX te garantiza una web amigable y atractiva, puesto que estos son GRANDES pilares dentro del diseño y que NUNCA debemos pasar por alto.

Blog Creativo | 5 mitos sobre diseño web que debes conocer

Mito 4 | “Agregar más características atraerá más visitas y clientes”

Mientras más siempre sea tu página web, mejores resultados obtendrás porque los usuarios se sentirán agradables al navegar por tu sitio web.

Mito 3 | “No es necesario que todos los sitios web estén optimizados para dispositivos móviles”

La mayoría de los usuarios navega por sitios web usando sus teléfonos móviles, por eso es importante tener un sitio web que sea responsive, visible en todos los dispositivos y compatible con varios navegadores.

Blog Creativo | 5 mitos sobre diseño web que debes conocer

Mito 5 | “Hay que encaja chat al usuario con letras grandes, colores fuertes y animaciones”

El diseño visual no se trata de crear partes o secciones visualmente atractivas solamente, sino de capturar la atención y guiar tus ojos hacia lugares correctos con el objeto de facilitar la experiencia de usuario.

¿Cuáles de nuestros 5 mitos sobre diseño web que debes conocer te llamó más la atención?

The post 5 mitos sobre diseño web que debes conocer appeared first on idw | Proyectos 360.

]]>
https://idw360.co/2022/02/18/5-mitos-sobre-diseno-web-que-debes-conocer/feed/ 0
Diseño 3D para páginas web profesionales https://idw360.co/2022/02/15/diseno-3d-para-paginas-web-profesionales/ https://idw360.co/2022/02/15/diseno-3d-para-paginas-web-profesionales/#respond Tue, 15 Feb 2022 19:44:12 +0000 https://ideamosweb.com/?p=4482 The post Diseño 3D para páginas web profesionales appeared first on idw | Proyectos 360.

]]>
Blog Creativo | Diseño 3D para páginas web profesionales

El diseño 3D para páginas web profesionales es una tendencia del 2022 y la idea es que los usuarios puedan mover los objetos con un clic o deslizarlos tocando la pantalla con el dedo, así crearemos una experiencia muy auténtica e interactiva marcando una gran diferencia a la hora de vender nuestros productos/servicios.

Pero, en las REDES SOCIALES también podemos generar estas experiencias con piezas gráficas que muestren nuestros productos en 3D, ¡Añade a tu carrito de Instagram/Facebook productos casi que reales!, porque este 2022 viene recargados de diseños innovadores, llenos de letras grandes y vectores tridimensionales.

¿Cómo experimentar en el diseño 3D?

Esta tendencia lleva las ilustraciones vectoriales a un estilo más detallado que genera profundidad y dimensión, entonces…, ¿Qué debes hacer?, nosotros te recomendamos diseñar con un objetivo claro y dejar volar la creatividad ya que este estilo es perfecto para el diseño web, las marcas y el contenido general de las redes sociales.

Blog Creativo | Diseño 3D para páginas web profesionales

El diseño 3D para páginas web profesionales le permite a tu audiencia navegar a través de nuevas formas y movimientos logrando crear una experiencia de usuario fantástica, por ello te aconsejamos que primero elijas el software ideal para diseñar tu proyecto, luego desarrolla tu visión espacial con el 2D antes de crear en 3D.

TIP

No olvides comenzar con formas simples y en el caso de las letras, ¡Empieza por las líneas más sencillas!

5 softwares de modelado 3D GRATIS

Conoce más acerca del diseño web aquí

Blog Creativo | Diseño 3D para páginas web profesionales

The post Diseño 3D para páginas web profesionales appeared first on idw | Proyectos 360.

]]>
https://idw360.co/2022/02/15/diseno-3d-para-paginas-web-profesionales/feed/ 0