Mostrando entradas con la etiqueta diseño. Mostrar todas las entradas
Mostrando entradas con la etiqueta diseño. Mostrar todas las entradas

jueves, 23 de enero de 2014

La gestión de color no es ningún cuento.



En el momento que pretendamos mantener cierta homogeneidad y calidad de color en nuestros trabajos y de paso evitarnos sustos y problemas en los resultados obtenidos, el uso de perfiles de color más o menos estandarizados es algo que se vuelve imprescindible en los procesos de Artes Gráficas.

A lo largo del relato que ofrece en su página http://www.gusgsm.com, Gustavo Sánchez hace una versión muy particular del cuento de los tres cerditos en la cual, de forma muy didáctica, explica los problemas que acarrea el no disponer de un flujo de trabajo en el cual la gestión de color esté integrada de principio a fin.



jueves, 12 de diciembre de 2013

Ejemplos de aviso de cookies.

¿Cómo mostrar el aviso de cookies en nuestro sitio web?




Sólo el caso de Cremades & Calvo-Sotelo lo cumple estrictamente. Otros casos, los que buscan reducir el impacto visual al máximo, entre los que se encuentra Google, decantan por incluir el aviso como si una barra de estado se tratase. A partir de aquí, hay para todos los gustos.
Un ejemplo de esto esta en la web de grabados laser jmgravadors

miércoles, 20 de noviembre de 2013

Procesos de Artes Gráficas.


La entrada de hoy casi está más bien dedicada a estas últimas, puesto que de una forma muy elegante y bien resumida, les mostrará los “entresijos” que se esconden detrás de lo que aparentemente es la simple tarea de diseñar o maquetar algo en el ordenador y mandarlo a la imprenta comercial.

Proporcionado por Joel Combes, un profesor del SDQ Tranining Center de la República Dominicana, el video que acompaña a estas líneas es un resumen gráfico muy ilustrativo de los procesos que habitualmente existen en las Artes Gráficas.

Esta es la presentación que hace el propio centro de este excelente trabajo visual:

    “Video desarrollado por SDQ Training Center donde se expone el proceso de impresión Offset desde el diseño en la computadora, el arte final, la preprensa o fotomecánica, la impresión y la terminación. La primera parte trata un poco de historia de la imprenta y de Juan Gutenberg, Luego menciona el los procesos de las artes graficas.
    El trabajo esta enfocado a las Artes Finales, y en ese sentido aborda temas como: Uso de márgenes, Corrección de texto, Conversión de textos a curvas, modos de color RGB y CMYK, Resolución de pantalla PPI, y de papel LPI, OverPrint, Folios y pliegos, Lineas de corte, Registros, sangrado, lineas de doblez, entre otras.
    Luego pasa a la Fotomecánica o pre-prensa digital y explica la separación de colores y los negativos.
    Finalizada la separación de colores va la creación de planchas de impresión.

    Y finalmente la terminación: Doblez, corte en guillotina, encolado o pegado de los lomos de los libros y cosido y pegado de la tapa de la portada y contra portada.

miércoles, 3 de julio de 2013

Web de Macrisal


 

Las carpinterías de Aluminio también estan online, y Sección 9 Diseño web ha creado una web para ellos, la empresa se llama Macrisal.

Son una empresa, como acabamos de decir, Expertos en Carpinteria de Aluminio de Barcelona. La producción de la carpinteria de aluminio va dirigida a los profesionales del sector: industriales, reformistas, decoradores, interiorista, etc. tanto de obra nueva como de rehabilitación.

 
Expertos en Canal 16 con colores, medidas, adaptaciones, nuevas tendencias y diseños exclusivos en materiales y acabados.
 

viernes, 28 de junio de 2013

Como crear una imagen de burbujas y destellos


Pensar que podemos crear una imagen como la que te dejamos aquí con tan solo algunos clicks y con prestar un poco de atención puede sonar muy interesante.

Últimamente están muy de moda este tipo de diseños y si estabas buscando la forma de crear uno, te comentamos un poco de que se trata.

Esta imagen está creada en un 100% en Photoshop, tomada a base de una silueta femenina real y está editada con algunos estilos, brushes y máscaras muy simples de aplicar. Como podemos ver, el resultado es asombroso y en el armado de esta imagen podremos ir añadiendo nuestros toques personales para crear un resultado completamente a nuestro gusto
El tutorial para crear esta obra, viene de la mano de PSD Tuts.

lunes, 18 de marzo de 2013

Aplicaciones gratis para dibujar en el iPhone






Los dibujos o bosquejos no necesariamente se realizan en papel y menos si tienes un iPhone, como herramienta complementaria todo el tiempo, por ello, las aplicaciones especializadas podrían satisfacer tu necesidad de hacer sketchs en una plataforma diferente y con utilidades, que tal vez no encuentras en los programas de escritorio.


neu.Notes:   Con ella vas a tomar notas  y dibujar a mano alzada con la ayuda de plumas junto con la paleta de colores o las formas. Esta aplicación gratuita tiene soporte de opacidad, los dibujos son importados en formato png o PDF y pueden ser compartidos por correo electrónico y Twitter.

DrawDraw lite: Simple y sin muchas opciones en su versión libre, te deja dibujar con un lápiz y aplicar colores con una brocha, luego exportas el esbozo como archivo de imagen o como una gráfica en PDF, aunque está limitado a tres páginas para dicho formato, situación que se desbloquea en la aplicación de pago.


miércoles, 13 de marzo de 2013

Simplifica el diseño con iconos estándar.

 
Es importante conocer hacia dónde van los estándars de diseño para aplicarlos y reducir la curva de aprendizaje del usuario para conseguir una mayor y más rápida aceptación del sitio web o aplicación web/móvil. Un ejemplo simple, si sabemos que el icono de una lupa significa “Buscar”, no hace falta complicarnos más, usemos sólo este icono, no hace falta texto. El diseño quedará más limpio si, además, utilizamos sólo dos colores.

En aplicaciones para dispositivos móviles está siendo habitual usar el icono “Atrás” en la esquila superior izquierda, mientras que el icono “Menú” suele situarse en el extremo derecho.


Otra tendencia es simplificar la barra de menú usando sólo dos colores y sólo iconos, sin texto, algo a lo que anteriormente había hecho referencia.

Pensar que estos diseños de menús y opciones sólo deben aplicarse a dispositivos móviles es un error. Si es un diseño con el cual se ha familiarizado el usuario y es más simple o sencillo que lo que tenemos ahora, entonces debemos usarlo.


lunes, 11 de marzo de 2013

Inventos para una vida más cómoda.


Algunos más utiles que otros.

Seguramente que estarán a la venta, pero lo más probable es que solo los encontréis en algunos sitios de Internet, no en tienda.

jueves, 14 de febrero de 2013

Pizza personalizada.


 

En algunos paises cuando haces el pedido de tu pizza y pides que te dibujen algo, este es el resultado.

Nada mejor que algo de originalidad y creatividad para sacar una sonrisa.

¿Probamos a hacer una petición en nuestra próxima pizza?




















martes, 12 de febrero de 2013

Etiqueta creativa.

 

¿Qué mejor manera para promocionar un vino, que diseñando una etiqueta creativa?

¿Qué os parece? Venderan más vinos gracias a la etiqueta, o igual.

viernes, 8 de febrero de 2013

Menú 3D desplegable con CSS y jQuery.

 

Espectacular, mucho, ¿dónde colocarlo? eso ya es otra cosa…

El caso es que si quieres incorporar a tu diseño web un menú con efecto “persiana 3D”, este es el código que necesitas.

Tanto el efecto de desplegar como el de plegar, simulan gravedad. Además, podemos colocarlo de frente o simulando profundidad, creando así aún más sensación de elemento 3D. La fluidez del movimiento es muy buena y eso le hace más real.

Aquí puedes ver una demo o descargar el código del menú desplegable 3D.

lunes, 4 de febrero de 2013

Cómo crear fácilmente gráficos utilizando jQuery y HTML5

 

Hasta ahora, el único modo de introducir un buen gráfico en un diseño web, era o bien mediante una imagen, o con flash si queríamos hacer algo dinámico. Ahora, gracias a HTML5 y por supuesto a jQuery, podemos fácilmente hacer un gráfico personalizado de una forma rápida y con un buen diseño.

Para ello, utilizamos el plugin de jQuery visualize.js

El uso es muy sencillo, nos descargamos la CSS y Javascripts necesarios y creamos un documento en HTML. Dibujamos un tabla en la que introducimos todos los datos requeridos, como podéis ver en la primera imagen, después de la tabla introducimos el código que podremos encontrar en catswhocode.com y si queremos podemos ocultar la tabla y dejar sólo el gráfico usando un display: none para la tabla.

A continuación, podéis ver 4 ejemplos de la potencia de este plugin.

Aquí tenéis el enlace para consultar todas las instrucciones y descargar el código.




 

miércoles, 30 de enero de 2013

Imagen infográfica con la que adelantarnos a muchas de las respuestas más habituales por aquellos que contratan nuestros servicios.

 

Cualquier freelance que haya diseñado sitios web durante algún tiempo conoce los riesgos potenciales a la hora de trabajar para sus clientes.

No es extraño encontrar clientes sin conocimientos que simplemente no saben lo que quieren junto a otros que solo saben lo que no quieren junto a situaciones en las que pese a diseñar un website según sus especificaciones el resultado se aleja de lo que tiene en mente y nos pide una y otra vez que lo cambiemos.

Este tipo de comportamientos se llegan a volver repetitivos cuando uno adquiere cierta experiencia y por ello la infografía que hoy traemos refleja no solo el comportamiento de muchos clientes ante un diseño web sino además ciertas pautas para proteger nuestro trabajo, tiempo y dinero o al menos para que no nos pille por sorpresa.

Por último esta imagen infográfica titulada The Anatomy of a Horrible Web Design Client y que encontramos al final de este mismo post incluye datos estadisticos interesantes con los describir el perfil del profesional que se dedica al mundo del diseño web.


jueves, 20 de diciembre de 2012

Audio librería con Javascript y HTML5.

 

BUZZ es una pequeña librería de Javascript que le ayuda a incluir y gestionar fácilmente los sonidos en tu sitio web mediante la etiqueta audio de HTML5 .

También merece la pena ver la demo que nos han dejado para demostrar su funcionamiento. Se trata de un pequeño juego que combina drag y audio.

lunes, 17 de diciembre de 2012

Efecto roto con Photoshop.

 

Increíble Photoshop y Gimp con el nuevo pack de pinceles gratis con efectos. Podréis comprobar la complejidad y el detalle en la foto arriba.

viernes, 23 de noviembre de 2012

Samsung se pone a la cabeza en las pantallas flexibles.

 

El próximo semestre Samsung dará por terminado el desarrollo de sus primeras pantallas flexibles para Smartphones, y poco más tarde también las incorporará en sus próximas tabletas.

La compañía de momento se niega a difundir para cuando estarán disponibles a la venta, pero parece que su producción comenzará sin duda el próximo año.

Una innovación que podría permitir a la compañía coreana aumentar sus ventas en gran medida y ganar carácter respecto a Apple.

Éste tipo de pantallas de plástico flexible, que serán denominadas Samsung Young  incorporan mejoras en la tecnología de visualización OLED, que ya utiliza la compañía en sus sus teléfonos inteligentes y televisores. Pantallas de más calidad y más ligeras además de flexibles.

“La razón principal de Samsung para utilizar el plástico en lugar de vidrio convencional es producir pantallas que no son frágiles. La tecnología también podría ayudar a reducir los costes de fabricación y ayudan a diferenciar sus productos de los otros rivales”, dijo Lee Seung-chul, asegura al diario un analista de la coreana Shinyoung.

jueves, 22 de noviembre de 2012

Mejora tu página corporativa de Facebook fijándote en las grandes marcas.

 

Si tu empresa ya tiene página corporativa en Facebook pero no acabas de hacer que funcione, una buena idea es fijarse en lo que hacen otros y aplicarlo a tu propio negocio.

Seguro que has visto páginas con miles de seguidores y te has preguntado cómo lo han hecho, pues para dar una respuesta a esta pregunta vamos a analizar que hacen dos marcas muy conocidas para que su página en Facebook sea tan exitosa. En Sección 9 Diseño Web también te podemos ayudar.

Red Bull

Casi 8 millones de seguidores avalan el éxito de la página en Facebook de Red Bull, y el primer paso consiste en que cuando alguien que no es seguidor y llegue a ella, le invite a unirse, y para ello han diseñado una nueva pestaña que invita a seguirles pero realizada con un diseño limpio y simple, evitando incluir demasiado contenido que pueda llevar a confusión.


Además han creado una pestaña con juegos online, sabiendo adaptarla a su público objetivo. 


Y también han integrado dentro de Facebook  un canal de TV web llamado “Red Bull web TV” donde entre otras cosas entrevistan a deportistas famosos.



Coca-Cola

Con más de 11 millones de seguidores, la página de Coca-Cola en Facebook demuestra su buen hacer en sus estrategias empresariales 2.0, y da la bienvenida con un video que sugiere seguirles, y además muestran enlaces al resto de Redes Sociales.


Su última promoción se lanzó coincidiendo con el verano, e invitaban a sus seguidores a realizarse fotos con algún producto de Coca-Cola, las cuales luego podían ser votadas por el resto de usuarios, lo que ha generado una gran viralidad.



 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | free samples without surveys