Come rifaccio il tema a questo sito: step1, scelte iniziali

22 Nov 09

Innanzi tutto prima di iniziare a disegnare con photoshop sceglierò la larghezza, il numero di colonne, la loro disposizione e alcuni colori principali. Il tema dovrà essere piuttosto pulito e morbido.
Per quanto riguarda la larghezza lo farò largo sui 980px, e non 1000px, in questo modo se in seguito vorrò aggiungere delle ombre ai lati del corpo, inserendole come sfondo del body, esse rimarranno comunque visibile, mentre se avessi fatto un corpo largo 1000px con le ombre e con la scrollbar avrei superato i 1040px, ed esse non sarebbero visibili per chi ha una risoluzione di 1024x764px:: questo differisce da come è fatto adesso il sito che ha un ombra inclusa nell’immagine del blocco centrale, e che quindi per ottenere i 920px di larghezza della parte bianca è di 933px (strano sia dispari!) appunto per includere le ombre. Cliccando l’immagine forse capirete meglio come sarà!

4mj-dimensioni

Il tema nuovo avrà le ombre come sfondo dell’intero body: in questo modo, potrò modificarlo più facilmente se in futuro vorrò cambiarlo e sarà anche più schematico.
Le colonne saranno principalmente 3, una principale a sinistra dove andrà il contenuto e 2 piccole a destra: per quanto riguarda la loro larghezza credo sia più importante scegliere quella delle 2 sidebar di destra, opterò per 190px l’una così potrò inserire degli insieme di annunci fino a 180px lasciando comunque 5px di margine da entrambi i lati. Potrei anche decidere magari di fare una parte superiore della sidebar più larga unendo le due piccole, in questo modo potrò farla di 360px con 10px di margine.
Di conseguenza la zona principale a sinistra sarà di 600px, in questo modo inoltre non avrò problemi con le immagini già presenti sul sito che sono tutte di larghezza 400px.
I colori principali saranno quelli caratteristici del mio sito, ossia il rosso del logo, il blu ed alcune gradazioni di grigio, ma probabilmente cambieranno sensibilmente.

4mj-colori

Naturalmente se avete consigli scriveteli nei commenti.

  • Upnews
  • Digg
  • del.icio.us
  • Google Bookmarks
  • PDF
Scritto da Peppe
22 Nov 09 , 1:31 am

MAMBRO:

Sono proprio curioso di vedere che combini e soprattutto di vedere i tuoi trucchi ;)

22 Nov 09 , 1:32 am

Peppe:

ihihihih, trucchi diciamo i miei metodi

22 Nov 09 , 5:30 pm

FredAnt:

vorrei farti notare che 1280 si riferisce alla larghezza e 1024 all’altezza, quindi se tu scegliessi 1000px di larghezza per il blog (1040px con le ombre) sarebbe perfettamente visibile.

22 Nov 09 , 8:20 pm

Peppe:

hai ragione grazie, intendevo dire 1024×768

4 commentiLascia un commento

Articoli Correlati
  • Stili di livelli web 2.0

    Gli stili di livello di photoshop sono un insieme di impostazioni salvate, col quale possiamo dare effetto ai nostri layer con un...

  • Scegliere i colori giusti per un layout

    Devo ammettere che quando progetto un layout di un sito uno degli ostacoli maggiori è la scelta dei colori: anche creando un ottimo...

  • Come rifaccio il tema a questo sito

    E' da un bel po di tempo che non mi occupo di questo sito e che non inserisco articoli. Mi sono inoltre accorto che oramai il tema e le...

  • Ci hanno fottuto il magenta!

    A molti sembrerà uno scherzo ma è la pura e squallida realtà. Il gestore della telefonia mobile olandese, la T-Mobile, ha infatti...

  • 4mj.it: un pò di storia…

    In questi giorni ho letto alcuni post di altri siti che raccontavano il modo in cui i loro autori fossero diventati blogger: alcuni di...

  • Lightbox 2 Wordpress Plugin in numeri!

    Forse non interessa a nessuno, ma oggi festeggio le oltre 100mila visite al Lightbox 2 Wordpress Plugin, più di 10mila download dal...

  • Pixlr: image editor online

    Nel caso vi troviate su un computer nel quale non avete installato il vostro editor grafico e avete bisogno di eseguire alcune semplici...

  • Comunicazione: Aggiornamento Forum

    Ho aggiornato il forum (era un pò dimenticato a se stesso!) alla versione 3.0.B5 di Phpbb e ho modificato il template in modo da...

  • Pennelli gratuiti per photoshop

    Per chi non ha molta di voglia di che creare i propri pennelli per Photoshop, i plugin del popolare software della Adobe, che permettono...

4MJ – Internet News © 2002 - 2010 è basato su piattaforma WordPress
Progetto e Design sono esclusiva proprietà di Giuseppe Argento.
Mappa Sito, Articoli (RSS) e Commenti (RSS) | Contatti