El primer paso es redactar y comprobar la viabilidad de la idea, para ello hay que redactar un proyecto editorial que incluya:

1. Público objetivo de la revista y análisis sociodemográfico. Audiencia que se aspira alcanzar: su número, segmentos de preferencia (popular o revista de referencia profesional o social).
2. Resumen ejecutivo sobre el proyecto editorial. Establecer la línea editorial de la nueva revista, contenidos, estilo y presentación que se adapta mejor al público. Es decir establecer las intenciones de fondo que inspirarán a la publicación y que guiarán su desarrollo a lo largo del tiempo. Además habrá que incluir las prioridades informativas de la revista y el estilo general (noticioso, analítico, etc.)
3. Ideas para el plan de negocio. Resumen de las oportunidades de negocio y análisis de la competencia en el ámbito concreto. En definitiva, explicar porqué alguien debería invertir en el proyecto.

Desarrollo del proyecto para una nueva revista

Una vez que el proyecto editorial se considera válido por las partes que integran el conejo editorial hay que desarrollar una memoria del proyecto:

1. Sumario ejecutivo. Resumen en el que se explican los puntos más relevantes del proyecto.
2. Memoria de redacción. Documento que contiene al menos los siguientes cuatro apartados:
   1. Posición de la revista en el mercado. Incluye los elementos motivadores para la creación de la nueva publicación, público objetivos, análisis comparativo y elementos innovadores.
   2. Principios editoriales.
   3. Índice de contenidos. Descripción de las secciones y suplementos, su estructura, ritmo y orden. Incluir un planillo.
   4. Organización de la redacción. Organigrama, cargos y funciones.
3. Memoria de diseño. Establece un planteamiento de la política de texto, presentación, fotografía e ilustración. Además hay que describir y ejemplificar como la revista presentará la arquitectura interna de las páginas, el uso de la tipografía, retícula, formato, cabeceras y uso del color.

Número cero

Elaboración de un número de la revista a tamaño y con textos reales que incluya dos portadas y dos contraportadas. Será la prueba irrefutable de que todo el trabajo anterior es posible, se sustenta por sí solo, etc. Además de suponer un elemento muy importante para conseguir posibles inversores en el proyecto.

Puedes continuar leyendo Mini guía para el diseño de una revista.

Actualización Enero 2011

Y una vez terminado todo el proceso solo queda la otra mitad, aquí os dejamos el vídeo “Cómo hacer una revista”:

Fuente: simdalom

Un tutorial muy interesante, ameno y muy bien explicado sobre la aplicación del blanco y negro con color selectivo.

Hace unos días os dejábamos unas imágenes de esta curiosa técnica que le da a las fotos un aspecto muy original y bonito.

Para el que desconozca la manera de realizar este tipo de fotos y quiera poner en practica esta técnica aquí os dejamos este interesante tutorial visto en fotografodigital.

Que lo disfrutéis.

Harry Potter Style Text Effect

Create Detailed Letters of Gold and Diamond

Text on Fire Effect

Cracked Stone Text in Photoshop and Cinema 4D

Splashing Text Effect in Photoshop

Plasma Cut Text With Shooting Sparks

Awesome Broken Plate Text Effect

Create a Folded Paper Effect in Photoshop

Glossy Candy Text Effect

The Revolution Artwork

Casino Style Text Effect

Inflated Text Effect in Photoshop

Super Glossy 3D Typography in Illustrator and Photoshop

Gold Ornamental Typography

Create a Glossy 3D Text Effect

Awesome 3D Text Composition in Photoshop

Create a Stunning Liquid Text Effect in Photoshop

Create a Beautiful 3D Text Composition

Lighting Shutter Text Effect

Typographic Wallpaper

Floral 3D Text Effect

Spring Wallpaper

Colorful Abstract 3D Text Effect

Create an Editable Screen Text Effect

Visto en: photoshoproadmap

Seguir leyendo: photoshopextremo

Retro comic book Watercolor painting Water reflection Fantastic Splashing water girl effect Elegant two color Technicolor effect HDR toning effect Ghost Dramatic gritty effect Photo to illustration Polaroid collage Rainbow effect Oil painting Photo to sketch Andy Warhol pop art Daguerreotype Cubism effect Cross processing Dynamic lighting Illustration effect Dusk lighting effect Lomo photography Fake HDR Mysterious lighting Frozen scene Da Vinci style Photo mosaic Photo mosaic City globe Pencil sketch Fake model photography Photo to stencil Photo mosaic Filtering out colors Panographies Lichtenstein pop art Vector art Vintage photo effect Selective sepia Adding rain to a photo Soft glow effect High key B&W effect Charcoal drawing Adding snow to a photo Sin City movie effect Horror film effect Movie like effect Professional HDR Painting effect Spotlight effect Better negative effect Dave Hill style effect Frosted pixels Coloring effects Darklight manipulation Blueprint Fade pixel stretch Old movie effect Fog and mist Night vision Blurry scanlines Dreamy soft focus Realistic painting Portrait painting effect Hot and fiery effect Trippy colors effect iPod people Torn photo Painting with light Sunset silhouettes Photo to fire effect TV screen closeup Dramatic colors Displacement water Greek painting Pop out frame Indie movie look Depth of field Infrared vision Old texture effect TV Scanlines Photo on cracked wall Roman fresco Modern Rembrandt Modern Van Gogh Byzantine Icon Photo Mosaic Halftone dots Puzzle effect Cool and warm sepia Apply texture to photo Cast light from a window Dreamy misty effect Motion blur Speed effect Paint on canvas Photo dither Watercolor Polka dots Stylized paint Text photo effect Night shooting effect Color pencil effect Color ink illustration


Visto en: photoshoproadmap

Se trata de los enlaces para descarga directa en formato PDF de 45 libros para desarrolladores y diseñadores.

Enlace: 45 Free eBook for Develpers and Designers

Es un problema común cuando estamos creando el Layout de nuestro sitio web, elegimos un estándar como el 960.gs o 1140px entre algunos frameworks, éstos solo se encargan del factor horizontal, de la maquetación en columnas, pero…

¿qué pasa cuando tratamos de establecer las distancias verticales?

Muchos de nosotros iniciamos tratando de ‘al cálculo’ determinarlas, que 40px ‘tantito más, tantito menos’ y para el otro elemento es algo totalmente incierto, nos rompemos la cabeza muchas veces tratando de hallar una manera lógica de fijarlo y en la mayoría de los casos terminamos insatisfechos teniendo demasiado o muy poco espacio en blanco en nuestro resultado final.

A continuación les diré —en lo personal— como resuelvo éso…

Hay algo llamado Rítmo vertical, el cual se trata de establecer una frecuencia de allturas basados en nuestra tipografía, de esta manera tendrémos una maquetación más cómoda en lectura y más balanceada en elementos, suena un poco complejo pero aquí va con palabras sencillas.

Si tenemos una tipografía de 12px tenemos una altura de linea de 18px (150%) en lo personal dejo uno o dos pixeles más (19~20px) basado en 165%, y hago un patrón vertical, que combinado con el Grid antes mencionado resulta así:

A partir de ésto tenemos una cuadrícula basada en tipografía la cual determinará las medidas verticales de todos los elementos (es ahí en donde viene lo interesante), todas las imágenes y elementos serán múltiplos de nuestro patrón vertical, por ejemplo: un elemento podrá tener de Alto 2 ritmos = 38px (basados en un ritmo de 19px), por ejemplo:

En la imagen podemos apreciar un botón perfectamente localizado entre dos ritmos (38px) y 4 columnas, esta técnica nos ayuda también en determinar algunos tamaños de nuestros elementos. No obstante el ritmo puede ser simétrico o asimétrico.

Ritmo Simétrico

Usará el patrón como línea guía, por ejemplo en la tipografía para el bloque de texto podemos colocarla como si fueran renglones de una libreta rayada, por ejemplo:

Muchos de los elementos, inclusive la imagen están dentro de los ritmos establecidos, a diferencia de los ritmos verticales asimétricos.

Ritmo Asimétrico.

A diferencia del anterior descrito, el asimétrico sitúa los elementos a la mitad del ritmo, ésto es usado frecuentemente en titulares , por ejemplo:

Éste es un claro ejemplo de como ubicar titulares o subtitulares en un ritmo asimétrico, este tipo de rítmo es más usado para proteger la jerarquía.

Ritmo vertical y Jerarquía

Una vez que tenemos colocados los elementos de manera vertical, tenemos que cuidar el aspecto de la jerarquía, por principio de Gestalt en base a proximidad, los elementos más próximos serán considerados como un grupo. Teniendo ésto claro, podemos establecer ‘n’ cantidad de ritmos para marcar la jerarquía y espacio en blanco deseado.

En éste ejemplo tenemos declarada una jerarquía de la siguiente manera:

• 1R (1 Ritmo = 19px) para Elementos del mismo grupo
• 2R (2 Ritmos = 38px) para Elementos de distintos grupos

Por último también podemos situar pequeñas composiciones:

A diferencia de los elementos individuales que traté, también podemos establecer pequeñas composiciones que no están individualmente en el Ritmo, pero que en Composición si lo están, en la imagen podemos apreciar que el Subtitular junto con el ícono y la descripción están dentro de 2 ritmos, no obstante internamente no lo están. Ésto también es válido tomándolo como un pequeño grupo, composición o juego tipográfico.

Todo ésto es el proceso de como resuelvo el problema de la ubicación vertical, jerarquía y espacio en blanco, está basado en algunos buenos recursos (los cuales a continuación mencionaré) pero está modificado y personalizado a mi manera de trabajo, cada quien lo amoldará a como más cómodo se sienta.

Recursos:

• Typograph — Scale & Rythm
• Elements of typographic stule applied to the web — Rhythm & proportion

El resultado de los pequeños fragmentos que púse para que puedan apreciar como luce después de aplicar un ritmo vertical (y 960.gs), está aquí:  Ejemplo y el Wireframe (la construcción) por aquí

Me encontré este site navegando por ahí, creo que en resumen contiene todo lo que un landing page necesita, aunque claro cada proyecto es diferente y se tendrán que hacer ajustes en textos, posición de elementos etc. Lo ideal es hacer (tener dinero para hacer) un test A/B y variar los elementos para ver como responde el usuario. Les dejo la liga al site.

1.- Una cuenta de Gmail

Necesitaremos tener una cuenta de correo y os recomendamos la opción de GMail por su estabilidad y por supuesto su capaz de almacenamiento de manera gratuita, ya que actualemente una cuenta de gmail posee casi 7,5 GB de espacio disponible y cada día sigue aumentando. Si no tenéis una, podéis crearla de manera grautita desde Google.

2.-Instala el plugin WP-DB Manager

Aunque existen múltiples plugins para realizar backups de la base de datos, una de las mejores opciones es WP-DB Manager que podéis descargar gratuitamente. Simplemente lo descargamos, lo subimos a nuestra carpeta de plugins de WordPress y lo activamos como cualquier otro.  Luego tenemos que movernos a la carpeta wp-content/backup-db y subir el archivo .htaccess desde la carpeta del plugin. En caso de no existir la carpeta “backup-db” , simplemente la creamos en “wp-content” y le damos permisos con CHMOD 777 en nuestro cliente FTP (sino tenéis uno, os recomendamos FileZilla).

3.-Configurar las opciones del plugin

Una vez activado el plugin un enlace llamado Database aparecerá en el menú de WordPress, haz click en el y vamos a la pestaña de DB Options y en la sección Automatic Scheduling podemos ajustar los parametros para programar los backups, escogemos la opción 1 vez por semana (weeks), activamos la compresión GZip e introducimos la dirección de email que creamos de GMail para que nos envie el backup cada semana. Guardamos todo con el botón de Update Options y listo. como bonus,en esta misma ventana podemos programar una optimización automática de la base de datos también para cada semana.

Ya tenemos todo listo, ahora semanalmente tendremos un backup automático que nos llegará al email y en caso de un desastre poder recuperar los datos.

Vía: Lecherstan y ProBlogDesign.

La colección definitiva de tutoriales de diseño web

Los tutoriales aunque están en Inglés, su lectura es sencilla y se pueden entender bien si se siguen las imágenes que los acompañan.

Aunque la guía está en Inglés no vais a tener problema en entenderla si estáis familiarizados con las herramientas de Adobe Photoshop. Este manual está basado en la versión CS3 aunque no creo que tengáis problemas en usar otra versión.

Guía para aprender a dibujar a Homer Simpson

Más tutoriales en RepublicOfCode.

Nos resultará muy útil a la hora de cargar información en formato de fichas tanto de manera dinámica como estática.

Algunos demos de su fucnionamiento.

Descargar la última versión.

Instrucciones de la instalación.

Lista completa de opciones.

La web del autor con más info sobre el script.