Se ti sei mai cimentato con il web design e non sei proprio un tipo artistico di persona, allora sai che l'effettiva parte "design" non programmabile dell'equazione può diventare un po 'impegnativa.
Per alcune persone, come certi membri della mia famiglia che sono troppo economici per acquistare software per la creazione di immagini, la difficoltà sorge quando vogliono creare su misura loghi o sfondi. Per alcuni programmatori, il problema si presenta quando il codice CSS è necessario e non sono ancora arrivati a velocità sugli ultimi standard CSS.
Puoi dedicare molto tempo a tenersi aggiornato sugli ultimi trend e standard del web design. Con l'avvento di così tanti strumenti di progettazione web WYSIWYG, la creazione di siti Web sta cadendo più nel dominio dei non programmatori rispetto ai programmatori di questi tempi. Il problema è che quando si tratta di modificare un progetto per fare ciò che si vuole veramente fare, si deve tornare da un programmatore, non c'è modo di aggirarlo.
Per fortuna, ci sono molte risorse che possono essere d'aiuto prima che tu debba andare a gattonare da un programmatore per chiedere aiuto. Qui al MUO amiamo il web design e trattiamo spesso l'argomento, come ad esempio la recensione di Ann's Firebug. Guida amatoriale alla personalizzazione del design del sito web con FireBug Guida amatoriale alla personalizzazione del design del sito web con FireBug Leggi di più, la mia recensione su Kompozer, o la lista di Steve dei migliori blog di web design seguire 6 migliori blog di web design per seguire 6 migliori blog di web design da seguire Leggi di più.
Un sito particolare che fornisce un intero elenco di strumenti di web design davvero utili che chiunque può utilizzare è Mudcu.be.
Strumenti di progettazione Web Mudcu.be
Mudcu.be è quello che definirei una cassetta degli attrezzi di base per un web designer che lavora su un budget molto piccolo (o senza budget). Gli strumenti che troverai in questo sito sono molto focalizzati sulla grafica e sulla progettazione o il coordinamento dei colori del tuo sito web. In definitiva, i colori sono davvero ciò che può creare o distruggere un design, quindi questi sono strumenti importanti da avere a portata di mano.
Se sei una di quelle persone che semplicemente non hanno i soldi per prepararsi alla verniciatura di qualità o al software per la creazione di immagini, o forse stai viaggiando con un piccolo laptop o netbook e hai bisogno di una soluzione di editing delle immagini basata sul web. Uno strumento in Mudcu.be che può essere d'aiuto è lo Sketchpad.
Lo strumento Sketchpad ti consente di creare praticamente qualsiasi immagine desiderata in uno strumento basato sul Web che non è diverso da Windows Paint. Tuttavia, dopo aver usato Sketchpad per un po ', mi sono davvero sentito molto più semplice da usare e molto più flessibile di Windows Paint. Quando hai finito, fai clic sulla piccola immagine del disco in alto, e puoi salvare l'immagine che hai appena creato sul tuo computer. È così facile
Ora, a mio parere, gli strumenti più interessanti offerti da Michael Deal sul suo sito sono la selezione COLRD degli strumenti di sfumatura del colore. Si tratta di una serie di strumenti per la tavolozza dei colori che consentono di regolare con cura gli elementi del colore per ottenere la tonalità esatta di qualsiasi colore desiderato. Regoli la tonalità, la saturazione e la luminanza e regola i livelli di rosso, verde e blu e puoi scegliere dalla casella di colori simili a destra, se lo desideri. Quando hai finito, il codice colore della sfumatura che hai creato è elencato sopra i cursori.
La serie di strumenti di COLRD include app Web simili a quella precedente. Il menu "Crea" ti consente di scegliere dallo strumento Colore sopra, oppure puoi andare con Tavolozza, Gradiente o Immagine DNA.
Gli altri strumenti sono auto-esplicativi, ma l'immagine DNA è davvero degna di nota. Con questo strumento, puoi aprire qualsiasi immagine che potresti avere sul tuo computer, quindi utilizzare lo strumento per identificare i colori all'interno della foto.
La bellezza di uno strumento come questo è che se si prevede di utilizzare determinate immagini sulla propria pagina Web, questa applicazione Web consente di identificare i colori che è possibile utilizzare sulla pagina Web in modo che corrispondano perfettamente ai colori dominanti nella foto. Ciò può aiutare i web designer dilettanti a superare il problema molto comune dello scontro dei colori su una pagina Web, trasformando quello che potrebbe essere un progetto decente in un sito atroce.
A proposito di siti web atroci, al giorno d'oggi, perché mai le persone hanno ancora sfondi cattivi che sembrano usciti dagli anni '90? Una volta che i colori e le immagini del tuo sito Web sono stati tutti ordinati con gli strumenti sopra, puoi passare al Generatore di sfondo.
Questa app Web ti consentirà di scegliere da una lunga lista di "trame" per il tuo background. Alcuni di essi possono sembrare volgari se non li esponi correttamente, ma molti di essi sembrano davvero buoni se si utilizzano le selezioni di sfumatura per mettere a punto la tonalità del colore in modo che appaia bene con le immagini e i colori del sito Web. Una volta terminato, fai clic sul pulsante "Genera CSS" e il codice CSS viene generato automaticamente. Non è molto più facile di così.
Lo strumento viene fornito anche con una funzione di "simulatore", in cui è possibile testare lo sfondo sulla tua pagina web prima di implementarla. Ecco come appare quando eseguo il simulatore su Google.com.
Michael ama il colore e nessuno strumento lo mostra più della sua Sfera colore. Il modo in cui lo descrive sul sito web, la sfera dei colori dovrebbe consentire di "visualizzare le armonie cromatiche" usando le formule che ha elaborato. In realtà è piuttosto impressionante perché ti permette di iniziare con una certa selezione di colori, diciamo in rosso - e poi abbatte il colore della scelta in una sfumatura di altri colori che scorrono in "armonia". Questi sarebbero i colori che vorresti mantenere nel tuo sito web per assicurarti che tutti i colori funzionino bene insieme
Sto solo giocando con la Sfera di colore per un po ', devo dire che sebbene non conosca le formule che usa, le scelte cromatiche funzionano davvero bene insieme.
Un'altra app di Michael che vale la pena menzionare è in realtà un'offerta Appspot chiamata Daltonize. Questo è uno strumento davvero impressionante che consente di identificare il tipo di daltonismo che si ha e quindi utilizzare tale selezione per consentire al browser di visualizzare le pagine Web in un formato che tenga conto del proprio daltonismo.
Dopo aver installato il segnalibro nel browser, seguendo le istruzioni, vedrai un'icona a forma di globo nella barra degli strumenti (almeno in Chrome). Le impostazioni di Daltonize ti permetteranno di identificare le deficienze della visione dei colori ogni volta che aprirai il browser, e potrai anche cambiare la selezione del tipo daltonismo in qualsiasi momento.
Ecco come appare la pagina risultante quando usi il filtro daltonico. Se non sei daltonico, l'immagine qui sotto mostrerà il mio blog, che normalmente ha una sfumatura arancione per i lati dell'intestazione e il colore dell'icona, come un colore viola brillante. Sembra che abbia anche colorato alcune delle immagini sul sito. Strumento davvero impressionante!
Questo non è un elenco di tutti gli strumenti di progettazione disponibili su Mudcu.be, quindi se il colore è la tua passione o se stai cercando modi per incorporare meglio il colore nel tuo web design, questo sito è assolutamente da visitare.
Hai mai avuto problemi con i colori nei tuoi sforzi di progettazione web? Quali strumenti o tecniche usi per abbinare le cose? Condividi i tuoi pensieri e approfondimenti nella sezione commenti qui sotto!
Credito immagine: web design Via Shutterstock