Vai al contenuto
Ospite

Wip - Grafica Sito

Recommended Posts

Ospite

Dopo aver scelto di cambiare vita... ;) ... pensiamo anche a crearci una buona immagine a livello di sito internet che avevo presentato tempo fa... Ho cercto di capirci qualcosa e di cogliere i suggerimenti di Xeone ed ora eccomi qui tra mille indecisioni e dubbi da principiante del settore... è un settore dove ancora ci devo :wallbash: per bene... il sito ora è COSì :wacko:

Iniziamo dicendo che uso Photoshop per la parte grafica e per la divisione del Layout con lo strumento Slince, la parte in HTML verrà eseguita con Dreamweaver (praticamente nulla si tratta di assegnare solo i link)...

Ho realizzato un po' di immagini ed ecco alcune variabili, sono molto indeciso... voi quale mi consigliate?

011rh.th.jpg 027br.th.jpg 032ux.th.jpg 042mv.th.jpg 059rm.th.jpg 061wt.th.jpg

lo so... sono troppe e molto simili, ma voi che ne dite?... so anche che i simbolini sono utilizzati tantissimo e poco chiari, ma di riempirlo di scrittine non mi piaceva... alla fine l'idea di una cosa pulita e non invadente è quella che mi stuzzica di più...

veniamo al problema serio...

io uso lo slince Tools... mi divido le parti e mui mi crea delle caselline con un numerino...

untitled15qt.th.jpg

salvo (Save for Web... passando per ImageReady)

untitled28kz.th.jpg

e poi apro la pagina con Dreamweaver... e metto i collegamenti.

untitled31qb.th.jpg

e fino qui tutto ok... ora pagina successiva... devo rifare tutto da capo o ci sono delle parti che posso mantenere? poi Photoshop mi crea una cartella chiamata Image, se faccio la seconda pagina mi sovrascive qualcosa? cioè come cavolo si fa? non sono sicuro di averlo capito bene...

vorrei evitare le pagine Pop-Up per le varie sezioni e farle solo per le immagini (lo so che sono fastidiose)...

altra piccola cosa... io odio il nero nelle tavole e vorrei evitarlo nel BackGround del sito, cme faccio a mettere un gradiente che non si duplichi ogni volta che uno allarga la pagina, cioè io metto una Jpge nello sfondo la guardo a risoluzione 800x600 ed è Ok, la guardo a risoluzione 1200x... e mi si moltiplica...c'è un modo per metterlo uniforme?

altra piccola cosa... una volta impostata la grafiuca posso evitare la parte dello slince in Photoshop e fare tutto in Imageready?

grazie ragazzi, scusate se mi dilungo sempre molto... ;)

:hello:

Condividi questo messaggio


Link al messaggio
Condividi su altri siti
Ospite

mentre aspetto risposte e un rendering... vi posto 2 Wallpaper...

wallpaper013eb.th.jpg wallpaper025hu.th.jpg

:hello:

Condividi questo messaggio


Link al messaggio
Condividi su altri siti

Allora vediamo...

--partiamo dal menù di navigazione: personalmente non condivido l'idea di non mettere nessuna scritta, primo per motivi di comprensione, non a tutti magari può essere immediatamente chiaro il significato dell'icona che vedono, pensa a quanti siti possono essere visitati in una sessione di navigazione media, ognuno con il suo sistema di navigazione... sarebbe meglio fornire quantomeno una base comune. Oltretutto se il sito deve essere di autopromozione direi di renderlo fruibile al maggior numero possibile di utenti.

Per questo direi che è necessario anche un menù di navigazione testuale (anche in caso di eventuali immagini non caricate, ti salta l'icona del link alla gallery e magari non ti ci cliccano). Quind dicevo, un piccolo menù, anche in basso, fuori dall'area principale lo vedo utile, se non indispensabile.

14ul.th.jpg

-- per quanto riguarda il metodo di lavoro, va bene photoshop per costruirsi la base delle pagine, una volta che hai la struttura base studiati bene come fare le slice, ti separi il menù dall'area che vuoi utlizzare come corpo principale, importi tutto in dreamweaver, linki tutti i menù e dopo salvi la pagina come index.html, la risalvi con nome come gallery, come bio, ecc. ecc., solo dopo che ti sei salvato tutte le pagine in questo modo, vai a modificare i contenuti principali, ma almeno non ti rifai i link tutte le volte. (Avendo il sito tutto tagliato puoi modificare anche dopo le immagini dei bottoni ad esempio, magari puoi fare in modo che una volta che carichi una pagina la sua icona sia di colore diverso, senza andarsi a incastrare con rollover e altro, solo cambiando lìimmagine contenuta nello slice)

esempio di slice

slice1fe.th.jpg

--Per il gradiente in orizzontale non ci sono problemi, ti fai una gif larga un pixel e lui te la ripete tileata.

per il gradiente verticale non saprei... è possibile farli con i css ma sono compatibili solo con explorer se non erro... comunque ti passo un paio di link (in inglese, non ho trovato di meglio)

http://www.tizag.com/cssT/background.php

http://www.web-source.net/html_background_gradient.htm

per il momento non mi viene a mente altro da dire... spero di non aver castronerie...

ti saluto, provo a vedere cosa succede seguendo l'odore di frittata di carciofi che arriva dal piano di sotto...

:hello:

Condividi questo messaggio


Link al messaggio
Condividi su altri siti
Ospite

grazie per il tuo tempo Xeone... ;)

ora vediamo cosa riesco a tirare fuori, ma già mi preparo a una tiratura di orecchie... :lol::lol::lol:

ci lavoro ora che sono fresco... poi ti farò sapere...

:hello:

Condividi questo messaggio


Link al messaggio
Condividi su altri siti

I css sono compatibili con tutti i browser, l'unico che non li interpreta corretamente è explorer.

Il metodo che usi per generare il codice non è sicuramente il migliore (anzi forse è il peggiore) però se non hai alternative....

Condordo con xeone per il menu; intanto se hai tempo dai un'occhiata a questi link cosi vedi come funziona la cosa:

1)http://www.guuui.com/

è molto tecnico....

2)http://netdiver.net/

utile come ispirazione, trovi un sacco di portfolio

3)http://cssvault.com/

lista di siti che utilizzano solo css, su resources travi, appunto, un sacco di risorse sui css

4)http://www.csszengarden.com/

ecco cosa si puo fare con i css

Condividi questo messaggio


Link al messaggio
Condividi su altri siti
Ospite

Grazie per i link, sicuramente utili e fighi (BADA QUESTO :w00t:)...

per il resto ho fatto una prova e ho messo un po' del mio e un po' dei consigli dello Xeone... ( :wallbash: perchè faccio sempre di testa mia? :wallbash: )...

ora... io ho uno schermo a 19" risoluzione 1280x1024 quindi elevata, il sito è settato per 800x600 la mascherina grafica... quindi alla portata di tutti...che ne dite di questa prova?

firefox12006cs.th.jpg

sto rivedendo anche i lavori da metterci, i miei sopratutto, i tutorial e altre cosette... sicuramente sarà On-line dopo il 30 aprile così avrò modo di pubblicare anche un concorso con il suo eventuale risultato (bello sognare :rolleyes::D )...

notizie tecniche...

i simbolini sono su uno slince ognuno separato, metre le scritte sono su altri, onestamente l'idea del testo in basso mi alletta poco... c'è uno slince centrale che permette la pubblicazione di parti scritte come Curruculum, lista tutorial, Link, contatti e prewiev dei lavori...

schema tecnico...

strutturaslince4cn.th.jpg

ecco come viene l'idea del testo...

prova059dx.th.jpg

che ne pensate? anche la colorazione mi sembra buona, non accesa e non troppo cupa...

sarà che sono stanco ma per ora mollo e vado a nanna...

:hello:

thankx... pensa che questo link l'ho perso prima di formattare il tutto... :wacko:

:hello:

Condividi questo messaggio


Link al messaggio
Condividi su altri siti
Grazie per i link, sicuramente utili e fighi (BADA QUESTO :w00t:)...

per il resto ho fatto una prova e ho messo un po' del mio e un po' dei consigli dello Xeone... ( :wallbash: perchè faccio sempre di testa mia? :wallbash: )...

ora... io ho uno schermo a 19" risoluzione 1280x1024 quindi elevata, il sito è settato per 800x600 la mascherina grafica... quindi alla portata di tutti...che ne dite di questa prova?

firefox12006cs.th.jpg

sto rivedendo anche i lavori da metterci, i miei sopratutto, i tutorial e altre cosette... sicuramente sarà On-line dopo il 30 aprile così avrò modo di pubblicare anche un concorso con il suo eventuale risultato (bello sognare :rolleyes::D )...

notizie tecniche...

i simbolini sono su uno slince ognuno separato, metre le scritte sono su altri, onestamente l'idea del testo in basso mi alletta poco... c'è uno slince centrale che permette la pubblicazione di parti scritte come Curruculum, lista tutorial, Link, contatti e prewiev dei lavori...

schema tecnico...

strutturaslince4cn.th.jpg

ecco come viene l'idea del testo...

prova059dx.th.jpg

che ne pensate? anche la colorazione mi sembra buona, non accesa e non troppo cupa...

sarà che sono stanco ma per ora mollo e vado a nanna...

:hello:

thankx... pensa che questo link l'ho perso prima di formattare il tutto... :wacko:

:hello:

credo che dovresti puntare più ad uno stile semplice ma d'impatto....leverei quella linea dzlo sfondo e rivedrei il logo.....i colori falli più pastello 8tipo quelli di treddi.com) e io farei un quadrante centrale con posizionati a sinistra le immagini dei pulsanti e poi fai te....

Condividi questo messaggio


Link al messaggio
Condividi su altri siti
Ospite

Ciao dark_light,

grazie per le dritte... come vedi col sito sono ancora in alto mare... cmq l'idee che hai postato sono buone e alcune le prenderò in considerazione ;)

ciao e grazie

Matteo

:hello:

Condividi questo messaggio


Link al messaggio
Condividi su altri siti

Cio, scusa matteo se mi intrometto, ti stavo seguendo xè anch'io avrei intenzione di farmi un dominio, ma nn ho la più pallida idea di come si faccia...io uso molto ps e qui nn c è probl, ma poi come fai a montare tutto???L'abbinato Image Ready può servire?Scusa ma nn so da che parte iniziare, x la grafica ci sono ma poi com posso procerede???? :wallbash::wallbash::wallbash::wacko::crying::crying:

Condividi questo messaggio


Link al messaggio
Condividi su altri siti

interessante post....................prima o poi dovrò fermarmi un poco con il 3d per imparare a realizzare un sito

attendo up's

ciao matteo :hello::hello:

Condividi questo messaggio


Link al messaggio
Condividi su altri siti
Ospite
Cio, scusa matteo se mi intrometto, ti stavo seguendo xè anch'io avrei intenzione di farmi un dominio, ma nn ho la più pallida idea di come si faccia...io uso molto ps e qui nn c è probl, ma poi come fai a montare tutto???L'abbinato Image Ready può servire?Scusa ma nn so da che parte iniziare, x la grafica ci sono ma poi com posso procerede???? :wallbash::wallbash::wallbash::wacko::crying::crying:

è tanto che non apro Photoshop per lavorare sul sito... cmq... io di base sono partito utodidatticamente con un programma di HTML come Dreamveawer MX della Macromedia... poi ci sono altri software con i quali puoi creare delle pagine HTML, anche con Photoshop, m lo escluderei a priori perchè qualcuno mi ha detto che è pesantissimo e visto che si va verso l'Internet dai cellulari bisogna creare uno stile che permetta un avisualizzazione veloce e leggera anche da supporti diversi come il classico computer.

Ora puoi scegliere diversi sopftware per l'HTML, scegline uno, cercati una guida e cerca di studialo, questo è lo stesso consiglio che in pratica mi ha dato Xeone... se fai un salto in libreria troerai un sacco di guide per i programmi di realizzazione WEB.

Per i CSS nell aprima pagina e l'ultimo di Tiranno sono link ottimi che spiegano il tutto...

Cmq io, appena avrò tempo, userò Photoshop per crearmi una grafica leggera e carina, lo passerò in Dreamveawer per dargli i link e aggiungere la parte scritta e poi lo posterò on-line... il casino è trovare un po' di tempo per fare il tutto...

ciao e buon lavoro a tutti, cercherò di fare up il prima possibile...

:hello:

Condividi questo messaggio


Link al messaggio
Condividi su altri siti
Ospite

la butto li....

prova017bj.jpg

prova025bv.jpg

prova033wk.jpg

dim 900x80 pixel

troppo alto, troppo basso, è orribile, non dice niente, meglio evitare ste puttanate, meglio il primo, il secondo o il terzo... su dai sparate e non guardate di caricare a salve...

matteo ma che cos'è?

è un'idea che mi è venuta a sto punto sto pensando di metterla in cima ad ogni pagina e sotto farci i collegamenti alle pagine tipo banner del sito ma non banner... magari se mi viene voglia cambio le immagini... secondo voi può andare oppure no? sto cercando di capire come metterci anche un'effetto graffi o cmq leggermente di pellicola vissuta... mi è venuto in mente di organizzare il tutto come se fosse una "Folder"... ;)

impressioni?

:hello:

Condividi questo messaggio


Link al messaggio
Condividi su altri siti
Ospite

altre due prove cn schizzi e secondo me può andare... forse meno schizzi....

prova042fz.jpg

prova054oj.jpg

vi lascio con un flash che mi è passato per la mente... il tempo scorre... siamo già a giugno e iniziano gli esami ed io sono al punto zero, neanche a 1... zero... ho solo idee e poco più... mi sa che sta settimana la dedico allo stduio profondo... il tempo scorre troppo veloce e si mangia da solo con la nostra età... forse è meglio se mi concentro anche su me stesso... cacchio 23 anni tra poco 24 e mi sento come un sedicenne, ma sono sempre e solo al mio posto e domani che faccio? iniziamo a pensare che forse devo curare anche la mia persona e a crescere un secondo... che flash ragazzi... cosa c'èntra questo col sito? con la grafica del sito? un po' centra... perchè il sito è la fotografia della mia vita è il diaro del tempo che passa... :eek: meglio andare a dormire presto stasera.... (la vita è un po' una merda! non c'è alternativa)....

:hello:

Condividi questo messaggio


Link al messaggio
Condividi su altri siti
Ospite

altre idee che mi sono venute fuori e credo che molto probabile che andrò su questa linea o meglio vediamo cosa esce fuori...

il carattere sono un po' indeciso su questi:

Kartika

Arial

Lucida Sans/Console

finora ho usato il Century Gotic, ma vorrei cambiarlo con uno un po' più leggibile o cmq variare per evitarne la nausea...

Layout Sito

layout016dn.th.jpg

alternativa al colore

layout0126bf.th.jpg

forse la striscia è più bellina colorata anche se distrae, il problema che mi pongo ora però e come mettere i pulsanti, pensavo sotto il "Film-stripe" oppure mi ricavo uno spaziettino di lato, ma sarebbe meglio cercare di metterlo sia testuale che a "bottone" magari la notte porta consiglio... più ch ealtro devo fare delle prove unendo il tutto a dreamveawer altrimenti la mia idea va a perdersi... ah... il testo lo mettoi color Bordò o bianco addirittura... le macchie rosse "servono" per unirsi al testo... <_< a logica...

idea folle per la pagina di entrata l'index...

layout0110ox.jpg

ora vado a letto per davvero... ma voi che ne dite? oltre a consigliarmi un'analista? :ph34r:

:hello:

Condividi questo messaggio


Link al messaggio
Condividi su altri siti
Ospite

Mi sono dato all'Arial Narrow ;)

allora il problema è riuscire a far integrare la striscia con i pulsanti di sotto... per ora sto lavorando su questa scia... prima ho fatto anche delle prove mettendo un gradiente sulla striscia di foto in modo da cercare una sorta di colore guida a tutto.

ero indeciso tra il rosso-nero / verde-nero... poi sto pensando azz... odio essere ineciso...

dove ora ci sono le scrittine verdi è la posizione per il menù ipertestuale da aggiungere dopo con Dreamweaver... ora devo aggiungere gli schizzi in maniera ordinata e ragionata e pooi via col resto...

che ne dite per ora?

untitled124vx.th.jpg

alcune prove di colore...

provinicolorecopy4qg.th.jpg

Condividi questo messaggio


Link al messaggio
Condividi su altri siti

Allora ragazzo wip..... complimenti....

mi piace... qualunque cosa sarà meglio di quella cosa che avete tu e l'altro....

io però lo pulirei un pò.... ma non è male....

:hello:

Condividi questo messaggio


Link al messaggio
Condividi su altri siti
Ospite

Grazie Sardo78...

mi sa che la cosa diventa più mia che sua, quindi ho molta carta bianca... opsss... grigia ;)....

io però lo pulirei un pò.... ma non è male....

Cosa intendi? dagli schizzi o da altre cose a livello grafico? ora mi faccio un caffè e poi vedo di metterci un po' mano... pensavo di passare alla fase "Dripping" e poi vedere come risolvere il fatto della fusione con la striscia e i pulsanti...

:hello:

Condividi questo messaggio


Link al messaggio
Condividi su altri siti
Ospite

mi sono portato avanti... prima del caffè... ho messo tutti i pennelli in scena con 2 tipologie di colore... ho fatto un po' di scala, ruota, streccia e metti li... ho composto gli schizzi... ora metto un po' colore e poi vedo se eliminarne qualcuno o se usare un po' di gomma in qualche punto...

ecco lo shoot della prima fase...

:hello:

shootbrush017ps.jpg

Condividi questo messaggio


Link al messaggio
Condividi su altri siti
Ospite

prove con colore e piccolo particolare aggiunto...

shootbrush022mm.th.jpg shootbrush034bh.th.jpg

prove colore...

shootbrush054ym.th.jpg shootbrush068yd.th.jpg

e se cambiassi anche il colore di fondo?

shootbrush044eq.th.jpg shootbrush072po.th.jpg shootbrush083xj.th.jpg shootbrush099pz.th.jpg

ho fatto anche delle prove di colore testo e forse solo il grigio, cambiando un po' il bianco con un colore più tenue e meno evidente, è l'unico che garantisce una lettura con colori come il Bordò...

provacoloretesto3bh.th.jpg provacoloretesto27og.th.jpg

ho alzato la risoluzione a 1024x768... lo so che così lascio fuori i micro schermi da 800x600 ma credo che più di così non mi alzo... mi sonsigliate di farlo preciso oppure di portarlo anche solo a 1000x750 in modo che mi entra preciso nello schermo senza avere la barra di scorrimento di lato? che ne dite?

Commenti, critiche e suggerimenti... specie sui colori sono ben accetti... ;)

ciao e buon lavoro a tutti

Matteo

:hello:

Condividi questo messaggio


Link al messaggio
Condividi su altri siti

Acerbo ancora... e poi troppa confusione....

il Bordò non si può vedere....

contamina tutto non con degli schizzi così.... è un pò brutale....

o dai l'idea di vernice caduta o scosata oppure guarda Jackson Pollock e le sue opere.....

non è il mio genere ma magari può dirti qualcosa.....

:hello:

Condividi questo messaggio


Link al messaggio
Condividi su altri siti
Ospite

ancora più schizzi???? io volevo rimanere su qualcosa di più sobrio e non troppo macchia... tipo i lavori che ti ho fatto vedere tempo fa, ricordi?

dai ora vedo se continuare a rendere schizzi oppure se esco a farmi una birra...

.

.

.

esco a farmi una bira possibilmente bionda.... ;)

:hello:

Condividi questo messaggio


Link al messaggio
Condividi su altri siti

Non hai capito..... o fai rendere a quegli schizzi un effetto, un intenzione o nulla..... mica mettine di più....

eppure sai come la penso....

:hello:

buona birra........

Condividi questo messaggio


Link al messaggio
Condividi su altri siti

Crea un account o accedi per commentare

Devi essere un utente per poter lasciare un commento

Crea un account

Registrati per un nuovo account nella nostra comunità. è facile!

Registra un nuovo account

Accedi

Hai già un account? Accedi qui.

Accedi ora

  • Navigazione recente   0 utenti

    Non ci sono utenti registrati da visualizzare in questa pagina.

×