Rendi più efficiente il Web design con Mudcu.be Strumenti online gratuiti

Se ti sei mai cimentato con il web design e non sei proprio un tipo artistico di persona, allora sai che l'attuale non-programmazione “design” parte 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, bisogna 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 per gli amanti del design di siti web con FireBug Guida amatoriale per personalizzare il design di siti web con FireBug Read More, o la lista di Steve di ottimi blog sul web design per seguire 6 Best 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 su 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ò aiutare è 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 “Creare” menu 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. Questo può aiutare i web designer dilettanti a superare il problema molto comune dello scontro dei colori su una pagina Web - trasformare quello che potrebbe essere un design 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 applicazione web ti consente di scegliere da una lunga lista di “textures” 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 l'ombreggiatura in modo che appaia bene con le immagini e i colori del sito web. Una volta che hai finito, basta fare clic sul “Genera CSS” pulsante, e il codice CSS viene generato per te. Non è molto più facile di così.

Lo strumento arriva anche con a “simulatore” funzionalità, in cui è possibile verificare lo sfondo della pagina Web prima di implementarla effettivamente. 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 lasciarvi “visualizza le armonie dei colori” usando le formule che ha inventato. In realtà è piuttosto impressionante perché ti consente di iniziare con una certa selezione di colori, ad esempio in rosso, e quindi suddivide il colore della scelta in una sfumatura di altri colori che scorrono “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 anche se non so quali formule usa, le scelte di colore funzionano davvero bene insieme.

Un'altra app di Michael che vale la pena menzionare è in realtà un'offerta di Appspot chiamata Daltonize. Questo è uno strumento davvero impressionante che ti consente di identificare il tipo di daltonismo che hai, e quindi utilizzare tale selezione per consentire al browser di visualizzare le pagine Web in un formato che tenga conto del tuo 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 consentono di identificare le carenze della visione a colori ogni volta che apri il browser e puoi anche modificare 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 molto 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

Scopri di più su: Web design, sviluppo Web, Strumenti per i Webmaster.