Maneras de cobrar un trabajo:

Una de las cosas que creo que se debe hacer para proteger nuestro trabajo es, primero de todo, no dar el trabajo y luego esperar a que nos paguen (muchas veces no habrá ningún problema, pero a veces lo tendrás y no habrá vuelta atrás).

Yo recomiendo cobrar de una de estas dos maneras:
a) 30% antes del inicio del trabajo y después de haber acordado un presupuesto cerrado.

30% durante la realización del trabajo, es decir cuando vas por la mitad más o menos.

40% al haber terminado el trabajo y listo para la entrega o ya entregado.

b) 50% antes del inicio del trabajo y después de haber acordado un presupuesto cerrado.

50% al haber terminado el trabajo y listo para la entrega o ya entregado.

De estas dos, yo utilizo la primera básicamente porque me gustaría que fuera la que me aplicaran a mi teniendo en cuenta que soy joven y mi presupuesto nunca es muy grande.

La manera correcta de proteger un diseño gráfico

Más que la manera correcta, es la manera que yo encuentro más adecuada para presentar un diseño gráfico sin ser “robado” antes del pago correspondiente, ya que es dudable que alguien te pague todo antes de ver el producto o alguna parte del producto.

Pues es manera es una sencilla marca de agua en la imagen que toque partes fundamentales del flyer, logo, etc. además de enviarlo en formato pequeño por ejemplo 500px * 400px y a unos 72 ppp de manera que no sea posible imprimirlo correctamente.

¡Ojo! Si te lo quieren robar lo harán de hecho pueden coger esa imagen, dársela a otro “”"”diseñador”"”" para que la copie, pero bueno un poco de fe en el cliente tampoco viene mal.

Cómo deberías proteger un diseño web

Estoy hablando de un diseño web sin estar en código es decir un .psd donde el cliente lo pasa a alguien que se encargue de pasarlo a código para su posterior inserción en una web.

Creo que la mejor forma es poner la marca de agua en todos los elementos posibles y muchas veces, de manera que sea difícil coger trozos, de hecho nunca pasaría un .psd para enseñar el diseño, envía siempre un .png o si puedes un .jpg con menos calidad (aunque quizá se ve más feo), otro detalle a veces útil es reducir esta imagen del 100% al 90% de manera que se ve el diseño igual de bien pero no es exacto y por mucho que copien algún trozo nunca podrán ponerlo a tamaño real sin pixelar.

Si en cambio ya vas a mandar un diseño en .html .css y quizá algo de .js yo creo que la manera justa de mostrarlo antes de ser pagado puede ser, usar el método anterior y además enviar fotos de la mitad del .css la mitad del .html  y la mitad del .js, quizá piensan anda que listo este chico solo ha hecho la mitad y me quiere timar, han de tener un poco de confianza en ti igual que tu la tienes mostrando la mitad de todo el código.

Evitar que te roben una web completa

Para mi una web completa es aquella en que tiene lo mencionado en el apartado anterior y además tiene php etc.. si es sin programación ni nada más creo que es viable usar el apartado anterior.

Bueno una manera que por suerte no he llegado a usar nunca, pero es totalmente viable es esta:
Crear un archivo que este “escondido” de manera que al acceder a el se borren dos archivos: index.php y estilos.css (doy por hecho que todo el mundo ve que son esos archivos) y que este alojado por ejemplo en /multimedia/img/prueba.php?pagado=moroso
No voy a decir como funciona porque eso es php (pero esta relacionado con $_GET y unlink();) de esta manera si entregamos la web y el cliente no paga le podemos ir recordando que pague, si finalmente no lo hace le puedes decir que tendrás que cerrar la web, en ese momento pueden pasar dos cosas:
- Que pague, entras por ftp y borras el archivo prueba.php
- Que no pague y además cambie los datos del ftp, pones la url indicada y no tendrá web.

Conclusiones

Las conclusiones que creo se pueden extraer son:
- Te has de fiar de los clientes pero tampoco mostrar exceso de confianza en ellos (vamos que si les das la mano no te cojan el brazo).
- Has de hacer que los clientes se fíen de ti  ya que tu te fías de ellos y así poder trabajar todos en armonía y felicidad.

_____________

Por último os quiero comentar una cosa, que no tiene que ver con el artículo, hace unos días varias personas que nos dedicamos al diseño gráfico y la programación hemos creado un foro solo para profesionales y estudiantes del diseño gráfico y/o la programación web el enlace es http://foro.disgram.com/ como no quiero hacer spam no os dejo aquí la invitación ya que para registrarse es necesaria un invitación que podéis pedirme por facebook, twitter o con un comentario en este artículo, solo necesito nombre y email.

Artículos relacionados

Puede que tengas interés por ver algunos de estos artículos muy relacionados con esta entrada:

• La navegación de los sitios de antes y de ahora

• ¿Cómo inspirarse para el diseño web?

• Técnicas CSS para mostrar gráficas

¿Pero esto necesita inspiración?

Por desgracia para mucha gente el diseño web es solo una herramienta necesaria (y no digo imprescindible) en el momento de crear la web.
Por contra yo estoy convencido que se puede ir mucho más allá y siempre lo he considerado una especie de arte.
Cara diseño que hacemos debería ser único y cada uno de nosotros deberíamos tener nuestro propio estilo.
Por eso, como ya he mencionado alguna vez, te paguen lo que te paguen has de tener derecho a estampar tu firma y poder decir ¡Eh que eso lo he hecho yo y estoy orgulloso de ello!
Volviendo al tema, el arte si se quiere hacer un buen trabajo no puede venir de repente sin hacer una preparación previa, sin buscar una buena inspiración.

Preparándote para un diseño

Es cierto que muchas veces por falta de tiempo no se pueden hacer cosas como las que propondré, ni yo mismo, pero es cierto que cuando las hago todo sale mejor.

•  Mira libros de ejemplos web, hay en la mayoría de bibliotecas o puedes comprarlos baratos, ya he escrito un artículo entero sobre eso.
•  Busca diseños que se adapten al estilo que quieres hacer en ese momento, por suerte hay muchas webs en google que recopilan diseños que son verdaderas obras de arte, los cuales te pueden inspirar (inspirar no es sinónimo de copiar).
•  Coge una hoja y un papel, haz varios bocetos lo más diferentes los unos de los otros, quizá saques algún elemento bueno de ellos.
• La última cosa os va a parecer una tontería seguramente pero a mi me sienta bien, sal a la calle date una vuelta y carga las pilas con el sol, siempre después de mucho pensar o usar el ordenador necesitas recargarte un poco.

Es una reflexión

Habrás comprobado que más que un artículo esto ha sido una pequeña reflexión, a mi me parece interesante aunque quizá hay gente que no, espero de verdad que te haya sido útil y lo tomes en serio.

Con los estudios y el trabajo cada vez tengo menos tiempo de escribir pero quiero seguir haciéndolo porque me encanta ver esos comentarios que ponéis opinando y/o corrigiendo los artículos, también me estoy dando cuenta que se me empiezan a acabar los temas de diseño en general así que agradezco cualquier sugerencia en mi twitter (@ckgrafico) o en la página de facebook (la de CKgrafico). De todas formas, si no estoy yo siempre estará Pedro Corchero Murga (el creador de este blog) para ofreceros artículos de altísima calidad.

Artículos relacionados

Puede que tengas interés por ver algunos de estos artículos muy relacionados con esta entrada:

• Sitios E-Commerce para inspirarse

• Cómo elegir la mejor tipografía para tu diseño

• Ideas para mostrar trabajos antes del pago a un cliente

Introducción

Al escribir este artículo he visto una introducción más profunda que la que hago normalmente en todos los artículos.
De lo que va a tratar específicamente  es sobre qué pasa si abusamos de ellos y cómo podríamos encontrar una manera de que puedan convivir en una web.

Fondo de la web

Principalmente hay estos 3 tipos de fondos que se pueden aplicar a una web:
- Color plano
- Imagen fija
- Imagen que se repite.
En mi opinión un solo color de fondo es muy aburrido y una imagen fija al menos que lo pida con mucha insistencia el dueño de la web, es algo que ocupa mucho y tarda en cargar, además de ser difícil encontrar la imagen exacta que queda bien. (Aunque si se sabe hacer bien no es una mala opción).

En mi opinión una buena combinación es un color de fondo plano y en la parte superior de la web un degradado que se repita horizontalmente (imagen siguiente).

Clica para ver la imagen sin movimiento y con alta calidad.

Header y Content

Tanto para el header de la web creo que lo mejor es usar un color plano o ponerle muy poco degradado al principio y un borde elegante.

Puedes combinar colores planos y degradados en los diferentes elementos de la web pero respetando estas cosas:
- Si un botón tiene un color plano que el de al lado no sea un degradado.
- No uses solo degradados o solo colores planos, vas a conseguir mejores efectos visuales.
- Como ya he dicho varias veces usa colores vivos y contrastados que den un buen aspecto a la web.

Cómo más vale una imagen que mil palabras he preparado algún ejemplo.

Artículos relacionados

Puede que tengas interés por ver algunos de estos artículos muy relacionados con esta entrada:

• Cambiar los colores de la barra de scroll con CSS

• Crea degradados CSS fácilmente con Ultimate CSS Gradient Generator

• Tabla de colores para CSS

Las webs de antes

Con antes me refiero a antes de ponerse de moda las 16:9, cuando las pantallas eran todas de 4:3 se llegó a un momento que la gran mayoría de webs contaban con 3 columnas y una cabecera.

Estas normalmente eran: un menú vertical (izquierda, por la L visual), el contenido (grande y en el centro), extras (zona de la derecha con todo aquello que quieres destacar, calendarios, botones importantes, etc).
Era algo lógico cuando tu pantalla prácticamente ¡Era un cuadrado!.

En que camino estan evolucionando las pantallas

Como todo en este mundo las pantallas estan evolucionando y mucho en su aspecto cada vez son más horizontales (y lo seguirán siendo) ya que está comprobado que cuanto más horizontal es más se está pareciendo a como vemos los humanos con lo cual decimos que vemos algo mejor en un una 16:9 que 4:3, tampoco veo necesario profundizar mucho más en este aspecto con esto es suficiente para lo que vamos a ver hoy.

¿Y ahora que?

Si las pantallas son más anchas que antes, la vista en esta se torna más horizontal con lo cual una web vertical (entre otras cosas, cuantas más columnas más verticalidad) es más incómoda de ver que una horizontal.

Con lo cual vamos a intentar que nuestro diseño de la sensación de horizontalidad.

Pero.. ¿Y en los móviles?

Hay gente que a veces me comenta: los móviles cada vez son más altos que anchos, es un gran error pensar eso, cada vez son de una resolución más ancha, ¿Que móvil moderno no permite girar su pantalla? Películas, fotos, etc. Aunque he de decir que para los móviles es mejor crear una versión móvil de la web y que el 90% de las veces las webs cuadran con la pantalla en vertical si el móvil es medianamente bueno (y su navegador).

Un diseño cómodo y lógico

Después de hablar sobre todos estos conceptos que yo creo básicos os voy a comentar como, para mi, es un diseño cómodo y lógico en la actualidad.
1.- Estaría bien comenzar por una cabecera compuesta por el logo a la izquierda y una imagen/frase/titulo a su derecha.

2.- Debajo de esta cabecera a mi me parece que queda bien el menú principal con pocas opciones y que destaquen, puedes ponerle un menú desplegable o un submenú (preferiblemente horizontales) con las demás opciones que faltan.

3.- El cuerpo (content) de la web:

Aquí es donde vienen las columnas, vosotros sois los que tenéis que decidir cuantas columnas vais a necesitar, os voy a comentar las diferentes posibilidades.
- Con más de 3 columnas: Sinceramente después de todo lo que he escrito no puedo decir más que: no lo recomiendo, en mi opinión no hay que usar esta opción.
- Diseños a 3 columnas:
Como ya he dicho no me parece lo más recomendable aunque hay dos casos, poco comunes que si podríamos usarlo. El primero serían webs con poco contenido central y muchos widgets y demás (por favor no hagas una web así gracias). El otro caso que se me ocurre es una web que quiera ser muy ancha dejando de lado anchos inferiores a unos 800-1024 px ya que ese tipo de resoluciones verían todo el contenido central muy apretado, para gustos los colores, eso si aunque tengamos una pantalla muy ancha si le pones muchas columnas va a seguir dando sensación de verticalidad ya que el contenido de cada columna se lee por separado.
- Con 2 columnas:
A mi parecer el más actual, el más utilizado y cómodo de ver.
La columna ‘grande’ la del contenido en sí a la izquierda y la derecha más estrecha una columna que puede ir bien para widgets de redes sociales, calendarios, capas para subscribirte, etc…
¿Pero no digo siempre que la L visual la encontramos a la izquierda?
Pues si de hecho es lógico ponerlo así ya que se subscribirán o te seguirán por las redes sociales después de saber de que es tu web y no antes.

- 1 Sola columna:
Lo he utilizado en contadas veces pero también se puede utilizar para gente que no quiere nada de redes sociales o widgets en general, también es útil para mostrar textos extensos o documentos online.

4.- Footer de tu web:
Es quizá la parte a la que la gente da menos importancia normalmente, ya que está ahí abajo, escondida del resto y es al último sitio que llegas.
Hace ya un tiempo me di cuenta que lo que hay que hacer con esas cosas en contra que vemos en esta parte es girarlas, dando importáncia al footer con elementos que destaquen mucho y no en pequeño como enlaces o más widgets (sin abusar) con esto consigues que la gente al pasar rápido por el footer como siempre ya que se esperan 4 frases que en cierto modo no tienen mucha importancia, encontrarán cosas vistosas y de cierta importancia cosa que hará que quizá se fijen un poco más en aquello que has decidido poner y tu no pierdes nada.

5.- barra inferior al footer (muy opcional):
Está compuesta por una línea de texto donde puedes poner cuando se ha hecho, quien es el dueño, los derechos de la web etc..

Espero que este artículo os haya servido y como siempre podéis sugerir más en los comentarios o en mi twitter o facebook.

Aumenta tus visitas y pagerank escribiendo comentarios

¿Sabías que por cada comentario que realizes en el blog, podrás promocionar tus artículos (enlaces follow) automáticamente? Así ganaras linkjuice = mayor pagerank y un incremento de visitas para tu sitio. ¡Anímate, es gratuito!