Hvis du noen gang har prøvd hånden din på webdesign og du egentlig ikke er en kunstnerisk type person, vet du at den faktiske ikke-programmerende "design" -delen av ligningen kan bli litt utfordrende.
For noen mennesker, som bestemte medlemmer av familien min, som er for billige til å kjøpe bildeopprettingsprogramvare, oppstår problemer når de vil skreddersy logoer eller bakgrunner. For noen programmerere kommer problemet når CSS-koden er nødvendig, og de er ikke helt oppe i fart på de nyeste CSS-standardene.
Du kan bruke mye tid på å holde deg oppdatert på de nyeste webdesigntrender og -standarder. Med adventen til så mange WYSIWYG webdesignverktøy der ute, er det å skape nettsteder som ikke er programmerere enn programmerere i disse dager. Problemet med det er at når det gjelder å justere et design for å gjøre det du virkelig vil gjøre det, må du gå tilbake til en programmerer, det er ingen å komme seg rundt.
Heldigvis er det mange ressurser som kan hjelpe før du må gå til en programmerer for hjelp. Her på MUO, vi elsker webdesign og dekker emnet ofte, som Ann's Firebug gjennomgang Amatørguide til å tilpasse webdesign med FireBug Amatørhåndbok for å tilpasse webdesign med FireBug Les mer, min Kompozer-gjennomgang eller Steves liste over flotte webdesignblogger å følge 6 beste webdesign blogger for å følge 6 beste webdesign blogger for å følge Les mer.
Et bestemt nettsted som gir en hel liste over virkelig nyttige webdesignverktøy som alle kan bruke er Mudcu.be.
Mudcu.be Webdesignverktøy
Mudcu.be er hva jeg ville kalle en verktøykasse med grunnleggende verktøy for en webdesigner som jobber med et svært lite budsjett (eller ingen budsjett). Verktøyene som du finner på dette nettstedet er svært fokusert på grafikk, og utformer eller koordinerer fargene på nettstedet ditt. I siste omgang er farger virkelig hva som kan gjøre eller ødelegge et design, så disse er viktige verktøy for å ha hendig.
Hvis du er en av de folkene som bare ikke har penger til å legge ned for kvalitetsmaling eller bildeopprettingsprogramvare, eller kanskje du reiser med en liten bærbar PC eller netbook, og du trenger en webbasert bilderedigeringsløsning. Et verktøy på Mudcu.be som kan hjelpe er Sketchpad.
Sketchpad-verktøyet lar deg ganske mye lage et hvilket som helst bilde du vil ha i et nettbasert verktøy som ikke er ulikt Windows Paint. Imidlertid, etter å ha brukt Sketchpad en stund, følte jeg virkelig at det er mye enklere å bruke og mer fleksibel enn Windows Paint. Når du er ferdig, klikker du bare på det lille diskbildet øverst, og du kan lagre bildet du nettopp har opprettet til datamaskinen. Det er så enkelt.
Nå, etter min mening, er de kuleste verktøyene som Michael Deal tilbyr på sitt nettsted, COLRD-utvalget av fargegradientverktøy. Dette er en serie fargepalettverktøy som lar deg omhyggelig justere fargeelementene for å komme opp med den eksakte skyggen av hvilken farge du trenger. Du justerer fargen, metningen og lysstyrken, og justerer nivåene av rød, grønn og blå, og du kan bare velge fra boksen med lignende farger fra høyre hvis du vil. Når du er ferdig, vises fargekoden til skyggen du opprettet, rett over skyvekontrollene.
Serien av COLRD-verktøy inkluderer lignende webprogrammer til den ene over. "Lag" -menyen lar deg velge fra Fargeværktøyet ovenfor, eller du kan gå med Palette, Gradient eller Image DNA.
De andre verktøyene er selvforklarende, men Image DNA er virkelig verdt å nevne. Med dette verktøyet kan du åpne hvilket som helst bilde du måtte ha på datamaskinen din, og deretter bruke verktøyet til å identifisere fargene i bildet.
Skjønnheten i et verktøy som dette er at hvis du planlegger å bruke visse bilder på websiden din, kan du bruke denne webapplikasjonen til å identifisere farger du kan bruke på nettsiden din, som perfekt matcher de dominerende fargene i bildet ditt. Dette kan hjelpe amatør webdesignere overvinne det svært vanlige problemet med fargekobling på en nettside - snu det som kunne være et anstendig design i en grusom nettside.
Når vi snakker om fryktelige nettsteder, i denne tid og alder, hvorfor på jorden, har folk fortsatt ekkel bakgrunn som ser ut som de kom rett ut av 1990-tallet? Når du har fått nettstedets farger og bilder sortert med verktøyene over, kan du gå videre til bakgrunnsgeneratoren.
Denne web-appen lar deg velge fra en lang liste med "teksturer" for bakgrunnen din. Noen av dem kan se cheesy hvis du ikke legger det ut riktig, men mange ser veldig bra ut hvis du bruker Gradient-valgene for å finjustere fargeskyggen slik at det ser bra ut med bildene og nettstedets farger. Når du er ferdig, klikker du bare på "Generer CSS" -knappen, og CSS-koden blir generert for deg. Det blir ikke mye lettere enn det.
Verktøyet kommer til og med med en "simulator" -funksjon, der du kan teste bakgrunnen på nettsiden din før du faktisk implementerer den. Slik ser det ut når jeg kjører simulatoren på Google.com.
Michael elsker farge, og ingen verktøy viser dette mer enn hans fargesfære. Måten han beskriver den på nettsiden, skal fargesfæren la deg "visualisere fargekonflikter" ved hjelp av formler som han kom opp med. Det er faktisk ganske imponerende fordi det lar deg starte med et bestemt fargevalg, sier rødt - og så bryter du ned fargen din til en gradient av andre farger som flyter i "harmoni". Disse ville være de fargene du vil holde med på nettstedet ditt for å sikre at alle fargene fungerer godt sammen
Bare å leke med Color Sphere for en stund, må jeg si at selv om jeg ikke vet hvilke formler han bruker, fungerer fargevalgene egentlig godt sammen.
En annen av Mikaels apps som er verdt å nevne er faktisk et Appspot-tilbud kalt Daltonize. Dette er et veldig imponerende verktøy som lar deg identifisere hvilken type fargeblindhet du har, og bruk deretter det aktuelle valget for å aktivere nettleseren din til å vise nettsider til deg i et format som tar hensyn til fargeblindhet.
Etter at du har installert bokmerket i nettleseren din, følger du instruksjonene, så ser du et globusikon i verktøylinjen (i hvert fall i Chrome). Daltonize-innstillingene lar deg identifisere fargesynemangelene når du åpner nettleseren, og du kan også endre fargeblindhetstypen når som helst.
Slik ser den resulterende siden ut når du bruker fargeblindhetsfiltret. Hvis du ikke er fargeblind, vil bildet nedenfor vise bloggen min, som vanligvis har en oransje nyanse for topptekstene og ikonfargen, som en lysende lilla farge. Det ser ut til at det også har tonet noen av bildene på nettstedet også. Veldig imponerende verktøy!
Dette er ikke en liste over alle designverktøy tilgjengelig på Mudcu.be, så hvis fargen er din ting, eller hvis du er på utkikk etter måter å bedre inkorporere farge i webdesign, er dette nettstedet et must-besøk.
Kjører du noen gang med farger i din webdesign-innsats? Hvilke verktøy eller teknikker bruker du til å matche opp ting? Del dine tanker og innsikt i kommentarfeltet nedenfor!
Bildekreditt: webdesign Via Shutterstock