Pero ganar dos premios en la misma semana reconozco que es raro hasta para mí. (Supongo que va a ser cierto el refran ese de “afortunada en el juego, desafortunada en…”)

Sea como fuere aquí van las dos cositas que he ganado últimamente. Las he separado en dos post para darle a cada una la importancia que se merecen.

A través de Criterion, con el gran de señor Skeku al frente, me tocó mediante un sorteo de entre los que comentaron su post, un super Librazo Inspiracional:
Tempus Fugit, de Index Book

El tema sobre el que trata el libro son los calendarios. Y como buen libro inspiracional tiene un gran surtido de toda clase, desde los más clásicos hasta los más transgresores (Anda que no me hubiera venido bien este libro para un trabajito de hace unos meses…)

La verdad es que no sólo inspira para si toca volver a hacer calendarios, tiene ideas muy chulas que pueden extrapolarse a cualquier formato, web, gráfico o multimedia. Y frases interesantes que, en este caso, más que inspirar, animan.

Más sobre el libro:

http://www.indexbook.com/libro.php?idLibro=920

Anuncio:
http://www.criteriondg.info/wordpress/ganadores-sorteo-indexbook-y-workshops-masterd/

Lo de la rosa no ha ocurrido, pero lo de el libro se puede decir que sí.

Me encontrado en mi recién redescubierto Twitter un montón de enlaces a páginas donde ofrecen gratis libros.

Libros frikis, de los mios: Social media, Internet, nuevas tendencias, Ahi van los enlaces:

117 libros gratuitos sobre Comunicación y Social Media (inglés-español)

150 libros de temas variados relacionados con Internet (Blogging, Redes Sociales, Cultura de Internet, Comunicación, SEO…)

54+1 Libros gratis sobre Comunicación Marketing y Social Media

40 libros gratis sobre social media comunicacion y web 2.0

25 libros y manuales gratuitos en español sobre twitter

10 libros libres sobre tecnologia en castellano que debes descargar

No he hecho la suma total de libros, pero creo que hay lectura suficiente hasta el próximo San Jordi.

A disfrutar.

Y hete aquí que resulta que he ganado! weeeeeeeeeeee!!!

Me han mandado los vectores ya y son PRECIOSOS. Seguro que no tardo mucho en empezar a usarlos porque es verlos e inspirarte. ¡más chulos!

Se acabó tener que embeber fuentes en flash, o usar imágenes de background y ocultar los textos por ahi.

Gracias a Google ahora tenemos una serie de fuentes de todo tipo que podemos usar tan facilmente como quien usa la Times new Roman. Y, hasta donde yo sé, compatible con todos los navegadores :D

El modo de uso no puede ser mas facil:

Eliges tu fuente favorita, e introduces en tu head un link a su hoja de estilos:

ejemplo:

<link rel=”stylesheet” type=”text/css” href=”http://fonts.googleapis.com/css?family=Indie+Flower”>

Donde Indie+Flower es el Font API parameter name de la tipo que he elegido.

Luego añades ese estilo al texto elegido:

body{ font-style: ‘Indie Flower’; }

y ya tienes tu estilo!

Yo he usado aquí Indie Flower y Schoolbell.

Demos en funcionamiento:

Black | White

He cuidado que sea un diseño sencillo aunque dinámico, para hacer fácil la navegación y no quitar el foco de lo que realmente importa en la página: las fotos.

Dos versiones, blanco y Negro, aunque se podría estudiar una version personalizada a petición, creo que las dos versiones que hay son las más adecuadas para no quitar el foco a las fotos.

Tiene un carrusel de fotos en la pagina principal, y posibilidad de varias galerias en la sección adecuada.

También en el apartado de Bio cuenta con varias secciones opcionales. y por supuesto con un formulario de contacto con validación dinámica, que podéis utilizar para pedir información si os interesa alguno de los modelos.

El hecho de que estas páginas esten hechas ya, a la espera de adaptarlas al contenido del que este interesado, hace que los costes se reduzcan considerablemente, así como el tiempo de creación.

Si se desea personalizar algo más el diseño hay posibilidades de modificar los estilos, o por supuesto, el logo de arriba a la derecha.

Espero que os gusten.

Es por eso que he decidido crear un servicio para cubrir esta demanda, tratando de reducir costes y tiempo sin renunciar a un diseño innovador.

He creado un CV online ejemplo como base del que puede ser tu CV. En una sola página para evitar una navegación complicada. Adaptada a todos los navegadores y pantallas. Sencillo y funcional, con secciones para publicar tu experiencia, tu carta de presentación, tu portafolio en imagenes, videos o cualquier formato web, y por supuesto un formulario de contacto dinámico y seguro a prueba de Spam y trolls.

Demo en funcionamiento

En el paquete se incluye:

• El diseño de la imagen de portada, al estilo de la imagen de ejemplo
• Adaptación del contenido de tu CV al formato de la web
• Búsqueda y contratación de dominio y hosting necesarios para la publicacion de tu CV en tu propia web (Tu CV en www.tunombre-tuapellido.com/es o la direccion que tu quieras.)
• Adaptación del formulario de contacto para que reciba tus mensajes en tu propio email
• Preparación del CV para un mejor posicionamiento en Google y otros buscadores
• Otras tareas para personalizar tu CV y que hable de ti como se merece.
• Mantenimiento y adaptación a los constantes cambios en los estandares webs para procurar que siempre cumpla y se vea bien.

Todo esto por sólo 300€, y un tiempo garantizado de menos de 2 semanas de producción para tener tu página funcionando. Esta es una oferta especial de lanzamiento hasta el 15 de marzo!

Y acumulable a esto a todos mis amigos de Facebook a fecha de Hoy hay un descuento de 50€, y otro de 30€ a los amigos de mis amigos!

De manera opcional también se pueden hacer adaptaciones del modelo al contenido de tu CV, tales como:

• Más secciones/pestañas de contenidos
• Diseño diferente de la imagen de portada (Puedes elegir entre todos los estilos de la tienda) y cambio, con ello, de los estilos y colores de la web para adaptarse al nuevo diseño
• Creación de un blog en tu nueva Web, con estilos similares a los de tu CV.
• Creación de un email  con tu dirección, al cual lleguen los mensajes de tu formulario de contacto.
• Autorespondedor para tus emails recibidos.
• etc… sugiere tus ideas!

El CV de ejemplo, tal y como esta es perfecto para artistas gráficos, infografistas, diseñadores 3d, fotógrafos, ilustradores, pintores,  diseñadores de moda, escultores, artesanos, actores, modelos y otros artistas escénicos, arquitectos… aunque con muy pocas modificaciones puede adpatarse al CV de todas las profesiones!

En estos días, iré creando nuevos estilos y formatos para que tengáis más posibilidades de adaptar vuestros CVs.

De momento los interesados podeis poneros en contacto conmigo a traves de mi formulario de contacto o desde el formulario de contacto del propio CV de ejemplo (y así comprobais como funciona de bien ;) )

Actualización:

Voy poniendo por aquí otros ejemplos:

• Artist
• Professional

Luego sale lo q se puede…

Pero para hacer cosas bonitas lo primero es empaparse de arte, Arte Web, en este caso. Y para ello hay recopilaciones de Webs por todo internet que nos pueden ayudar a inspirarnos. Siempre esta bien echarles un ojo para coger ideas, ver últimas tendencias… en definitiva inspirarse.

Hay van unos cuantos recopilatorios:

_ Specky Boy

Tiene un monton de recopilatorios por temáticas:
50 diseños creativos de Ilustracion en Diseño Web – Porque incluir Ilustración en el diseño web hace que tu web sea original, y personal. Enseña “que puedes hacer” sin tener que ir al portafolio, y muestra tu creatividad en todo su esplendor.

50 webs minimalistas inspiradoras y frescas – Diseños, en principio sencillos, que resaltan el conteniddo, sin abandonar la usabilidad ni la creatividad. Menos es más, pero aunque a primera vista un diseño minimal parezca mas econimico y rápido de hacer, requiere de un buen trabajo de estructuración y navegación.

50 creativos e inspiradores portafolios personales Probablemente el trabajo más duro de los diseñadores, su propia web, el lugar que debe hablar por si mismo del propio autor, más alla del contenido. Un buen diseño de portafolio invitara a querer ver el contenido o no. (ojo, si acabas de terminar tu portafolio, como es mi caso, no veas este enlace o querrás destruirlo y hacer uno nuevo… avisado quedas.)

50 increibles diseños de blogs personales Un buen diseño de blog personal es aquel que de un vistazo muestra la personalidad del blogero. (ojo, misma advertencia que en el enlace anterior.)

50 webs de agencias de diseño web profesionales Del mismo modo que un portafolio ha de mostrar tu trabajo, y un blog personal tu personalidad, las agencias de Diiseño web tienen que demostrar a sus posibles clientes lo q son capaces de hacer en su propia web. Su propia web ha de ser su mejor portafolio.

50 preciosos webs de comercios corporativos En este recopilatorio no hay webs pequeñas si no grandes proyectos para grandes clientes. Cuidado al detalle para grandes presupuestos bien invertidos.

_ Hongkiat

50 tentadoras webs de diseñadores En honkiat han hecho un recopiatorio de lo mas original. Los diseñadores han de serlo, y han de demostrarlo, de entrada, en su propia web, buscando nuevas formas de presentar sus ideas, creando estilos…

Preciosos y creativos Portafolios de una sola página La mezcla perfecta de un curriculum gráfico aprovechando la interactividad de la web. Sin perder al visitanteentre secciones, estos portafolios muestran la creatividad de sus creadores de la forma más sencilla y llana posible. (Al lado de estos queda un poco triste ahora, pero yo en su día tambien hice mi portafolio en una sola pagina)

Más de 100 Diseños Web limpios, simples y minimalistas los diseños minimalistas tienen la ventaja de ser más rápidos de cargar y ocupar menos espacio en el servidor y suelen tener un aspecto mas profesional. Pero limitar el numero de elementos gráficos y poner el foco en el espacio en blanco y la tipografía requiere un gran ojo espacial.

50 preciosos diseños web dibujados a mano Muchos Diseñadores web empiezan sus diseños con lapiz y papel; pero hay quienes lo terminan así. De hecho este estilo se esta convirtiendo en habitual por la singularidad y la originalidad que aporta a la web.

_ Smashing Magazine

Muestra de Diseños Web creativos Con la cantidad de páginas web que existen, hay que buscar el modo de destacar. En este recopilatorio no solo se muestran las webs mas creativas, si no que hablan en cada una de sus puntos más notorios.

50 preciosos y creativos portafolios Otra coleccion de portafolios de los que destacan entre los miles de portafolios en internet, con comentarios en cada uno para coger buenas ideas.

40 webs originalemente maquetadas. Estas webs rompen con las tipicas estructuras para maquetar, y experimentan sabiamente con locas ideas que tambien funcionan muy bien y derrochan originalidad.

recopilatorio de Webs corporativas Por lo general las webs corporativas solo gustan a las propias empresas, pero en este recopilatorio encontramos webs que no solo destacan por su estetica si no por su entra experiencia de uso. Merece la pena pasarse por cada pagina.

Recopilatorio de paginas bonitas pero poco usables Un recopilatorio de advertencia, con un analisis de posibles problemas de usabilidad que lleva la creatividad sin medida. ojo!

___

Hay más recopilatorios temáticos en cada una de estas webs, y más webs con más recopilatorios, pero creo que para un solo post estos están bien. Aun así recomiendo que curioseeis en los enlaces de las propias webs para ver las demás recopilaciones.

Si alguien conoce otro buen recopilatorio u otra web de diseño interesante que la postee por aquí en un comentario.

Espero que os ayude a inspiraros!

Hace un tiempo vi por ahí a alguien que hizo este efecto en su FB. Me gusto, y lo he adoptado. creo q es bastante fácil pero para quien no sepa hacerlo le explico los pasos que he seguido.

1º- Se hace una captura de pantalla y se pega en un archivo Nuevo en Photoshop.

2º- Se crea una capa nueva y dibujamos en ella 5 cuadrados negros que coincidan con las imagenes de arriba. Yo he usado trazados, que luego he rellenado de negro.

3º – Abrimos la imagen que queremos usar y la incluimos en nuestro archivo, en una capa por encima de los cuadrados.

4º – Click derecho en la capa de la imagen y seleccionamos la opción: crear mascara de recorte. Así vemos como quedaría.

5º- Con la capa de la imagen seleccionada CTRL+T y escalamos, movemos y giramos nuestra imagen hasta que quede bien.

6º- Guardamos cada imagen, para eso usaremos la herramienta recortar y recortaremos la imagen de la izquierda lo mas fielmente posible. Una vez recortada eliminaremos la capa del cuadrado negro de debajo para evitar trasparencias. y guardamos con el nombre 5.

7º- Volvemos hacia atras en el historial 2 pasos y hacemos la misma operacion con la siguiente foto, q se llamara 4, y así con todas.

8º- En el Fb dependera de vuestra privacidad y vuestras preferencias. Podéis meter estas imágenes en una carpeta nueva y editar privacidad para que la vea quien vosotros querais, o podeis ponerla en vuestras imagenes de perfil y abrir la privacidad de este (si no lo teneis abierto ya) para que lo vea todo el mundo. En cualquier caso, Has de colocar las fotos en el orden correcto, y tagearte en el orden correcto. Si las has puesto de perfil, asegurate de volver a cambiar la foto principal de tu perfil después.

El efecto no se pierde cuando sois tageados porque podéis eliminar las fotos en las q sois tageadas de vuestro perfil pasando el ratón por encima y cliqueando en la X. Seguiríais estando tageados, pero no aparecería en vuestro perfil.

Podéis ver el resultado aquí.

Eso es todo. Si tenéis dudas, comentad, q no muerdo.

Se trata de una empresa de asesoramiento empresarial.
Me consta que detrás hay grandes profesionales, con buenos colaboradores en todo tipo de campos, dispuestos a mejorar completamente la imagen y la presencia de todo tipo de empresas, así como a iniciar con buen pie a las empresas que estén empezando.

A parte una de los fundadores es mi hermana :)

Para la pagina, que he montado en colaboración con ella he usado jquery y php, a destacar los scripts de Accordion, jCarousel, FancyZoom y SendEmail.
Es el primer trabajo web que hacemos juntas, y creo, por lo bien que nos ha ido, que no será el último.

A partir de ahora si alguien tiene una empresa que montar, o quiere renovar su negocio, que no se corte en preguntar en Reimaginalo si quiere un buen precio y resultado.

Ps. El blog de la web esta en camino.

Elige el proyecto y responde a las preguntas para dar con tu tipo. Está en ingles, pero del fácil.

Original en grande aquí:

http://www.behance.net/Gallery/So-you-need-a-typeface/486723