Cinco razones para adaptar tu web a dispositivos móviles

Diseño web adaptableEn esta entrada exponemos cinco razones importantes sobre la necesidad de adaptación del diseño web a los dispositivos móviles actuales:

  1. Crecimiento del uso de smartphones
    El uso de smartphones y tablets para la navegación en la red ha crecido significativamente en los últimos años.
  1. Aumento de ventas mediante dispositivos móviles
    En los últimos años debido al crecimiento del uso de smartphones y tablets, el número de ventas online mediante el uso de dispositivos móviles ha crecido exponencialmente.
  1. Experiencia de compra mejorada
    Al crecer el número de ventas con dispositivos móviles, también existe la necesidad de adaptar las páginas web para ofrecer una mejor experiencia de compra a los usuarios.
  1. Adaptación a los nuevos tiempos
    Un diseño adaptado a dispositivos móviles aporta a los clientes una imagen moderna y adaptada a los nuevos hábitos sociales de la actualidad.
  1. Penalización de Google
    Como ya comentemos en su día en la entrada “Google penalizará a las webs que no sean adaptables”, debido al alto crecimiento de las navegaciones mediante dispositivos móviles, Google decidió que las webs no adaptables sean penalizadas seriamente.

LinkedIn actualiza su web

LinkedInLinkedIn, la famosa red social enfocada al empleo, recibirá una actualización de diseño de su sitio web.

Las modificaciones afectan principalmente a la página inicial, se han aplicado pequeños cambios que aportan una mayor funcionalidad en la gestión de contactos y en la adquisición de nuevas habilidades mediante la inclusión de vídeos, entre otros.

Además, el nuevo diseño se ha establecido acorde con el que actualmente se puede encontrar en su app.

En la última semana se ha conocido que estos cambios no serán aplicados hasta final de año.

Arte digital

videosAunque a los más puristas no les guste, el arte digital irrumpe con fuerza con la llegada de internet y nos permite recrear obras famosas desde un programa de ordenador. Muy curioso de ver.

UI-Cloud: El buscador de recursos para diseñadores web

ui-cloud2En UI-Cloud podremos encontrar hasta 46.600 elementos destinados al diseño web, clasificados por categorías según el tipo de elemento que necesitemos, como HTML, CSS, jQuery… entre otras categorías. Además podremos encontrar más de 1200 kits listos para ser utilizados en las páginas webs.

UI-Cloud permite buscar según el tipo de elemento que necesitemos, como botones, menús, barras de reproducción… tanto para utilizar en los proyectos, como para inspirarse.

Tine un pequeño fallo, a veces no se especifican los derechos de los elementos existentes, pero siempre se puede encontrar buen material para trabajar.

Más información en el siguiente enlace.

Proceso creativo de 4 logos famosos

¿Alguna vez te has preguntado como comenzó el concepto creativo de diseño de alguno de los logos más famosos actualmente? Algunos de estos empezaron siendo simples rayones, mientras que otros tenían la idea clara.

Toda idea original se perfecciona con el tiempo, y los famosos logos que ahora conocemos no fueron la excepción, ya que muchos de estos evolucionaron gradualmente  para satisfacer las necesidades del cliente y por supuesto las del propio mercado. Pongamos algún ejemplo:

1. Atari

atari2El logotipo de Atari fue diseñado por George Opperman en 1972, tras el enorme éxito del juego Pong. En sus propias palabras, “las dos piezas laterales del símbolo del Atari representan dos jugadores de videojuegos rivales, con la línea central de la cancha de ‘Pong’ en el medio.”

2. Mozilla Firefox

Firefox

La mascota original para el logo de Mozilla Firefox era un ave fénix, de vuelta cuando el navegador se llamó Mozilla Firebird. Debido a una disputa de derechos de autor, el nombre fue cambiado a Firefox. El propio zorro firey se inspiró en una historia de la Biblia en la que Sansón atado a cuerdas encendidas junto a zorros y los libera en los campos de maíz de los filisteos. El globo representa la Internet global de los servicios del navegador. Stephen Desroches creó el boceto original y el diseño final fue dictado por Jon Hicks.

3. I Love New York

ILoveNY

En 1976 Milton Glaser señaló a “I Love New York” como el logotipo icónico de la campaña sobre la parte posterior de un taxi con un lápiz de color rojo y no solicitó ningún pago por su creación.

4. Starbucks

Starbucks

Un grabado en madera de una nórdica sirena de dos colas del siglo 15 fue la inspiración original para el logotipo de Starbucks. Por encima, los primeros bocetos y dibujos a tinta del logo actualizado por el diseñador Terry Heckler, muestran cómo se convirtió en una sirena de aspecto más moderno.

¿Y tu empresa ya dispone de un buen logo corporativo? ¿Te gustaria darle otro aire al que ya tienes? ¡Nosotros te ayudamos!

Alejandro Gómez en Google+ | CarameloStudio

Últimas tendencias diseño web

¿Aún no te has enterado de cuales son las últimas tendencias para hacer un buen diseño web? Tranquil@, nosotros te ayudamos a conocerlas:

  • Las webs para móviles comenzaran a desaparecer: Hace unos años las webs orientadas exclusivamente para móviles fueron toda una novedad. Ahora ya no es así, la aparición del diseño web adaptable (responsive design) a creado una nueva tendéncia de diseño la cual permite que una misma página web sea visualizada perfectamente en distintos dispositivos pudiendo configurarla para distintas resoluciones de pantallas.
  • El retorno de los efectos multimedia en la web: Anteriormente el uso de flash nos proporcionaba todo tipo de dinamismo al diseñar una web. Con la aparición de los móviles y su diseño minimalista este fue desapareciendo. Pero actualmente gracias a la aparición de HTML5 permite volver a aplicar ese toque creativo que nos permite hacer una web más dinámica y agradable para el usuario.
  • El contenido web como clave para el posicionamiento SEO: Cada vez más Google le da más importancia a que el contenido de una web sea rico, ofrezca información de calidad y que además se actualicen cada cierto tiempo. Esta es una tendencia que poco a poco coge mas peso en relación al posicionamiento SEO.
  • Formato SVG para imágenes: Debido al gran peso que están cogiendo las imágenes, iconos… etc., este tipo de formato se esta imponiendo. El mismo nos permite agrandar y achicar sin que esta pierda nada de calidad. Obviamente para un diseño adaptable este formato facilita mucho la faena, ya que una imagen podrá ser utilizada en todos los dispositivos sin perder calidad ante cualquier tamaño.

 

Alejandro Gómez en Google+ | CarameloStudio

Diseño Web – ¿Qué son las imágenes?

Crear imágenes es quizá una de las actividades humanas más compleja. A la hora de diseñar, una imagen está muy lejos de ser inerte o carecer de significado. Es todo lo contrario, es un símbolo que reemplaza a la experiencia física (o a su recuerdo) de la persona que la contempla. En las manos de un diseñador, una imagen es con diferencia el instrumento más poderoso de todos. Es ridículo pensar que con con escoger la fotografía de un objeto en particular resolveremos el problema de la comunicación.

Pongamos un ejemplo, en la siguiente imagen la información que se transmite es subjetiva, ya que el propio autor expresa su visión de la realidad y pretende conmover su sensibilidad. Podemos ver como la utilización de la forma de pulmón de estos árboles junto a la falta de un trozo de bosque aporta mucha más información que si fuése un simple bosque normal.

Fuente: http://www.lavozdelsandinismo.com/wp-estaticos/2011/08/11/los-bosques.jpg

Ya sabes, intenta sacarle el máximo partido a tus imágenes, no dejes de transmitir información valiosa para tus usuarios, nosotros lo aplicamos en nuestros diseños!

 

Alejandro Gómez en Google+ | CarameloStudio

 

 

 

Claves de un buen diseño web II: La psicología del color

En el diseño web, el momento de la elección del color o colores que queremos utilizar comporta unos mensajes psicológicos que, según se utilicen, influirán sobre el contenido de las imágenes y de la propia tipografía.

El componente emocional del color está profundamente conectado con la experiencia humana instintiva. La diferente longitud de onda de cada color condiciona sus efectos en el sistema nervioso autónomo: por ejemplo, los tonos cálidos, como el rojo y el amarillo, poseen una mayor longitud de onda y por lo tanto se requiere más energía para procesarlos una vez han entrado en el ojo y el cerebro. Estos aumentos se traducen en excitación. Por el contrario, las menores longitudes de onda de los colores más fríos, como el azul, el verde o el violeta, requieren también menos energía para ser procesados, lo que produce una ralentización de nuestro metabolismo y un efecto calmante. Cabe añadir que las propiedades psicológicas del color también dependen en gran medida de la cultura y experiencias personales del observador.

A continuación, podemos ver el significado de varios colores para decidirnos y saber cual utilizar en nuestros diseños:

Rojo: Este vibrante color está entre los más llamativos. El rojo estimula el sistema nervioso al máximo y estimula nuestra impulsividad. Este también evoca sentimientos de pasión y excitación.

Azul: Este color tiene el poder de calmar y crear una sensación de protección o seguridad. Debido a su asociación con el océano y el cielo es percibido como sólido y digno de confianza.

Amarillo: El amarillo, asociado con el sol y el calor, estimula una sensación de felicidad. Este estimula la claridad de pensamiento y la memoria. También aporta viveza a los colores que lo rodean.

Verde: Es el color mas relajante del espectro. Su asociación con la naturaleza y la vegetación le otorga una sensación de seguridad.

Negro: Extremo y misterioso, el negro es el color más fuerte del espectro visible. Su misterio connota formalidad y exclusividad, sugiere autoridad, superioridad y dignidad.

– Blanco: Representa la ausencia del color. Este aporta plenitud espiritual y poder. Este nos permite gran variedad de combinaciones al combinarlo con otros colores aportando significados totalmente diversos.

 

¿Y tú, que color prefieres para tu diseño web?

Alejandro Gómez en Google+ | CarameloStudio

 

Claves de un buen diseño web I: La forma, un mensaje directo al público

Todo diseño gráfico, creación de imágenes, independientemente del medio y de su propósito, gira en torno a la correcta utilización de la forma y de su manipulación. Se trata de crear algo que se pueda mirar, que tenga buen aspecto y que ayude al público a comprender no sólo lo que está viendo, sino qué significado tiene para ellos. La “forma” es ese algo: texturas, figuras, líneas, palabras e imágenes. La forma que se escoge o se crea, debería de seleccionarse con el máximo cuidado, ya que independientemente de su abstracción o de su aparente sencillez, supone un significado. Nuestro cerebro utiliza estas formas para identificar las cosas: la forma es un mensaje. Ninguna forma es mejor comunicadora que otra, pero la elección de la forma es esencial si ésta ha de comunicar un mensaje. Ya sabéis lo que dicen, más vale una imagen que 1000 palabras.

Alejandro Gómez en Google+ | CarameloStudio

La importancia del diseño web para el negocio

Siempre se ha dicho que la primera impresión es la que cuenta. Lo mismo podría decirse de las páginas web de su empresa o comercio. Lo que usted busca es que quien acceda a su página web, se enamore de sus productos y servicios y se construya una relación duradera. Mediante un diseño adecuado, usted puede hacer que suceda.

Las páginas web se han convertido en excelentes herramientas de venta de cualquier tipo de negocio. Se pueden valer de cantidad de herramientas visuales que, utilizadas de manera funcional, hacen que su página sea considerada y valorada por quienes la visitan. Además de que puedan verse de manera correcta en cualquier dispositivo sea cual sea su tamaño de pantalla, como móviles y tablets.

Ver más »