7 consejos de diseño para no diseñadores: el blog

No se cuantos leerán el post hoy, ya que estamos en plena semana santa. Espero que puedas estar descansando, y aprovechando estos días para estar con tus queridos. Y si no puedes leer el post, no pasa nada. No se va corriendo a ninguna parte! Aquí se queda, y espero te pueda ser útil.

Como sabes, además de artesana, y mucho antes que ello, soy diseñadora gráfica. He elegido esta profesión hace unos cuantos años, un poco por casualidad, pero no puedo estar mas feliz de ello. Descubrí un mundo nuevo cuando empecé mis estudios de Bellas Artes, que traducía de manera perfecta mi creatividad en algo útil y con el que podría ganarme la vida. Para que te quede un poco mas claro, en Italia las carreras de Bellas Artes son ya especializadas en una rama. Puedes elegir pintura, escultura, decoración, diseño gráfico (y mas cosas), y dedicarte a estudiarlo durante los 3 años de carrera. Yo elegí diseño gráfico, sin saber bien de que iba. Y mira ahora donde estoy. Super contenta! Claro, también es verdad que es un camino muy duro, porque como todas las profesiones creativas, está muy poco valorado. Pero no quiero abrir este debate ahora. Lo que quiero contarte, es que esta profesión influye de manera positiva todos los aspectos de mi vida. Desde la disposición de unos marcos de foto en mi salón, hasta mi labor de artesana y de blogger (quien lo hubiera dicho... ¿soy yo también una blogger?). Y hoy quiero serte útil dándote unos consejos de diseño para que tu blog luzca tus productos, y no eche para atrás posibles nuevos seguidores.

Como sabes, en internét, la primera impresión es la que cuenta. Y aunque tu producto es el mas currado del mundo mundial, y me lo presentas con fotos mal hechas, en un blog lleno de banners gif que no paran de parpadear, lo que voy a hacer de inmediato es cerrar tu página para descansar la vista. Y no volveré nunca jamás. ¿Quieres que pase esto con tu blog? Seguro que no. Así que allá vamos con los consejos de hoy. El primero es:
--
Non so quanti leggeranno questo post oggi, visto che siamo in piena settimana santa. Spero che tu possa riposare questi giorni, e approfittarne per stare con i tuoi cari. E se non puoi leggere questo post non ti preoccupare. Non scappa da nessuna parte. È qui, e nel momento che potrai leggerlo spero possa esserti utile. 

Come sai, oltre ad essere artigiana, e molto prima di esserlo, sono grafica. Ho scelto questa professione un bel po di anni fa, un po per caso, però non posso che esserne felice. Ho scoperto un mondo nuovo quando ho cominciato i miei studi in Accademia di Belle Arti, che ha tradotto in modo perfetto la mia creatività in qualcosa di realmente utile e con la quale posso vivere. Per darti un idea un poco più chiara, ho scelto l'indirizzo di Grafica Pubblicitaria all'accademia di Catania, che fu una delle prime ad instaurarlo. Ricordo di averlo scelto senza sapere realmente come funzionava. E guarda un po tu dove mi trovo adesso. Super contenta! Ovviamente è anche vero che non è una strada facile, perché questa, come tutte le professioni creative non è molto valorizzata. Però non è questo il momento di aprire un dibattito su quest'argomento. Quello che voglio raccontarti è che questa professione influenza in modo positivo altri aspetti della mia vita. A partire dalla disposizione di alcune cornici nel mio salone, fino al mio lavoro artigianale e di blogger (chi l'avrebbe mai detto... anche io sono una blogger?). E oggi voglio esserti utile, dandoti dei consigli di buon design per far si che il tuo blog presenti al meglio il tuo lavoro, e non cacciare via possibili nuovi followers.

Come sai, su internet, la prima impressione si che conta. E anche se il tuo prodotto è il più lavorato e rifinito nei minimi dettagli, però me lo presenti con foto fatte male, in un blog pieno di banners animati che non smettono di lampeggiare, quello che farò subito, è chiudere la pagina per riposare la vista. E non tornerò mai più. Vuoi che succeda questo con il tuo blog? Credo proprio di no. Quindi cominciamo con i consigli di oggi. Il primo è:

Less is more

Poppytalk

Te sonará seguramente, y parece facil actuar este consejo. Pero se perfectamente que la primera tentación es la de llenar y llenar tu blog, para que quede mas chulo. Pues no, no lo hagas por favor. Lo que tienes que pensar es: ¿Que quiero comunicar a mis lectores? ¿Que quiero que lean? ¿La infinita lista de blogs que sigo? Para que así se vayan definitivamente de mi blog... No creo que es buena idea. Así que no pongas esta lista, quita todos los banners de premios que tienes, que no aportan nada. Reduce al minimo indispensable los laterales del blog y pon solo cosas relacionadas con lo tuyo. Lo que tienen que hacer tus lectores es saber mas de ti y tu trabajo, y se lo tienes que poner facil. 
Para ello va el segundo consejo:
--
Sicuramente non ti è nuova questa massima, e sembra anche facile praticarla. Però so perfettamente che la prima tentazione è quella di riempire al massimo il tuo blog, perché pensi che cosí è più divertente. Beh no, non lo fare per favore. Quello che devi pensare è: che voglio comunicare ai miei lettori? Cosa voglio che vadano a leggere? La lista infinita di blog che seguo? Per far si che se ne vadano definitivamente dal mio blog... Non credo che è una buona idea. Quindi non mettere questa lista, non si offenderà nessuno. Togli anche tutti i banner di premi che hai, che non servono a niente. Riduci al minimo indispensabile il laterale del blog e metti solo cose relazionate con il tuo lavoro. Quello che devono fare i tuoi lettori è sapere chi sei e cosa fai, e tu glielo devi facilitare. Per questo ecco qui il secondo consiglio: 

Haz que te pongan cara / fatti conoscere


A beautiful mess

Que no te de vergüenza enseñar una foto tuya. Y te lo digo yo que soy la reina de las timidas. Soy super vergonzosa, pero he podido comprobar que poner una bonita foto acerca mas los lectores. Es mejor interactuar con alguien humano, que con una persona invisible no? De hecho, sin darme cuenta, todos los blogs que leo asiduamente, son de personas que además de cuidar el diseño del blog, ponen una foto bien hecha en la parte mas alta del blog. De tal manera, en el primer impacto con el blog, ya se de quien salen estas palabras, y le puedo poner cara.
Otra cosa importante: no te líes con contar toda tu vida en el lateral de tu blog. Es un espacio muy estrecho para escribir montones de cosas. Así que limita lo que tienes que decir a lo necesario para saber de que va tu blog, y luego dedica una pagina de about para contar todo lo que quieras. De hecho nos encantan las historias, así que cuéntanoslas!
Ah y no olvides cuidar al máximo tu foto. No queremos ver 100 efectos de instagram superpuestos. Queremos ver tu cara, en una foto enfocada, y con un minimo de composición. No tienes que ser un fotografo para conseguirla. Basta con buscar algún consejo de composición en google, o pedir consejo a alguien un poco mas experto.
--
Non ti vergognare a mettere una bella foto di te, nella parte alta del blog. E te lo dico io che sono la regina delle timide. Sono super timida, ma ho potuto verificare che mettere una buona foto avvicina di più i lettori. È meglio interagire con un umano che con una persona invisibile no? Di fatto, senza farci caso all'inizio, mi sono resa conto che i blog che seguo assiduamente sono di persone che, oltre a prestare attenzione al design del blog, mettono una bella foto di loro nella parte più alta del blog. In questo modo, al primo impatto con il blog, so già da chi vengono le parole che leggo, e mi sembra già di conoscerlo.
Altra cosa importante: non raccontare tutta la tua vita nel laterale del blog. È uno spazio molto stretto per un testo articolato. Limita quello che devi dire allo stretto indispensabile per farci capire chi sei e di cosa parla il tuo blog. E poi dedica una pagina di about per raccontare tutto quello che vuoi. Di fatto ci piacciono le storie, quindi raccontacele!
Ah, non dimenticare di prestare massima attenzione alla tua foto. Non vogliamo vedere 100 effetti di instagram contemporaneamente. Vogliamo vedere il tuo volto, in una foto messa a fuoco, e con un minimo di composizione. Non devi essere un fotografo per farla. Ti basta cercare qualche consiglio di composizione su google o chiedere consigli a qualcuno più esperto. 

Facilítame la lectura please / facilitami la lettura please


Drink Pop

Me encantas, leo tu blog, porque tienes el dón de la escritura, y sabes contar las cosas con una gran personalidad. Me rio, me pongo a llorar, me emocionas, o me ayudas en algo. En fin, que los contenidos de tu blog están super currados. ¿Pero porque tienes que hacerme acercar la cara a la pantalla, cerrar los ojos para enfocar la letra o entender que es lo que has fotografiado? 
Esta es otra muy valida razón para que yo me vaya de tu blog, y no vuelva nunca jamás. No es nada personal, solo es que no me quiero quedar ciega! Así que:

  • Usa una letra de tamaño normal o un poco mas grande (14pt por ejemplo). 
  • Que sea negra o gris oscuro sobre fondo blanco o muy claro. 
  • Que sea alineada a la izquierda, no centrada. 
  • Que el cuerpo de texto sea bastante estrecho. 
  • Usa una fuente sans serif (arial, por ejemplo), y quita esta letra en plan manuscrita.
  • Reduce los negritas o colorines al minimo necesario

Estas reglas no me las cabo de inventar yo. Tienes que saber que tu blog no es tu querido diario de cuando tenías 15 años, en el que escribías miles de cosas acompañadas con dibujitos, rotuladores, y papeles de caramelos pegados encima (esto lo hacía yo). Un blog es un medio que  tiene que leer la gente y no solo tu y que además se lee en pantallas que emiten luz, no en papel. Ya de por si, no es nada facil. Por ello, está demostrado que las letras que se leen mejor en pantalla son las que NO tienen remates, o serif, como la Arial, Trebuchet, Tahoma, Verdana. Pensarás ¡que aburridas son! Pues la letra no tiene que ser aburrida o divertida. Se tiene que leer, nada mas! Así que porfi, cambia esta letra manuscrita de color fucsia en plan niña pequeña, por una mas legible. 
Y también está demostrado que algo que facilita la lectura en pantalla es que el cuerpo de texto sea bastante estrecho. No voy a ponerme a leer unas lineas de texto que ocupan toda la pantalla, porque me cansa enseguida. El espacio ideal que tienen que ocupar es entre 500 y 700 pixeles. No mas. También la alineación es super importante. Nada de centrado. Mis ojos se lian en buscar la siguiente linea, y no me lo haces nada facil. Tiene que estar alineado a la izquierda o justificado (como lo tengo yo, en bloque) para que mis ojos, cuando terminen de leer la primera linea, se vayan a la siguiente sin dificultades. Leemos de izquierda a derecha, con lo cual el punto de la izquierda tiene que ser de facil alcance para nuestros ojos.

--
Mi piaci un sacco, leggo il tuo blog perché hai il dono della scrittura, e sai raccontare le cose con una grande personalità. Rido, piango, mi emoziono o mi aiuti in qualcosa. Insomma, il contenuto del tuo blog è ottimo. Però perché mi devi obbligare ad avvicinare la faccia allo schermo, con gli occhi semi chiusi per mettere a fuoco o capire cos´è quella foto? 
Questa è un'altra valida ragione per andarmene dal tuo blog e non tornare mai più. Non è niente di personale, però non voglio diventare cieca. Quindi:


  • Usa un carattere di dimensione normale o un poco più grande (14pt per esempio). 
  • Che sia nero o grigio scuro su sfondo bianco o molto chiaro.
  • Che sia allineata a sinistra, no centrata.
  • Che il corpo di testo sia abbastanza stretto.
  • Usa un carattere sans serif (arial per esempio), e togli questo carattere tipo manoscritto.
  • Riduci i grassetti e i colori allo stretto indispensabile.


Queste regole non me le sono appena inventate. Devi sapere che il tuo blog non è la versione moderna del tuo caro diario di quando avevi 15 anni, dove scrivevi mille cose, accompagnate da disegnini e carte di caramelle appiccicate (questo lo facevo io). Un blog è un mezzo che deve leggere la gente e non solo tu. E che inoltre si legge in schermi che emettono luce, no carta. Cosa che di per se non è per niente facile. Per questo è dimostrato che i caratteri che si leggono meglio sono quelli che NON hanno grazie o serif, come la Arial, Trebuchet, Tahoma, Verdana. Penserai: che noiose! No, i caratteri non devono essere né noiosi né divertenti, solo si devono leggere. Quindi per favore, togli questo carattere manoscritto di colore fucsia tipo bambina di 11 anni, per sostituirla con una più leggibile. 
È anche dimostrato che un altro elemento che facilita la lettura sullo schermo è che il corpo del testo sia abbastanza stretto. Non leggerò mai delle linee di testo che mi occupano tutto lo schermo. Mi stanco solo al pensarlo. Lo spazio ideale che il testo deve occupare è tra 500 e 700 px. Non di più. 
E anche l'allineamento è importante. Centrato no. I miei occhi fanno fatica a cercare la linea successiva, e se metti il testo centrato solo lo rendi più difficile. Deve essere allineato a sinistra o giustificato (come ce l'ho io, in blocco) per far si che i miei occhi, quando finiscono di leggere la prima linea, vadano direttamente alla successiva senza problemi. Leggiamo da sinistra a destra, quindi il punto della sinistra deve essere facile da raggiungere per i nostri occhi.

viva los colores / viva i colori


La Niña Sin Nombre

Ya he dicho, el texto negro o gris sobre fondo blanco. Para esto no debería de haber ninguna duda ya. Por lo demás está bien que tengas un blog colorido, pero hazlo con conciencia. 
Piensa en una paleta de colores que te representen, y no te muevas de ella. Visita Design-Seeds para ver de que hablo. Allí puedes coger mogollón de inspiración para tu paleta de colores. Y por favor, que sean colores calmaditos. Nada de fluor! Esto está muy de moda en las pulseritas, no en los blogs. Es algo que molesta mucho, pero mucho la vista. Evita también los degradados a no ser que eres diseñador con experiencia y sabes como manejarlos. Si no lo eres, vete a lo seguro: usa colores planos, de tu paleta de colores para los botones o banners. 
Para los fondos, usa colores planos o texturas sutiles, y nada llamativas. No tienen que molestar la lectura. Por ello nada de fotos cutres que se repiten en mosaico, plis!
--
Già l'ho detto, il testo nero o grigio su sfondo chiaro o bianco. Per questo non ci dovrebbero essere più dubbi. Per il resto va bene che il tuo blog sia colorato, però fallo con criterio.
Pensa in una paletta di colori che ti rappresentano e non uscirne. Visita Design-Seeds per capire di cosa parlo. Li puoi trovare una grande quantità di ispirazione per scegliere la tua paletta di colori. E per favore, che siano colori tenui. Niente fluorescenti! Questo va molto di moda per i braccialetti, non per i blog. Disturbano particolarmente la vista. Evita pure le gradazioni di colore, a meno che sei un grafico con esperienza e sai come usarli. Se non lo sei, vai al sicuro: usa tinte piatte della tua paletta di colori per i tuoi bottoni e per i banner. 
Per gli sfondi usa tinte piatte o texture quasi impercettibili, e per niente appariscenti. Non devono disturbare la lettura. Per questo non mettere foto brutte che si ripetono a mosaico, plis!

be social


Vintage & Chic

Si estás en las redes sociales, haz que me entere, y que te siga. ¿Que quiere decir esto? No pongas los links a tus redes sociales dispersos y separados en la columna lateral de tu blog. Y además intenta que sean todos con el mismo diseño y en el mismo lugar. No pongas el botón rectangular de Pinterest, luego el box de Facebook, y el boton redondo de twitter. Que desorden por dios! No es nada difícil hacerlo, puedes descargarlos gratis en muchos sitios. Solo es cuestión de investigar y buscar ideas.
--
Se sei nelle reti sociali, fai di tutto per farmene accorgere per poterti seguire. Che vuol dire questo? Non mettere i link alle tue reti sociali sparsi e separati nella colonna laterale del blog. E inoltre prova a metterli tutti con lo stesso design e nello stesso posto. Non mettere il bottone rettangolare di Pinterest, poi il box di Facebook e il bottone rotondo di twitter. Che disordine! Non è difficile farlo, puoi scaricarli gratis da internet e investigare un poco per cercare idee.

Portadas llamativas? No thanks / testata appariscente? no thanks


Creme de la craft

La portada tiene que estar muy currada, porque es lo que primero se ve en tu blog. Tiene que comunicar quien eres y que haces a primer impacto. Pero, ¡Ojo! Esto no quiere decir que tiene que ocupar toda la pantalla, ser de colores fluor (si hoy estoy enfadada con los fluor), tener miles de informaciones, con miles de tipografías. Aquí también vale la regla de oro LESS IS MORE. Puedes usar una foto de tu producto bien hecha, o poner el nombre de tu marca bien bonito, pero sobretodo dejar que se vean los botones a la primera. No tengo porque hacer scroll para ver donde están escondidos.
--
La testata deve essere ben pensata e lavorata, perché è la prima cosa che si vede sul tuo blog. Deve comunicare chi sei e che fai a primo colpo. Pero, attenzione! Questo non vuol dire che deve occupare tutta la schermata, essere di colori fluor (si oggi sono accanita contro i fluor), avere mille informazioni, con mille tipografie. Anche qui vale la regola d'oro LESS IS MORE. Puoi usare una foto di un tuo prodotto ben fatta, o mettere il nome della tua marca ben disegnato, però soprattutto lascia che si vedano subito i bottoni. Non devi obbligarmi a fare scroll per vedere dove li hai nascosti.

Nos encantan las fotos / ci piacciono le foto


Jackie Rueda
¿Entonces porque no nos dejas verlas en todo su esplendor? En los editores de blog, como Blogger o Wordpress, puedes elegir el tamaño al que poner tus fotos. Ponlo lo mas grande que puedas. O lo mejor que puedes hacer es prepararte las fotos antes de publicarlas, cortándolas todas al mismo tamaño de ancho. Por ejemplo las imágenes que ves en mi blog, están todas previamente cortadas a 660px de ancho. Para que encajen bien con el texto y ente ellas. No me gusta nada ver una foto a un tamaño, otra mas pequeña y otra enorme. Tiene que haber orden en el blog, y algo que lo facilita es precisamente el tamaño de las imágenes: que sean todas iguales a lo ancho!
--
E allora perché non ce le fai vedere in tutto il suo splendore? Negli editori di blog come Blogger o Wordpress, puoi scegliere la dimensione alla quale mettere le tue foto. Mettile più grandi possibili. O puoi fare di meglio, cioè prepararti le foto prima di pubblicarle, tagliandole tutte alla stessa larghezza. Per esempio le foto che vedi nel mio blog, prima di pubblicarle le ritaglio tutte alla larghezza di 660px. Per farle adattare tra loro e al testo. Non mi piace per niente vedere una foto a una dimensione, un'altra più piccola e la seguente enorme. Ci deve essere ordine nel blog, e una cosa che lo permette è proprio la dimensione delle immagini: che siano tutte alla stessa larghezza!

Y aquí se acaba esta primera entrega de consejos de diseño para blogger. Espero haberte sido útil, y si tienes cualquier duda o pregunta, aquí abajo tienes los comentarios a tu disposición.

Si crees que todo lo que te he contado va mas allá de tus posibilidades, puedes también pedirme un presupuesto para refrescar tu blog. Estaría encantada de realizar tus deseos!

Si no quieres perderte ninguna inspiración mas, puedes apuntarte a mi newsletter, y todos los viernes recibirás una dosis de inspiración de todo tipo! Te espero!
--
E qui finisce questa prima parte di consigli di design per blogger. Spero esserti stata utile, e se hai qualsiasi tipo di dubbio o domanda, qui sotto hai i commenti a tua disposizione. 

Se credi che tutto questo che ti ho spiegato va oltre le tue possibilità, puoi anche chiedermi un preventivo per rinnovare il tuo blog. Sarei felicissima di realizzare i tuoi desideri! 

Se non vuoi perderti nessun altra pillola di ispirazione puoi iscriverti alla newsletter, e tutti i venerdì riceverai una piccola dosi di ispirazione di tutti i tipi. Ti aspetto

Facebook

This entry was posted on 29 mar. 2013 and is filed under ,. You can follow any responses to this entry through the RSS 2.0. You can leave a response.

13 Responses to “7 consejos de diseño para no diseñadores: el blog”

  1. Muchas gracias por tus consejos!! De momento alguno he aplicado (foto portada :D, espero no espantar más a los fans jejejeje) y gracias por tus ideas.
    Soy una fan seguidora tuya.
    Confeti en los bolsillos

    ResponderEliminar
    Respuestas
    1. Gracias a ti por pasarte aquí! Espero haberte sido útil! Cualquier cosa, ya sabes donde encontrarme! :)

      Eliminar
  2. Grazie mille, avevo proprio in mente di rinnovare il blog e i tuoi consigli mi saranno utilissimi!!

    ResponderEliminar
  3. E' veramente molto interessante... io tendo a centrare ad esempio, ma cercherò di seguire i tuoi consigli!
    Grazie!

    ResponderEliminar
  4. Della serie che ora mi stampo questo post e lo incornicio davanti alla mia postazione di lavoro! Sei preziosissima! Grazie per averci regalato una parte delle tue competenze... anch'io ho tanto da rivedere e correggere (sob! -_-)...

    ResponderEliminar
    Respuestas
    1. Ahahah grazie Gabri! Spero possa servirvi, e per qualunque cosa sapete dove trovarmi! :D

      Eliminar
  5. Gracias Valentina x el post! Algunas cositas las aplicaré seguroo!! Ya te contaré!! Gracias d nuevo x tu tiempo y tus palabras y hasta la pròxima :-)
    Bss

    ResponderEliminar
  6. Hola! Es muy interesante e instructivo el post, lo pondré en práctica seguro. Muchas gracias.
    Eva

    ResponderEliminar
  7. Me encanta tu blog y tus consejos, que alegría me va el haberte encontrado.
    Un baccione!!!

    Sol

    ResponderEliminar
  8. Ciao Valentina! Io ho appena fatto dei rinnovamenti al mio blog e devo dire che mi piace molto e che, senza aver letto questo tuo post prima, mi sembra rispecchi abbastanza i tuoi consigli! Ti va di dargli un'occhiata?

    ResponderEliminar
    Respuestas
    1. Ciao Anna, avevo già visto dei cambiamenti da un link che hai messo sul gruppo di facebook, e devo dire che è migliorato abbastanza! Continua cosí! :D

      Eliminar
  9. Gracias por los consejos! Yo tengo dudas con la plantilla de wordpress que utilizo: me encanta pero no sé si es mejor usar algo más "tradicional" en donde puedan verse todos los post seguidos directamente. Voy a empezar buscando los botones de mis redes sociales... y pensaré lo de la foto, pero eso me cuesta más (tengo una puesta de cuando era niña, vale eso?)
    Un abrazo!
    maría

    ResponderEliminar
  10. Excelente entrada. Ya que eres experta en diseño, ¿podías echar un vistazo a este blog y decirme algún apunte rápido para hacerlo más atractivo? Muchas gracias :)

    http://vamosaeducarlos.blogspot.com.es/

    ResponderEliminar

Related Posts Plugin for WordPress, Blogger...
 
Blogging tips