Diseño Editorial en Guadalajara

chica sexy, telefoto 75 300, canon telefoto, 450mm, guadalajara, via recreactiva

Una de las ramas del diseño grafico es el diseño editorial que es el que se dedica  a la composicion de textos para revistas, periodicos y publicaciones que pueden ser tanto impresas como electronicas. Es una rama dificil de dominar y muy divertida de aprender. Te requiere saber de varios programas como el Photoshop para preparar las imagenes y retocarlas, del ilustrador para hacer esquemas o la composicion y si es una revista de muchas paginas pues de InDesign para ahi hacer el armado de los contenidos. Entre las cosas que se deben conocer para hacer un diseño editorial es el uso de una reticula que sea flexible para que tu creatividad no se vea opacada. Sin embargo, si trabajas en una revista o periodicos ya hay una reticula a la cual hay que obedecer y un estilo definido. Si te toca trabajar con InDesign he aqui una serie de tutoriales en ingles para que aprendas las diferentes cosas que se pueden hacer, aunque lo mejor es primero dominar el Illustrador y el Photoshop. Aun asi no esta de mas ver los tutoriales y practicar: http://design.tutsplus.com/series/beginners-guides-to-indesign–vector-4951 El diseño editorial lleva muchas horas de trabajo, entre las cosas basicas que hay que dominar son:

  • Decidir las fuentes para titulos y contenidos
  • Tamaños de fuente, interlineados e interletrajes
  • Diseño de las cajas de texto
  • Flujo de la informacion
  • Ilustrar vs usar fotos o solo texto
  • Diseño y uso de la reticula
  • Composicion e idea del diseño
  • Ajustar, ajustar y ajustar hasta que los textos queden bien

Entre otras cosas muy importantes hay que decidir si justificaremos el texto o si lo alinearemos a la derecha o izquierda. Si usaremos las viudas y huergfanas para que el texto se acomode mas equitativamente. Dependiendo de las fuentes que uses es si tu diseño se ve saturado o no, si es legible o cansado de leer. Si es atractivo visualmente pero poco funcional al intentar leer.  Hay que conocer la diferencia entre fuentes con serif y las que no la tienen (sans-serif) Con serif pues estan la Times New Roman o la Georgia, la Trajan y la Garamond. Sans-serif esta la Helvetica Neue, la Arial y las swiss. Tambien se les llaman góticas  a las sans-serif y hay quien las confunde con las de estilo gotico como las que usan algunos grupos de black metal. jaja. El diseño editorial es muy bonito, muy minucioso y dificil y siempre viene acompañado de muchas prisas ya que las publicaciones siempre tienen su fecha limite de entrega y a veces hay que trabajar horas extras con tal que salga a tiempo la publicacion. Continuare hablando de este tema en los articulos siguientes. Gracias por leerme.

 

Diseñador editorial para revista de caballeros
Diseñador editorial para revista de caballeros

Usar cualquier fuente en una web

google webfonts, usar fuentes, css y fuentes modernas, alternate fonts in web

Por Emmanuel Vargas – Web designer and photographer

google webfonts, usar fuentes, css y fuentes modernas, alternate fonts in webCon el HTML 5 nuevas cosas salen y cuando la mayoria de los browsers acepten bien el CSS 2 y 3 se podran hacer muchas cosas en la web. Por lo pronto nos debemos de conformar lo que los navegadores permiten.

Sin embargo sabemos que una fuente creaiva nos puede ayudar en el diseño o bien elegirla para que tenga una mayor legibilidad pero lo snavegadores estan muy limitados con las tipicas Arial, Verdana, Helevetica, Time New Roman, pero hay una alternativa muy facil que si somos cuidadosos no hara lenta la descarga de la pagina web y esta solucion son las webfonts que google nos ofrece.

Es muy sencillo, la eliges y google te ofrece oncodigo para que lo copies y pegues y asi puedas declarar en tu CSS cuando quieras usar la fuente sin que el usuario la tenga instalada y de manera transparente. Es muy facil y se pueden hacer sitios sorprendentes con solo elegir una buena fuente.

http://www.google.com/webfonts/

Revista electrónica de diseño grafico/web y tendencias

Tengo ya como 8 años que conoci esta revista y en su momento fue lo mejor de lo mejor. Era un lugar muy bueno para ver ideas, portafolios y websites de otras personas. Una excelente fuente de inspiracion, recuerdo que solo a uno o dospersonas les comparti este sitio, no queria que nadie mas lo viera para tener la ventaja de estar al corriente de lo que ocurria en el diseñ de sitios web y grafico.

Les comparto e link http://www.newwebpick.com/ como podran ver hay portafolios y sitios web de empresas o diseñadores, pero lo principal es el descargar la revista. Yo estuvo suscrito y fue MUY barato, como 2 dolares al año. Tambien hay la version gratuita que tiene menos contenido pero que igual vale la pena.

NewWebPick.com E-magazine, Gallery, Portfolio, Connection, Designer, Art, Animation, Digital Art, Graphic, Graphic Artist, Flash, Print, Illustration, Advertising, CG, Film-making, Interior, Architectural, Wraper, Photography

.

Lo que sucede en Facebook cada 20 minutos

He aqui una grafica de los millones de movimientos que suceden en facebook cada 20 minutos, es increible como esta red social ha tenido tanto exito y como hay millones de usuarios haciendo estupideces con ella, spam, etiquetando a gente para promocionar un producto, acosando ex parejas, etc… jajaja, pero bueno tambien hay los que hacen “buen” uso de facebook para estar en contacto con amigos y famliares que estan en el extrajero o en otras ciudades.
estadisiticas de facebook, analytics facebook, lo que sucede en facebook cada 20 minutos

.

Ilustracion en Photoshop para descargar

Si te da curiosisdad como se ve una ilusgtracion en photoshop he aqui un archivo descargable para que lo veas.
A partir de un dibujo a lapiz con la propiedad MULTIPLY se fueron agregando capas debajo de el hasta ir coloreando las diferentes partes: vestido, accesorios, piel, pelo, sombras, etc… DESCARGAR ARCHIVO PSD

Archvio PSD de una ilustracion para referencia de como se puede hacer una ilustracion en photoshop
Archvio PSD de una ilustracion para referencia de como se puede hacer una ilustracion en photoshop
.

Diferencias entre browsers al mostrar textos y CSS

Es obvio para un diseñador web que habra diferencias al mostrar una misma pagina en diferentes navegadores. Sin embargo hay veces que es dificil enseñarle eso a un cliente y es una buena practica mostrar de manera visual las diferencias. A continuacion pongo una imagen done se muestra como el texto tiene minimas pero notables diferencias que estan marcadas con un circulo rojo y marcadas con un cuadrado rojo se muestra como hay minimas pero notables diferencias en la altura de renglones.

Los navegadores en cuestion son: Firefox, Google Chrome, Opera y Safari.

html y css varia segun el browser
html y css varia segun el browser
.

No uses Internet Explorer y navega mejor

Internet Explorer ciempre ha sido malo en:

  • Usar la memoria RAM, desperdicia mucha.
  • Da problemas con el Flash, te hace navegar mas lento
  • No es muy amigable con los estandares de la web y el CSS
  • No podras acceder a muchos sitios si usas explorer o veras un contenido mal renderizado
  • Cada que usas Internet Explorer, Dios mata un gatito
  • Se colapsa con frecuencia y pierdes lo que estabas leyendo
  • Es el navegador preferido por los que te llenan de virus, troyanos y hackers que te quieren robar datos
  • Hay cientos de diseñadores web que se suicidan al intentar arreglar lo que se ve bien en todos los navegadores excepto el Explorer

Alternativas: Usa OPERA o FIREFOX o SAFARI. y si encuentras otros mas de Google y de Lunix pues dales tambien la oprtunidad. La cosa es que que no uses internet explorere y navegaras mejor, mas rapido y mas seguro.

Proceso de trabajo que aplica al diseño

Si bien un gran problema en cada trabajo de diseño web o grafico es captar la necesidad real del cliente esto se puede lograr mediante la informacion adecuada y un proceso ordenado.

Lo mas importante es pedirle al ciente toda la informacion,, ejemplos e ideas de como cree que debe ser su trabajo, no siempre lo que el cliente cree es lo que necesita pero si no da la informacion no se le puede guiar en lo que es la mejor solucion.

He aqui un diagrama de un proceso para un proyecto completo

Esta en ingles, y muestra de manera muy detalla da las etapas de un proyecto desde que se contacta al cliente, se le pide la informacion y se hace un brief o recopilado de los requerimientos para poder hacer una propuesta que contemple todos los detalles y asi evitar malentendidos y tratar de minimizar los imprevistos. Lo tome de una empresa de outsourcing en Canada, espero les sirva tanto como a mi.

Posicionamientos truculentos y fraudulentos

Hay empresas con poca etica

A la hora de querer estar en los primeros resultados en Google las empresas recurren a tecnicas “sucias” que no aun no son castigadas por los buscadores. Es lamentable ver como suben y suben con trampas y links que solo estan hechos para “engañar” al buscador y atraer trafico a su pagina.

Si engañan a Google/Yahoo tambien engañaran a sus clientes

Cuidado con estas empresas ya que si atrajeron al usuario con trampas y modos poco eticos pues tambien cabe la posibilidad que su producto tambien sea falso y de baja calidad.
Entre las tecnicas sucias he encontrado:

  • Miles de links en una pagina que no llevan a ningun lado
  • Links repetidos que solo cambian una ciudad o estado
  • Falsos directorios que solo buscan que se indexe el link
  • Robos de contenidos como fotos y texto
  • Texto y links ocultos en el cuerpo de la pagina

Algunos ejemplos

He aqui algunos screen shots de como algunos sitios llenan de links su pagina para atraer a los usuarios aunque no haya un contenido que de un respaldo a cada link.

Vean como no hay contenido en los subdirectorios, solo se busca que Google y Yahoo indexen el link. El usuario finalmente duda y facilmente busca una pagina de mayor calidad. Los diseñadores web y webmasters deben evitar estos malos usos de los links. Hay que ofrecer contenidos de calidad y servicio al cliente. No buscar engañarlo.

Son cientos de links en paginas que llevan al mismo contenido.

Es bueno optimizar un sitio web pero no hay que usar ni abusar de trucos, finalmente el usuario tambien comparara el diseño de los sitios que aparezcan y eso tambien influye en su compra y opinion del producto.

Si como cliente me doy cuenta que me atraen de manera engañosa al sitio web, probablemente me engañen tambien con un producto de una calidad diferente a la que espero.

Conclusion

Como diseñador web se tiene un resposablidad no solo con el cliente al que se le diseña una pagina web, tambien hay una responsabilidad con los clientes de mi cliente.

ANUNCIO:

Dofer : Aditivos e Ingredientes Alimenticios para la Nutricion Animal. Guadalajara, Jalisco, Mexico.

Línea de fungicidas en liquido y/o polvo, contra el crecimiento fúngico en los granos.

Línea de compactantes para alimento balanceado

Línea de antioxidantes en líquido o polvo formulados a base de una gran variedad de antioxidantes

Control efectivo contra la acidosis ruminal.

Línea de secuestrantes de micotoxinas a base de aluminosilicatos y compuestos orgánicose inorgánicos

Bactericidas en líquido y polvo,foprmulado a bases de sales de formaldehido y ácidos orgánicos

Diseño grafico, diseño de paginas web, optimizacion de sitos web (SEO), posicionamiento en buscadores, planes de posicionamiento, diseño en guadalajara, planes de hosting

Purificadoras de agua y Embotelladoras de agua

Canastas Navideñas, Despensas Navideñas en Guadalajara, Marphanie.net

Buenos ejemplos de CSS

diseño en CSS, lo mejor de lo mejor, ejemplos de buen uso de CSS

Ejemplos de buen CSS

El CSS o Cascading Style Sheets son una manera de darle de manera externa a tu sitio una apariencia a los textos, imagenes, menus y elementos. Es muy util ya que te puede ayudar a maquetar o estructurar un sitio, cosas que con las obsoletas TABLAS no se podia hacer. He aqui un link de donde puedes ver algunos ejemplos selectos de CSS hechos por nuestro amigo y colega Web Designer Wall.

Que es el CSS?

Todavia hay quienes no usan las bondades del CSS, te sirve para maquetar un sitio. Es decir, para posicionar objetos en la pantalla dentro, fuera o de manera relativa en tu documento HTML. La mejor manera de introducirse al CSS es viendo ejemplos y desactivando la ejecucion de CSS en tu navegador para ver la gran diferencia.

Tips para aprender

Lo primero es estudiar un poco su estructura.
Ver muchos ejemplos y ver lo que se repite.
Aprender por lo facil: Dar formato a texto.
Subir poco a poco la dificultad.
Te puedes auxiliar de DreamWeaver que te da sugerencias de codigo y ver los resultados.
Imprimir un CSS cheat sheet para tenerla a la mano.
Visitar sitios de tips para CSS y como mejorar.