Faceți designul web mai eficient cu Mudcu.be Instrumente gratuite online

Dacă ați încercat vreodată mâna dvs. la designul web și nu sunteți cu adevărat un tip artistic de persoană, atunci știți că realitatea non-programare “proiecta” o parte din ecuație poate deveni puțin provocatoare.

Pentru unii oameni, cum ar fi anumiți membri ai familiei mele care sunt prea ieftini să cumpere software-ul pentru crearea imaginilor, dificultatea apare atunci când vor să-și croiască logo-urile sau fundalul. Pentru unii programatori, problema apare când este nevoie de codul CSS și nu au ajuns destul de rapid la cele mai recente standarde CSS.

Puteți petrece o mulțime de timp păstrați-vă până la viteza de pe cele mai recente tendințe de web design și standarde. Odată cu apariția a numeroase instrumente WYSIWYG de design web acolo, crearea de site-uri web se încadrează mai mult în domeniul non-programatori decât programatori în aceste zile. Problema cu asta este că atunci când vine vorba de a schimba un design pentru a face ceea ce vrei cu adevărat să faci, trebuie să te întorci la un programator, nu există nici o în jurul valorii de ea.

Din fericire, există o mulțime de resurse care vă pot ajuta înainte de a trebui să mergeți cu crawlere la un programator pentru ajutor. Aici, la MUO, ne place designul web și acoperim adesea tema, cum ar fi revizuirea Firebug de la Ann Amateur's Guide pentru personalizarea design-ului web cu FireBug Amateur's Guide pentru personalizarea design-ului web cu FireBug Read More sau lista de bloguri Steve de bloguri de design excelent pentru a urma 6 Best Web Design Blog-uri pentru a urma 6 Best Web Design Blog-uri pentru a urma Mai mult .

Un site special care oferă o întreagă listă de instrumente de web design foarte utile pe care oricine le poate utiliza este Mudcu.be.

Mudcu.be Instrumente de Web Design

Mudcu.be este ceea ce aș numi un set de instrumente de bază pentru un web designer care lucrează cu un buget foarte mic (sau fără buget). Instrumentele pe care le veți găsi pe acest site se concentrează foarte mult pe grafică și pe proiectarea sau coordonarea culorilor site-ului dvs. În cele din urmă, culorile sunt într-adevăr ceea ce poate face sau descompune un design, astfel că acestea sunt instrumente importante pentru a avea o utilizare la îndemână.

Dacă sunteți unul dintre acei oameni care pur și simplu nu au bani pentru a stabili pentru vopsea de calitate sau software-ul de creare a imaginii, sau poate că sunteți de călătorie cu un laptop sau netbook mici și aveți nevoie de o soluție de web de editare imagine. Un instrument de la Mudcu.be care poate ajuta este Sketchpad.

Instrumentul Sketchpad vă va permite să realizați orice imagine dorită într-un instrument bazat pe web, care nu este diferit de Windows Paint. Cu toate acestea, după ce am folosit Sketchpad pentru o vreme, m-am simțit cu adevărat ca și cum ar fi mult mai ușor de utilizat și mult mai flexibil decât Windows Paint. Când ați terminat, faceți clic pe imaginea de pe micul disc din partea superioară și puteți salva imaginea pe care tocmai ați creat-o pe computer. Este atât de ușor.

Acum, în opinia mea, cele mai tari instrumente pe care Michael Deal le oferă la site-ul său sunt selecția COLRD a instrumentelor de gradient de culoare. Acestea sunt o serie de instrumente de palete de culori care vă permit să reglați cu atenție elementele de culoare pentru a veni cu nuanța exactă a culorii de care aveți nevoie. Ajustați nuanța, saturația și luminanța și ajustați nivelurile de roșu, verde și albastru și puteți alege din caseta de culori similare din dreapta, dacă doriți. Când ați terminat, codul de culoare al umbrei pe care l-ați creat este afișat chiar deasupra glisoarelor.

Seria de instrumente COLRD include aplicații web similare celor de mai sus. “Crea” vă permite să alegeți din instrumentul de culoare de mai sus sau puteți merge cu paleta, gradientul sau ADN-ul imaginii.

Celelalte instrumente sunt auto-explicative, dar ADN-ul Image este cu adevărat demn de menționat. Cu ajutorul acestui instrument, puteți deschide orice imagine pe care o aveți pe computer și apoi utilizați instrumentul pentru a identifica culorile din fotografie.

Frumusețea unui astfel de instrument este că dacă intenționați să utilizați anumite imagini pe pagina dvs. web, această aplicație web vă permite să identificați culorile pe care le puteți utiliza pe pagina dvs. web, care se vor potrivi perfect culorilor dominante din fotografia dvs. Acest lucru poate ajuta designerii de web amatori să depășească problema foarte comună de coliziune a culorilor pe o pagină web - transformarea a ceea ce ar putea fi un design decent într-un site atrocious.

Vorbind de site-uri atroce, în această zi și de vârstă, de ce pe pământ oamenii încă mai au fundații urâte care arată că au ieșit direct din anii 1990? Odată ce site-ul dvs. are culori și imagini toate sortate cu instrumentele de mai sus, puteți trece la Generatorul de fundal.

Această aplicație web vă va permite să alegeți dintr - o listă lungă de “texturi” pentru fundalul tău. Unele dintre ele pot arăta uluitoare dacă nu le acordați bine, dar multe dintre ele arată foarte bine dacă utilizați selecțiile de Gradient pentru a regla culoarea umbrei pentru a arăta bine cu imaginile și culorile site-ului. După ce ați terminat, faceți clic pe “Generați CSS” , iar codul CSS este generat pentru dvs. Nu este mult mai ușor decât asta.

Instrumentul vine chiar cu un a “Simulator” , unde puteți testa fundalul pe pagina dvs. web înainte de a-l implementa. Iată cum arată când rulez simulatorul pe Google.com.

Michael iubește culoarea și nici o unealtă nu arată asta mai mult decât culoarea sa. Modul în care o descrie pe site, sfera de culoare trebuie să vă lase “vizualizați armoniile de culoare” folosind formule cu care a venit. De fapt, este destul de impresionant, deoarece vă permite să începeți cu o anumită selecție a culorilor, să spuneți roșu - și apoi vă distruge culoarea dorită într-un gradient de alte culori care curg în “armonie”. Acestea ar fi culorile pe care doriți să le lipiți pe site-ul dvs. web pentru a vă asigura că toate culorile funcționează bine împreună

Doar jucând cu Color Sphere pentru o vreme, trebuie să spun că, deși nu știu ce formule folosește, alegerile de culoare într-adevăr funcționează bine împreună.

O altă aplicație a lui Michael care merită menționată este de fapt o ofertă Appspot numită Daltonize. Acesta este un instrument cu adevărat impresionant, care vă permite să identificați tipul de orbire coloră pe care o aveți și apoi să utilizați acea selecție pentru a permite browserului dvs. să vă afișeze pagini web într-un format care ține cont de orbirea colorată.

După ce instalați marcajul în browser, urmând instrucțiunile, veți vedea o pictogramă globală în bara de instrumente (cel puțin în Chrome). Setările Daltonize vă vor permite să identificați deficiențele viziunii culorilor ori de câte ori deschideți browserul și, de asemenea, puteți schimba oricând selecția de tip orbire color.

Iată ce arată pagina rezultată atunci când utilizați filtrul de orbire a culorilor. Dacă nu sunteți culori orb, atunci imaginea de mai jos va afișa blogul meu, care are în mod normal o nuanță portocalie pentru părțile antetului și culoarea pictogramei, ca o culoare purpurie strălucitoare. Se pare că, de asemenea, a colorat unele dintre imaginile de pe site-ul, de asemenea. Un instrument foarte impresionant!

Aceasta nu este o listă a fiecărui instrument de design disponibil la Mudcu.be, deci dacă culoarea este lucrul dvs. sau dacă sunteți în căutarea unor modalități de a încorpora mai bine culoarea în designul dvs. web, acest site trebuie să fie vizitat.

Te lupți vreodată cu culorile în eforturile tale de web design? Ce instrumente sau tehnici folosiți pentru a potrivi lucrurile? Împărtășiți-vă gândurile și informațiile în secțiunea de comentarii de mai jos!

Credit de imagine: web design Via Shutterstock

Explorați mai multe despre: Web Design, Dezvoltare Web, Instrumente pentru webmasteri.