La coordinación editorial implica tareas operativas para coordinar a quienes intervienen en el proceso productivo de un impreso, desde autores, capturistas, redactores, correctores de estilo, hasta fotógrafos, diseñadores e imprentas.

El coordinador editorial es el profesional que se encarga de coordinar los trabajos de todos los involucrados con el fin de llevar un manuscrito a las manos del lector.

Algunas de las labores que un coordinador editorial tendrá que regular, son:

La evaluación del manuscrito a través de una lectura juiciosa, con la finalidad de señalar al autor las fortalezas y debilidades del texto y sugerir las mejoras correspondientes para la consecución de un libro sólido y consistente.

La corrección ortotipográfica y de estilo de las pruebas (primeras, segundas y terceras), proceso en el que es necesario tener a los autores al tanto de los cambios realizados en su manuscrito.

El diseño y la diagramación de la portada y las páginas interiores del libro.

La impresión del libro, que es la parte final del proceso, durante la cual se verifican pruebas de color, además de que se realiza, si es necesario, una última corrección, verificando durante todo el procedimiento que la imprenta trabaje de forma cuidadosa y prolija, con el fin de entregar un libro impreso de excelente calidad.

Mientras que en una imagen los caracteres se describen indicando cada uno de los píxeles que los forman, al convertirlos a un formato de texto (por ejemplo ASCII o Unicode), pasan a estar descritos por un solo número, por lo que se produce una reducción significativa del espacio en memoria que ocupan.

A partir de ahí el texto es reconocido como texto, de modo que se pueden buscar en él cadenas de caracteres, exportar el texto a un editor de textos, o a otras aplicaciones, etc.

Actualmente, junto con el texto, se registra también el formato con el que ha sido escrito.

Una variante es el OMR (optical mark recognition) que se utiliza para reconocimiento de marcas. Un ejemplo sería la corrección automática de exámenes de tipo test, en los que la respuesta correcta se rodea con un círculo.

Tomado de: http://es.wikipedia.org/wiki/Reconocimiento_%C3%B3ptico_de_caracteres

Comparación de una imagen de un rostro retocada
digitalmente frente a su versión original.

Ejemplo de retoque digital y sus diferencias
respecto a la imagen original de un paisaje.

El retoque fotográfico es una técnica que permite obtener otra imagen modificada, ya sea para lograr una mejor calidad o más realismo, o para obtener una composición totalmente diferente que distorsione la realidad. Para llevar a cabo dicho proceso, se utilizan mayoritariamente programas informáticos.

Utilizando distintas ténicas de retoque fotográfico [es posible] mejorar la calidad de [algunas] imágenes originales procesadas, alcanzando así un resultado notablemente superior en calidad con respecto a la imagen original. Además también pueden conseguirse efectos impactantes o simplemente corregir diversos errores en las imágenes originales.

Las técnicas de retoque fotográfico digital son hoy en día muy utilizadas como método de post-producción, sobre todo en ámbitos donde la imagen es lo que vende. Se da mucho su utilización en las producciones de modelaje, ya que la perfección en las modelos debe ser alcanzada a toda costa.

Tomado de: http://es.wikipedia.org/wiki/Retoque_fotogr%C3%A1fico

Estrictamente, el acto de diagramar tan solo se relaciona con la distribución de los elementos en un espacio determinado de la página, mientras que el Diseño editorial incluye fases más amplias del proceso, desde el proyecto gráfico, hasta los procesos de producción denominados pre-prensa (preparación para impresión), prensa (impresión) y post-prensa (acabados). Sin embargo, usualmente todo el aspecto gráfico de la actividad editorial y periodística se conoce por el término diagramación.

En el caso de un diario, la diagramación sigue los objetivos y líneas gráficas y editoriales de ese impreso. Las principales líneas editoriales para la diagramación de un diario incluyen la jerarquización de los artículos por orden de importancia. Las consideraciones gráficas incluyen legibilidad e incorporación balanceada y no-obstructiva de los anuncios publicitarios.

La edición incorpora principios del Diseño gráfico que, a su vez, es una profesión independiente o presente en licenciaturas relacionadas con el diseño, más allá de ser una disciplina que hace parte del currículo de profesiones como el Periodismo, la Publicidad y algunos cursos de Arquitectura en universidades y facultades. Otros términos que sirven para referirse al proceso de diagramación son: layout, makeup o pasteup.

Tomado de: http://es.wikipedia.org/wiki/Diagramaci%C3%B3n

"El Lic. Roberto Zavala Ruiz, autor de El libro y sus orillas resalta que el estilo no es enmendable, debido a que es algo personal; aún así, la expresión "corrector de estilo" se ha impuesto a fuerza de uso y a falta de otra mejor; por lo tanto, ajustándonos a tal aseveración: "el corrector de estilo se encargará de corregir los originales y prepararlos para la imprenta. Dicha corrección significará eliminar las faltas de ortografía y mecanografía, esclarecer párrafos oscuros y dar uniformidad a la obra.

El corrector de estilo debe estar atento a la forma sin descuidar el fondo, si advierte errores de concepto tendrá que señalarlos al autor y proponerle mejores. Sobre todo, el corrector debe cuidar la uniformidad en la presentación de notas, fichas biblliográficas, cuadros, etc, puntos flacos de la mayoría de los autores.

Asímismo, el corrector debe ocuparse de revistar que el material esté completo, eliminar todas las faltas de concordancia, de coordinación y, en general de sintaxis; comprobar la correspondencia de llamadas y notas, en texto y cuadros, lo mismo que de los datos bibliográficos en notas y bibliografía; eliminar cacofonías, extranjerismos innecesarios, frases hechas, repeticiones inútiles y advertir al autor de los excesos verbales o arrebatos líricos con el debido respeto al trabajo ajeno y, más importante aún, no dejar dudas pendientes por lo que no debe dudar en consultar diccionarios, enciclopedias, obras del mismo tema, y, por supuesto, al autor.

La corrección de estilo es un trabajo de limpieza, ordenamiento y sistematización".(1)

El Diccionario de la edición y de las artes gráficas de Dreyfus y Richaudeau define el perfil del corrector de estilo de este modo:

"[...]Es al corrector de estilo, persona con amplia formación gramatical y cultura general, a quien compete poner en solfa idiomática los entuertos cometidos por unos o por otros. Se trata, como es obvio, de tarea delicada y difícil, que no sólo requiere experiencia y conocimiento, sino también prudencia exquisita para saber cuándo hay que aplicarse a corregir y cuándo debe abstenerse. [...]"

 Los siguientes son algunos términos que nos pueden ayudar a mantener una comunicación eficiente con nuestro editor:

"Corrección ortotipográfica
Se trata de una lectura cuidadosa con el fin de corregir todas las faltas ortográficas y os errores mecanográficos que pudieran habérsele escapado al autor.

Corrección de estilo 
Consiste en la revisión del texto desde todos los puntos de vista propios de la ciencia de la lingüística (gramática, semántica, etc.), así como desde el punto de vista de la inteligibilidad del texto.

Corrección de galeras
Revisión de las páginas ya maquetadas; consiste en la corrección de todos los errores que se le puedan haber pasado al corrector de estilo, de los cometidos al introducir las correcciones de estilo y de todos los que cometa el maquetista.

(1) Redactado a partir de: Zavala Ruiz, Roberto, El libro y sus orillas, 3a. ed., 2a. reimp., México, UNAM, 1998.
(2) Redactado a partir de: http://www.tsedi.com/siguientetipografica/estildistan1-3C.html#Corrección%20de%20estilo

Posicionamiento recomendado: BIENESTAR
“El smoothie de fruta fresca PAGO es la solución ideal para quien quiere cuidarse sin dejar de disfrutar del auténtico sabor de la fruta fresca”.

Target: Sinkis: Identificación del producto como eminentemente femenino y menor sensibilidad al precio.
Core target: Mujeres, 28 – 40 años.

Objetivos plan de comunicación:
Crear “Product / Brand Awareness” (conocimiento de producto y de marca)
Posicionar el producto como Premium dentro de la categoría
Generar impactos de calidad: Experiencias y participación con la marca

Concepto: “Smoothie Time” es tu momento personal de bienestar, “Smile, Smoothie Time”, “Smoothie Terapia”

CAMPAÑA TEASER (street mk)

circuito cabinas telefónicas, con bluetooth

PACK PERIODISTAS, INVITADOS EVENTO

díptico

Trabajo para el máster en el IED, madrid 2008

]]> http://anavfrances.wordpress.com/2008/06/15/la-noticia/ Sun, 15 Jun 2008 13:32:48 +0000 anavfrances http://anavfrances.wordpress.com/2008/06/15/la-noticia/ Invitación y póster para grupo de teatro Prometeo La noticia, de Rafael Mendizábal; dirigida por Vanessa Sánchez Willhelm.

Trabajo freelance 2006

Folleto corporativo

(modelo 1)

(detalle)

(modelo 2)

(detalle)

Trabajo para la Agencia Queens 2008

No me voy a extender mucho. Solo puedo decir que hace poco más de 4 meses que estoy aquí y no me he arrepentido ni un poquico.

Hacemos un trabajo de calidad, para clientes de calidad. Trabajamos con las últimas tecnologías del entorno web y primamos la innovación y las ganas. Tenemos un gran equipo, agradable y también tenemos galletas de chocolate y de limón.

Así que si te mola el plan o sabes de alguien a quien le vaya a molar, ponte en contacto con nosotros.

PD.: Mejor si no tienes alergia a los perros.

Campaña de incetivos

Objetivo: Comunicar el programa anual de incentivación a los equipos comerciales y brokers de las diferentes sucursales de ING en España.

El premio por alcanzar los objetivos será un viaje a Canadá.

Claim: ¿Te imaginas un año entero viendo caer hojas?

Envíos de MK directo: Centraremos toda la comunicación en las 8 ciudades más importantes de Canadá. Estas ocho ciudades las presentaremos en un puzzle gigante.

Con cada envío mandaremos una pieza del puzzle de manera que con el último envío conseguirán montarlo por completo. “Canadá te romperá el coco”

A su vez, con cada pieza mandaremos tres postales de la ciudad elegida con mensajes de motivación para los participantes. Envós de juegos, sopas de letras, etc, todo tematizado con Canadá.

A estas dos piezas también le acompañarán en el envío un regalo promocional de viaje, con el fin de que a final de año cada integrante tenga su maleta preparada para irse rumbo a Canadá. “ Prepara la maleta que te vienes con nosotros a conocer lo increíble que es Canadá”

Logotipo

Postales

sopa de letras

calendario (formato caja cd)

Trabajo para la agencia Queens 2007/08

Objetivo: Aumentar el número de clientes que contratan su boda con el hotel.

Campaña gráfica en medios de comunicación de Salamanca.

Claim: Salamanca Forum Resort un lugar que esconde la magia de los cuentos de hadas, y donde los novios son los verdaderos protagonistas de su historia.

Trabajo para la agencia Queens 2007

Diseño de campaña: Claro (campaña promocional), diseño de gráfica, cuestionarios, material plv para tiendas etc.

Objetivo: Aumentar las ventas, mediante promoción en tienda.

(gráfica, plv)

(cuestionario)

Trabajo para Innova, 2005

Packaging: . Maletines con mapas, pasaporte, etc.  para realizar diversas actividades en los parques naturales de Castilla y León. (para niños)

Cliente: Comunidad de Madrid.

Packaging: . Maletines con mapas, pasaporte, etc.  para realizar diversas actividades en los parques naturales de Madrid. (para niños)

Trabajo para la editorial/estudio Wanagü, 2005

La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación.
El lenguaje HTML está limitado a la hora de aplicarle forma a un documento. Las páginas web desarrolladas sin las Hojas de Estilo tienen mezclado en su código HTML el contenido del documento con las etiquetas necesarias para darle forma. Esto tiene sus inconvenientes ya que la lectura del código HTML se hace pesada y difícil a la hora de buscar errores o depurar las páginas. La sintaxis CSS permite aplicar al documento formato de modo mucho más exacto y separarlo copletamente del contenido de la web. El W3C (World Wide Web Consortium) es el encargado de formular la especificación de las hojas de estilo que servirán de estándar para los agentes de usuario o navegadores.El modo de funcionamiento de las CSS consiste en definir, mediante una sintaxis especial, la forma de presentación que le aplicaremos a:

* Un web entero, de modo que se puede definir la forma de todo el web de una sola vez.
* Un documento HTML o página, se puede definir la forma, en un pequeño trozo de código en la cabecera, a toda la página.
* Una porción del documento, aplicando estilos visibles en un trozo de la página.

* Una etiqueta en concreto, llegando incluso a poder definir varios estilos diferentes para una sola etiqueta. Esto es muy importante ya que ofrece potencia en nuestra programación. Podemos definir, por ejemplo, varios tipos de párrafos: en rojo, en azul, con márgenes, sin ellos...

Además las CSS proporcionan muchas más herramientas que facilitan la maquetación, si bien antes debíamos utilizar trucos para conseguir efectos, ahora se permite:

* Definir la distancia entre líneas del documento.
* Colocar elementos en la página con mayor precisión, y sin lugar a errores.
* Y mucho más, como definir la visibilidad de los elementos, márgenes, subrayados, tachados...

CSS proporciona tres caminos diferentes para aplicar las reglas de estilo a una página Web:

1. Una hoja de estilo externa, que es una hoja de estilo que está almacenada en un archivo diferente al archivo donde se almacena el código HTML de la página Web. Esta es la manera de programar más potente, porque separa completamente las reglas de formateo para la página HTML de la estructura básica de la página.

Ejemplo:

<head>
...
<link href="special.css" rel="stylesheet" type="text/css">
</head>

2. Una hoja de estilo interna, que es una hoja de estilo que está incrustada dentro de un documento HTML. (Va a la derecha dentro del elemento <head>). De esta manera se obtiene el beneficio de separar la información del estilo, del código HTML propiamente dicho. Se puede optar por copiar la hoja de estilo incrustada de una página a otra, (esta posibilidad es difícil de ejecutar si se desea para guardar las copias sincronizadas). En general, la única vez que se usa una hoja de estilo interna, es cuando se quiere proporcionar alguna característica a una página Web en un simple fichero, por ejemplo, si se está enviando algo a la página web.

Ejemplo:

<head>
...
<style type="text/css">
h1 {border-width: 1; border: solid; text-align: center}
</style>
</head>

3. Un estilo en línea, que es un método para insertar el lenguaje de estilo de página, directamente, dentro de una etiqueta HTML. Esta manera de proceder no es excesivamente adecuada. Al incrustar el formateo dentro del documento de la página Web la descripción de la página, a nivel de código se convierte en una tarea larga, tediosa y poco elegante de resolver el problema de la programación de la página. Este modo de trabajo se podría usar de manera ocasional si se pretende aplicar un formateo con prisa, al vuelo. No es todo lo claro, o estructurado, que debería ser, pero funciona.

Ejemplo:

<p style="font-size: 12pt; color: fuchsia">
Aren’t style sheets wonderful?
</p>
Asignación de propiedades a elementos:

CSS define un conjunto de propiedades y sus posibles valores. Cada regla se estilo está compuesta por dos campos: un selector y un bloque de declaraciones. El selector establece  elementos a los que se les aplica la información de estilo. Las declaraciones especifican propiedades (y sus valores) para los elementos seleccionados. Por ejemplo, la siguiente regla de estilo CSS asigna un color de texto, un tamaño de fuente y texto en negrita a todos los elementos p del documento:

p    { color: rgb(0,0,128);
font-size: 14pt;
font-weight: bold }

Como se ve  primero se especifica el selector, y a continuación las declaración entre llaves, separadas entre sí por “;”. El nombre y el valor de cada propiedad se separan por “:”.

Reglas de cascada

Si definimos dos veces en distintas partes de una hoja de estilo, o en dos hojas de estilo diferentes que se aplican al mismo documento HTML/XHTML, la misma regla con valores contradictorios. Aquí es donde entra en juego el mecanismo de cascada que establece las siguientes reglas para la resolución de conflictos:

Encontrar todas las declaraciones que incluyan al elemento y propiedad en cuestión.

Ordenar las declaraciones según el origen. Si esas declaraciones proceden de información de estilo especificada por el diseñador web tendrán mayor importancia que si proceden de información de estilo establecida por el usuario o tomada por el navegador por defecto. Esta primera clasificación no suele ayudar mucho, porque en general toda la información de estilo es proporcionada por el diseñador, bien mediante hojas de estilo externas (enlazadas al documento utilizando el elemento link ) bien incluyendo la información de estilo en el propio documento (mediante elementos/atributos style).

Si aún persisten los conflictos, se ordenan las declaraciones más prioritarias (las procedentes del diseñador web) por la especificidad del selector. Las declaraciones más especificas se consideran más prioritarias.

De seguir existiendo contradicciones, el ultimo aspecto a considerar debe ser el orden.
Las declaraciones que aparecen más tarde serán consideradas prioritarias.

Versiones CSS

Hay varias versiones: CSS1 y CSS2, con CSS3 en desarrollo por el World Wide Web Consortium (W3C). Los navegadores modernos implementan CSS1 bastante bien, aunque existen pequeñas diferencias de implementación según marcas y versiones de los navegadores.CSS2, sin embargo, está solo parcialmente implementado en los más recientes.

Comprueba aquí el soporte de css que tiene el navegador:

http://ayudawordpress.com/manual-css-decide-el-nivel-de-soporte-de-navegador/

Para validar las Hojas de Estilo:

http://jigsaw.w3.org/css-validator/

o

mediante la Web Developer Tool Bar del Firefox, pinchando en Tools y Validate Local Css.

Modelo de cajas

Descripción

Un documento XML o XHTML está formado por una serie de elementos introducidos dentro de otros. Debido a ello, es posible representarlo como una estructura de árbol. De esa forma, se percibe perfectamente la herencia. A su vez, se puede representar como cajas contenidas dentro de otras. Veamos el siguiente ejemplo:

<ul>

<li>

<p>Este texto tiene unas <em>pocas palabras resaltadas</em> en el medio.</p>

</li>

</ul>

En su representación por medio de cajas, el diagrama muestra cuatro, cada una dentro de otra.

Un elemento de bloque (div o p) se representa mediante una única caja. Los elementos de línea pueden dar lugar a una o varias cajas, dependiendo del número de líneas que ocupe. El tamaño y la posición de cada caja dependen de la caja contenedora.

Propiedad display

Determina si un elemento se muestra como un bloque o como un elemento de línea, entre otras opciones:

• display:  inline | block | list-item | none | run-in | compact | ...
• inline: un elemento con la propiedad display con este valor, aparecerá a continuación del contenido previo. Su representación será mediante una caja por cada línea que ocupe.
• block: en este caso, aparecerá una línea en blanco antes y después del elemento.
• list-item: se muestra como una caja con una etiqueta al lado, al estilo de las viñetas de una lista.
• none: oculta el elemento, lo que provoca que su representación no genere caja, tampoco la de sus elementos hijos.
• run-in: los títulos con esta propiedad aparecerán en la primera línea del párrafo siguiente, en lugar de en una caja aparte.

Propiedades de una caja

margin: es la distancia entre la caja contenedora y la que contiente esta propiedad.
margin: [ <longitud> | <porcentaje> |auto ]{1,4}
Puede tener entre uno y cuatro valores, siguiendo las siguientes reglas:

• Si sólo tiene uno, se aplica a los cuatro lados
• Si hay dos, el primero es para los márgenes superior e inferior y el segundo para el derecho e izquierdo
• Si hay tres, el primero es el superior, el segundo el derecho e izquierdo, y el tercero el inferior
• Si hay cuatro: superior/derecho/inferior/izquierdo.

También es posible especificar un sólo margen en una etiqueta única:

• margin-top,
• margin-right,
• margin-bottom,
• margin-left:     <longitud> | <porcentaje> | auto

Hay que tener en cuenta que los márgenes son transparentes, y que cuando se aplican mediante un porcentaje, éste se refiere al ancho del bloque contenedor.

padding: es la distancia entre el límite de esta caja y su contenido.
Las propiedades son como las del margen, aunque el fondo del padding no es transparente, sino que toma el del contenido.

border: tipo de borde, si lo posee, que muestra la caja.
Existen 20 propiedades para establecer el color, formato y anchura del borde. Como para el margen y el padding, es posible definir mediante una etiqueta específica, un borde determinado: border-top, border-right, border-bottom, border-left.
Un borde es aplicable a todo tipo de elementos, incluso a los de línea. A diferencia del margen y el padding, los cuatro lados de una caja tienen que tener las mismas propiedades respecto al borde.

border-color: si no se especifica, el borde toma el color del fondo del contenido.

border-style: estilo del borde.

border-width: anchura del borde. Para estas tres etiquetas, también existen variantes para un único lado de la caja. A su vez, éstas pueden aparecer como atributos de la etiqueta border.

outline: tipo de borde que no ocupa espacio, pues se coloca en la zona ocupada por el contenido. Sus propiedades son similares a las del borde convencional. Tiene el inconveniente de que puede aparecer solapando el contenido.

width: anchura de la caja. Como ya se indicó, si se especifica un porcentaje, éste se aplica al ancho del bloque contenedor.

Regla para conocer la anchura total de una caja:

ancho total = border-left + padding-left + width + padding-right + border-right

height: altura de la caja. Sólo se aplica a elemento de bloque e imágenes.

float: desplaza el elemento a un lado u otro del elemento padre, hasta que se encuentra con un margen, relleno, borde u otro elemento de bloque. Puede tomar los valores left, right o none.

clear: especifica en qué lado de la caja no se desea que aparezcan elementos flotantes. Sus valores son left, right o both.

Folleto

Trabajo para la Agencia Queens 2007

Durante estos meses espero que hayais aprendido algunas cosas, recordad que estamos asomándonos al tema, queda mucho por saber y más por hacer, pero hemos avanzado un poco ( espero que os planteéis las ideas antes de llevarlas a cabo, que recurráis a los bocetos, que no os asuste la técnica, y lo más importante que observéis, sobre todo a los grandes maestros y profesionales, es fácil buscar información de ellos ahora con la red)

Maquetar una revista, ese es el reto, una revista sobre letras, tipografía, textos, el valor de la palabra, el valor del libro... la mayoría de los artículos os lo doy, pero al menos dos de ellos debeis escribirlos o buscarlos vosotros, las ilustraciones corren de vuestra cuenta, pero recordad la ética en este campo minado que es la red, además no hay nada como la imagen que crea uno.

Os dejo algunos ejemplos que considero interesantes sobre:

Portadas:

Y sobre todo un maestro de maestros, un español llamado Daniel Gil

]]> http://cursodicampus2008.wordpress.com/?p=53 Thu, 24 Apr 2008 11:36:51 +0000 xurdeendicampus http://cursodicampus2008.wordpress.com/?p=53 Esta semana estamos con XHTML y CSS. Creo que no merece la pena hablar de las etiquetas y las propiedades en si ya que sobre ello hay multitud de paginas de referencia, así que solo dejaré un par de links al final. Por contra, hablaré sobre algunas generalidades y cosas interesantes que hemos aprendido y que quizá sea mas difícil encontrar por la web.
XHTML es una mezcla de HTML y XML. Tiene que cumplir las especificaciones XML y, por tanto, todas las etiquetas han de cerrarse. También debemos recordar que XHTML prescinde de los elementos de estilo  para dejar sólo elementos lógicos.
Se ha insistido mucho en que debemos tener claro la diferencia entre contenido y estilo. El documento XHTML sólo debe tener contenido y éste debe ser perfectamente entendible en caso de que deshabilitemos los estilos.
También descubrimos la importancia de la accesibilidad. Muchas veces al maquetar nos olvidamos de otro tipo de navegadores como navegadores de braille o de voz que hay que tener en cuenta cuando queremos llegar al máximo público posible.
Quizá nuestro mayor problema fue el darnos cuenta de que IE6, IE7, Mozilla etc.. hacen la guerra por su cuenta y cada uno muestra los estilos a su manera. Esto nos dio problemas a todos y nos hizo ser más creativos a la hora de maquetar y dar estilo a una web.
En estos 4 dias quiza no aprendimos elementos nuevos o cosas espectaculares pero sí como se debe usar correctamente lo que ya conocemos.
Para concluir nos quedamos con una frase: "Flotar lo menos posible". Sabio consejo en todos los ambitos de la vida.

Algunos links interesantes:

• XHTML
• CSS
• Más CSS
• Y un poco de humor

P.D.: como siempre completadlo y hacerlo mas bonito.. yo solo dejo unas pinceladas.

P.D.2: Y si algun alma caritativa quiere poner las tildes jajaja...

"Hay ciertas normas básicas para la legibilidad de los textos que creía universales, pero que cada vez se usan menos. Ignoro si el motivo es el absoluto desconocimiento de los diseñadores y maquetadores que las hacen, o simplemente que son valores ya superados."

Continuar leyendo: http://www.zen.es/zenblog/la-maquetacion-ha-muerto/

2. La Regla de los Tercios en PhotoShop
Podemos visualizar facilmente una cuadrícula al 33.33 % que nos señalará los 4 puntos de interés de dicha regla. Para ello debemos acceder al cuadro diálogo Preferencias (Edición/Preferencias) y configurarlo como se muestra en la siguiente imagen.

Visto en: http://www.jggweb.com/2008/03/11/la-regla-de-los-tercios-en-photoshop/

3. Wireframes
Olga Carreras nos explica muy didácticamente qué es un wireframe:

Una representación esquemática de una página web sin elementos gráficos que muestran contenido y comportamiento de las páginas. Sirven como herramienta de comunicación y discusión entre arquitectos de información, programadores, diseñadores y clientes. También se pueden utilizar para pruebas de usuarios. "Wireframes: recopilación de enlaces" en No lo entiendo.

Continuar leyendo: http://olgacarreras.blogspot.com/2007/02/wireframes.html

4. Consejos para presentaciones
En Marketing, tecnología y vida nos dan una serie de consejos a la hora de realizar una presentación de empresa:

1. Proporcionar material en papel, antes y durante la presentación para que las personas lo puedan leer
2. Modelo PGP
3. Las presentaciones y los trucos de magia
4. Da información exhaustiva

Continuar leyendo: http://elviejoclub.blogspot.com/2008/03/consejos-para-presentaciones.html

5. Dosis semanal para la inspiración

Grandes colecciones de folletos: http://allgraphicdesign.com/graphicsblog/2007/12/06/best-of-brochure-design-cool-samples-and-examples-of-brochures/

de flyers: http://allgraphicdesign.com/graphicsblog/2007/11/21/cool-flyers-posters-leaflets-great-flyer-design-inspiration/

de tarjetas de visita: http://allgraphicdesign.com/graphicsblog/2007/11/11/the-coolest-business-cards-use-of-cool-shapes-textures-creativity-talent/

más tarjetas: http://allgraphicdesign.com/graphicsblog/2007/11/12/coolest-business-cards-part-2/

y más tarjetas: http://allgraphicdesign.com/graphicsblog/2008/02/17/more-cool-business-cards-business-card-layout-design-part-3/

Con trabajos así, uno se plantea seriamente si ha elegido el camino correcto...

Sin embargo, existe un texto que se utiliza desde la invención de la imprenta con este fin. Este texto se conoce como lorem ipsum, o abreviado lipsum. Se trata de un texto escrito en latín compuesto de fragmentos de un manuscrito escrito por Cicero en el año 45 a.C. Evidentemente, carece de significado por lo que se centra la atención en el diseño en lugar del contenido.

Un caso un poco diferente es la prueba de un nuevo tipo de letra. Es posible utilizar un lipsum para visualizar el aspecto de una composición general. En este caso sería deseable que se mostraran todas las posibles letras pero un lipsum no dispone de muchas de ellas (en latín no existen acentos por ejemplo). Para este caso se utilizan los pangramas. Un pangrama no es más que un texto que utiliza todas y cada una de las letras del alfabeto pero con una extensión mínima (cualquier texto de gran tamaño será un pangrama), lo que implica que se repita el menor número de letras. También es posible crear pangramas que incluyan símbolos de puntuación, acentos, números...

Cada lenguaje tiene sus propios pangramas. Uno de los existentes en español es bastante conocido ya que se utiliza en el visor de fuentes de Windows («El veloz murciélago hindú comía feliz cardillo y kiwi. La cigüeña tocaba el saxofón detrás del palenque de paja») que tiene la peculiaridad de incluir todas las letras acentuadas y una diéresis aunque es bastante largo y comprende dos frases.

En internet existen diversos recursos que facilitan la labor de diseño. Si se necesita un texto de pruebas para probar el formato de algún diseño se puede utilizar el generador automático de lorem ipsum o el generador de texto simulado que pueden configurarse para que generen textos de distinta longitud para ruebas (número de palabras, párrafos...). Para el diseño de tipos de letras existen varias páginas que tratan los pangramas y múltiples ejemplos, aunque el más completo es el "veloz murciélago hindú".

He corregido unas cuantas erratas, he redistribuido textos, aumentado márgenes, aplicado líneas base, sangrías y separación silábica, eliminado huérfanas y viudas, sustituido alguna imagen,... creo que el resultado es bastante más legible, aunque todavía dista mucho de ser "bueno". Vosotros juzgaréis.

El tamaño del archivo ha aumentado hasta los 8.37 MB, y el número de páginas pasa de 118 a 122. Como siempre, su descarga puede hacerse desde el widget de la columna derecha de esta página, o directamente desde el disco duro virtual http://www.box.net/shared/aucj6k16en

Edición de las 18'30'': He corregido una errata importante en la página 65 acerca del final de los Conflictos (ganadores y perdedores) y el significado de los Estados Hundido. He subido de nuevo el PDF, ya por fin definitivo. Cualquier otra errata que encontremos aparecerá reseñada en este blog, pero no aparecerán nuevas versiones corregidas del manual. Disculpar las molestias.

Cuatro Tipos celebra sus 200.000 visitas con una imprescindible lista de "Cool Hunters" de la blogosfera (ellos incluidos, por favor). Aquí se cuecen las tendencias estéticas del periodismo más cercano.

Enhorabuena. Si siguen haciéndolo tan bien, con esa atractiva mezcla entre periodismo, diseño y aficiones varias, pronto llegarán al millón. 

También ha publicado un estudio comparativo con la versión actual, HTML 4. lo que facilitará en gran medida el aprendizaje.

Una vez más, toca reciclarse...

Fuente: The Inquirer

En primer lugar, tenemos el diseño sólido (de ancho fijo), en el que los elementos de la página mantienen las mismas dimensiones en cualquier resolución que utilicemos. En este caso, sabemos exactamente cuál va a ser el resultado final en todos los casos.

En segundo lugar está el diseño "líquido" en el que los contenidos de la página fluyen y se adaptan al contenedor, es decir, a nuestra resolución de pantalla o tamaño de la ventana del navegador.

Aunque lo ideal para un diseñador web es controlar totalmente lo que ve el usuario final, hay que pensar que precisamente cada usuario final tiene distintas preferencias a la hora de visitar una página web. Y sobre todo, cada usuario utiliza la resolución de pantalla que le conviene.

Es por esto por lo que en los sitios que lo requieren, utilizamos un diseño mixto que consiste en una mezcla del diseño sólido y el líquido. Hay partes de la página como son los menús o el pie, que mantienen sus proporciones independientemente del tamaño de la pantalla. Por el contrario, otros elementos de la página, como son los textos, gráficos, imágenes, incluso animaciones, crecen dependiendo de la resolución de pantalla que tengamos.

Esta última posibilidad es la más difícil de controlar puesto que en cada navegador puede tener unos resultados distintos. Sin embargo, la experiencia del usuario al navegar por nuestra página siempre será óptima independientemente de la resolución que tenga configurada.