Share
Per quanto importanti siano le informazioni e il design dell'interfaccia, è la soddisfazione di progettare qualcosa che è semplicemente fantastico che ci fa andare avanti in quei momenti in cui il creativo è asciutto, quando hai fissato una tela bianca per ore, quando sei Ho salvato un centinaio di tentativi.psd e quando sei stufo del design. È perché sai che quando hai finito, lucido, vera e propria opera d'arte sullo schermo, hai commutato Photoshop in modalità a schermo intero e lo stai guardando da diverse angolazioni intorno alla stanza, e sei crogiolandosi nella gloria dei pixel perfettamente posizionati, sai solo che questa è la professione più grande del mondo!
Questo post è il 5 ° giorno della nostra sessione di Web Design. Sessioni creative "Session Day 4Session Day 6"
Quando si progetta un sito Web per un cliente, spesso è necessario fornire un paio di concetti di design diversi. Quando ti senti come se avessi fatto bene la prima volta, è abbastanza fastidioso dover dragare un'altra versione che sei sicuro di non farcela con Photoshop. Ma col tempo ho capito che è davvero una buona idea creare più di una versione, non importa quanto tu sia felice con la prima.
Che si tratti di più iterazioni dello stesso design o di più progetti, in generale, più tempo sembra avere un risultato migliore. Questo non vuol dire che dovresti continuare ad aggiungere a un design, anzi spesso è meglio portare via le cose. Se si stanno facendo più concetti di progettazione, a volte è possibile unire con successo i migliori elementi di un disegno in un altro.
Photoshop ha una funzione interessante che consente di creare istantanee di un punto nella cronologia del documento. Una volta creata un'istantanea, è possibile spostarsi avanti e indietro tra le diverse istantanee, nonché il primo punto della cronologia e i 20 o più passi più recenti. Ciò significa che puoi continuare a scattare istantanee e provare nuove linee di pensiero per vedere dove ti portano. Ma ATTENZIONE, le istantanee non vengono salvate quando salvi un file, quindi devi passare da una all'altra e salvare ogni istantanea alla fine della giornata.
Ecco come fai uno scatto:
Come ho già detto in precedenza non è mai una buona idea semplicemente saltare sul carro delle ultime tendenze e usare certi stili ciecamente. Tuttavia, è perfettamente corretto usare un certo stile quando è appropriato. Quindi, se stai progettando un sito che meriti un bell'aspetto web 2.0, allora non significa che dovresti evitare di farlo, solo perché in quel momento è trendy. Allo stesso modo, se stai progettando un sito che merita un bel design sgangherato e angosciato, allora se la scarpa si adatta, indossalo!
Quindi, con questo in mente, aiuta ad avere una libreria di stili su cui attingere. Quando si disegna uno spazio vuoto all'avvio di un nuovo progetto, a volte può essere utile solo per ricorrere a una scelta stilistica predefinita e quindi lasciarsi guidare. Inevitabilmente finirai con qualcosa di totalmente diverso da qualsiasi cosa tu abbia progettato prima, e almeno ti aiuterà a iniziare.
Ma sii molto cauto nell'usare lo stile sbagliato solo perché sembra interessante, e non perché sia appropriato per il client / messaggio / contenuto. L'unico antidoto a fare questo è conoscere e avere molti stili di design diversi. Come si "apprendono" gli stili di progettazione? Bene, puoi iniziare osservandoli e imitandoli. Amo navigare attraverso gallerie di grande web design e assorbire idee visive, vedere quali tipi di font funzionano con i tipi di look e in generale apprendere le tecniche di altre persone. Quando arriva il momento di creare i miei progetti, quell'informazione è nella mia testa da qualche parte, ma quando esce ha il tocco unico del progetto su cui sto lavorando e le mie idee creative.
Alcuni dei migliori progetti su cui abbia mai lavorato sono il risultato di ciò che un mio collega una volta chiamava "incidenti felici". Sapete quando spegnete un livello, o incollate accidentalmente l'illustrazione sbagliata, o fate oscillare il cursore Hue troppo lontano, e all'improvviso guardate il vostro schermo e pensate "OMG questo è oro design!"
Penso che tutti vorremmo poter produrre idee di design sorprendenti al momento giusto, ma ammettiamolo, a volte vai al serbatoio e stai andando a vuoto. Gli incidenti felici spesso faranno muovere il tuo pensiero creativo, quindi ha senso non solo scappare con loro quando accadono, ma incoraggiarli facendo scherzi. A volte sposto le forme solo in modo arbitrario, provo diversi colori o faccio altre cose "casuali" per vedere se riesco a imbattermi in qualcosa che non ho mai pensato.
Qualcosa che trovo funziona bene, specialmente su siti con un design visivo meno intrinseco (si pensi ai siti aziendali) è di fare un gioco su qualche elemento visivo. Ad esempio potresti usare linee tratteggiate nel tuo progetto, quindi potresti rispecchiare quel tema nel tuo menu, nei separatori orizzontali, nei collage di foto, nei diagrammi, come punti elenco e così via. Ci sono tonnellate di elementi visivi diversi che potresti raccogliere e utilizzare come tema, gli esempi includono forme, tipi di angoli come curve o diagonali, motivi, caratteri di testo come parentesi e così via.
Certo, devi trovare un equilibrio tra un mirroring sottile e andare in cima, ma è una tecnica utile per legare un sito insieme in un tema coerente - specialmente come dico se non hai molto altro da lavorare con!
Mi piace molto dire che il web design è tutto incentrato sui pixel. I visitatori dei siti Web che progetterai osserveranno il tuo lavoro da vicino e personale, spesso con gli occhi stanchi e il prurito del mouse. È importante prendersi cura di ogni pixel sulla tua pagina e ordinarli e renderli nitidi e ordinati in modo che il tuo design sia chiaro e nitido.
Ciò significa assicurare che il testo sia ben distanziato tra lettere e tra le linee, che i bordi siano nitidi e pixel perfetti, che la grafica sia nitida (ma non esagerare e eccessiva!) E che usi tecniche come 1px che delineano per far saltare tutto dalla pagina.
Poco più di un anno fa ho scritto un tutorial qui su Psdtuts + chiamato per la lucidatura di un design di un sito web che ha molte informazioni sulla nitidezza e sulla pulizia di un design del sito.
Poiché mi sono insegnato a progettare il web, ci sono alcuni principi di progettazione davvero basilari che mi sono persi a imparare presto. Un paio d'anni dopo aver iniziato a creare siti web, mi unii a un'associazione di design locale e incontrai un tizio di nome Matt Leach che divenne direttore della rivista Empty underground. Comunque, Matt ha fatto due cose per me di cui sono eternamente grato. Il primo è che mi ha presentato la mia adorabile moglie Cyan (yay!) E il secondo marginalmente meno importante è che mi ha insegnato ad usare la struttura nel mio design.
A quel tempo ero solito buttare le cose su una pagina e qualche volta le cose erano allineate o erano uniformemente distanziate o un po 'usate una griglia, ea volte anche loro semplicemente cadevano come cadevano. Matt ha criticato un disegno che avevo fatto e mi ha mostrato le meraviglie di allineamento e spaziatura e non ho mai guardato indietro.
Se non lo stai già facendo, passa un po 'di tempo a fare queste cose:
Una volta che hai una struttura nel tuo progetto e ti sei abituato ad allineare ed essere ordinato e sistematico, solo poi è il momento di uscire e iniziare a mescolare le cose. È il vecchio adagio che devi capire le regole prima di romperle.
Mescolare alcuni elementi non strutturati in un design strutturato è un modo davvero bello di ottenere un risultato che sembra ordinato e comprensibile e tuttavia non è noioso. Il tuo obiettivo principale è quello di uscire dalla struttura usando un paio di elementi visivi in grassetto, per variare la spaziatura, i caratteri tipografici e l'uso della tua griglia, e tuttavia avere una struttura sottostante.
In realtà si può anche solo interrompere completamente la struttura, ma è dannatamente difficile fare bene. Un famoso designer noto per aver infranto le regole - in gran parte legato alla tipografia, ma anche a griglie e strutture di design - è David Carson.
SmashingMagazine ha un sacco di articoli sul design basato sulla griglia, incluso questo sull'allontanarsi dalla griglia dal nostro editor di Psdtuts + Sean Hodge.
Se potessi dare un consiglio a un nuovo designer, sarebbe come fare un'abitudine di design personale: con ogni progetto che intraprendi, fai una cosa che non hai mai fatto prima. Che si tratti di un nuovo font, una nuova griglia, un nuovo stile visivo, una nuova combinazione di colori, un nuovo effetto grafico, una nuova struttura di menu, una nuova tecnologia, qualsiasi cosa. Anche se questo significa che il lavoro richiede un po 'più del dovuto, anche se porta a un paio di vicoli ciechi che avresti potuto evitare, anche se questo significa che devi spendere un po' di più per comprare un nuovo font, fallo e basta.
Questa abitudine farà un sacco di cose per te. Ti costringerà ad espandere costantemente i tuoi orizzonti come designer. Manterrà il tuo lavoro fresco. E ti impedirà di cadere in un solco del design e di pompare fuori il "solito". È un'abitudine che puoi affrontare all'inizio della tua carriera come un modo per diventare migliore, e poi, molto tempo dopo esserti stabilito, continuerà a pagare i dividendi.
Se prendi solo una cosa da tutti questi post sulla Web Design Week su cui ho lavorato così duramente, fai questo: abituarti a fare il designer, a provare cose nuove, a sperimentare, a imparare sempre e a non smettere mai di trovare gioia in nuove tecniche, stili e idee.
Questo post è il 5 ° giorno della nostra sessione di Web Design. Sessioni creative "Session Day 4Session Day 6"
Accentsconagua