Visualizzazione post con etichetta palette-color. Mostra tutti i post
Visualizzazione post con etichetta palette-color. Mostra tutti i post

26.10.15

Quando il logo fa la differenza

Quando il logo fa la differenza

26.10.15

· ·
Ora che sto preparando il tutto per la 'grande svolta' del mio blog, e ho realizzato il nuovo concept grafico, facendo delle ricerche mi sono resa conto di quanto effettivamente il logo del nostro blog possa fare la differenza!

Inconsciamente è la prima cosa che guardando conquista il nostro gusto oppure no; ci fa storcere il naso oppure no.
A me succede, e a voi?

Innanzitutto mi sono fatta un'idea (lo faccio sempre...un po' come strategia di marketing :P ) dell'aria che tira fra i blog simili al mio, e non solo:
  • dei colori del momento
  • delle tendenze dei fonts
  • della linea dei loghi
Non vi nascondo che ho impiegato un mese per arrivare al punto in cui sono, ovvero il template che state osservando. Un mese in cui ho cambiato decine di volte la disposizione della sidebar, la combinazione dei colori, insomma di tutto di più.

Quindi mi sono fermata e ho semplificato un po' il tutto, partendo dai colori.
Queste sono state le palettes alle quali mi sono ispirata (sì, avete letto bene le palettes, non la...)

palette color Simona S.

Una volta scelto il tema dei colori li ho elaborati in modo da ottenere toni scuri per i caratteri e toni chiari per gli sfondi.
Ovviamente ho tralsciato qualche tonalità e dato risalto ad altre, ma in fase di lavorazione, sinceramente, mi lascio trasportare molto dall'istinto...

12.12.13

Nuove palette colors

Nuove palette colors

12.12.13

·
Andavo in cerca di qualche palette color per lasciarmi ispirare nella realizazione di alcuni  PRINTABLES  per la cameretta di una bimba che ancora deve nascere :)
E così ho creato queste due palette... la prima è quella che più mi attira per realizzare il quadretto... vedremo come verrà ;)
fonte imm.
fonte imm.
Beh, io penso che all'occorrenza possano sempre tornare utili un paio di palette color in più, no?

13.11.13

Blog design: creare i 'blog buttons' con il css

Blog design: creare i 'blog buttons' con il css

13.11.13

· · ·
Volete realizzare dei semplici blog buttons per il vostro blog, ma non avete un programma di grafica?
No problem!!!
Con un pizzico di HTML e una spruzzatina di CSS tutto (o quasi) è possibile.

Innanzitutto vi serve una palette color, che trovate qui o qui.
Io ho usato questa palette.


Poi vi serve quel pizzico di HTML per racchiudere le informazioni in un piccolo box colorato:
<div class="buttons"><a href="URL">ABOUT ME</a></div>
<div class="buttons1"><a href="URL">MY SHOP</a></div>
<div class="buttons2"><a href="URL">PINTEREST</a></div>
<div class="buttons3"><a href="URL">INSTAGRAM</a></div>
<div class="buttons4"><a href="URL">FACEBOOK</a></div>
<div class="buttons5"><a href="URL">CONTACT</a></div>

Poi passiamo agli stili, CSS, che diranno esattamente ai 'div' come comportarsi all'interno della pagina web.
.buttons {width:240px; height:25px;margin:2px auto;text-align:center;font-size:16px; padding:5px 10px; background:#EDE9E6;line-height:25px;}
.buttons1 {width:240px; height:25px;margin:2px auto;text-align:center;font-size:16px; padding:6px 10px;line-height:25px; background:#E6DBD6;}
.buttons2 {width:240px; height:25px;margin:2px auto;text-align:center;font-size:20px; padding:6px 10px;line-height:25px; background:#B4AAB5;}
.buttons3 {width:240px; height:25px;margin:2px auto;text-align:center;font-size:16px; padding:6px 10px;line-height:25px; background:#545257;}
.buttons4 {width:240px; height:25px;margin:2px auto;text-align:center;font-size:16px;line-height:25px; padding:6px 10px; background:#F2B885;}
.buttons5 {width:240px; height:25px;margin:2px auto;text-align:center;font-size:16px;line-height:25px; padding:6px 10px; background:#DEE6B5;}
.buttons a, .buttons1 a, .buttons2 a, .buttons3 a, .buttons4 a, .buttons5 a {color:#fff !important; text-decoration: none !important;}


Vi è piaciuto questo tutorial?
Spero di sì :)

Hai bisogno di un aiutino?



27.7.13

Palette color: L'ispirazione viene dal passato

Palette color: L'ispirazione viene dal passato

27.7.13

·
In fatto di moda dovrebbe essere una regola fondamentale: si guarda al passato per ispirare il futuro!
E anche nella scelta dei colori dei nostri blog deve essere così. E cosa c'è di meglio della raccolta di foto Vintage che possiamo trovare nel web per cominciare?
Le immagini sono davvero migliaia e migliaia, io ne ho preso ad esempio solo 4, ma voi potete fare altrettanto selezionando alcune foto dal web e ricavandone la vostra cartella colori.



Cosa possono ispirare questi colori?

  • l'HEADER, ovvero la testata, che contiene il logo il quale a sua volta deve assolutamente richiamare tutti (o quasi) i colori della grafica
  • le SOCIAL ICONS, tanto importanti per creare una rete di followers anche al di fuori del nostro blog
  • il colore dei LINKS, per spiccare fra il testo all'interno del post, ma anche il passaggio del mouse è importante: non trascuratelo!
  • il BACKGROUND, che consiglio di non fare molto pesante se altri elementi lo sono (es. logo, bottoni, immagini dei titoli dei gadget -se le usate-)


Ovviamente non sarò io ad insegnarvi, o meglio ad indicarvi, come e quali utilizzare i colori... alla fine è tutta una questione di gusti :)

5.7.13

crea la tua palette color

crea la tua palette color

5.7.13

·
Ti è mai capitato di guardare una foto e di pensare 'che bei colori...vorrei proprio questi per il mio blog!'
E allora prendili! Come? Creando la tua palette color!!!
C'è in particolare un sito che mette a disposizione una vasta gamma di palette: http://design-seeds.com/
Chi si occupa di questo sito è una blogger con la grande passione per i colori e una grande voglia di condividerla con chiunque passi di lì.

Ma anche noi possiamo creare facilmente le nostre palette, basta avere una foto che ci piace in modo particolare.
La mia è questa!
Io ho utilizzato Photoshop, ma online c'è un suo cugino alla lontana che si chiama pixlr editor, e grazie allo STRUMENTO SELETTORE COLORE, che ha la forma di un contagocce (lo si può richiamare anche premendo il tasto 'I'). Posizionando e cliccando su un'area della vostra foto, potrete prelevare il colore che volete, spaziando nelle sue diverse sfumature. Facile no?

23.1.12

Inspiration Colours!

Inspiration Colours!

23.1.12

·
Ecco un po' di palette per darti un pizzico d'ispirazione nel realizzare un template.

Ovviamente non sto infrangendo alcun copyright, perchè è tutto frutto della mia manina!!!
Quindi...godeteveli