Gör webbdesign effektivare med Mudcu.be gratis onlineverktyg

Annons

Om du någonsin har provat dig på webbdesign och du egentligen inte är en konstnärlig typ av person, vet du att den faktiska icke-programmerande "design" -delen av ekvationen kan bli lite utmanande.

För vissa människor, som vissa medlemmar i min familj som är för billiga för att köpa bildskapande programvara, uppstår svårigheterna när de vill skräddarsy logotyper eller bakgrunder. För vissa programmerare kommer problemet när CSS-kod behövs, och de har inte riktigt uppnått de senaste CSS-standarderna.

Du kan spendera mycket tid på att hålla dig uppdaterad om de senaste trender och standarder för webbdesign. Med så många WYSIWYG webbdesignverktyg där ute, skapar webbplatser mer i domänen för icke-programmerare än programmerare idag. Problemet med det är att när det gäller att finjustera en design för att göra det du verkligen vill att det ska göra, måste du gå tillbaka till en programmerare, det finns inget att komma runt det.

Tack och lov finns det massor av resurser som kan hjälpa dig innan du måste gå till en programmerare för att få hjälp. Här på MUO älskar vi webbdesign och täcker ämnet ofta, till exempel Ann's

Firebug-granskning Amatörens guide för att anpassa webbplatsdesign med FireBug Läs mer , eller Steve's lista över bra webbdesign bloggar att följa 6 bästa bloggar för webbdesign att följa Läs mer .

En särskild webbplats som ger en hel lista med riktigt användbara webbdesignverktyg som vem som helst kan använda är Mudcu.be.

Mudcu.be Verktyg för webbdesign

Mudcu.be är vad jag skulle kalla en verktygslåda med grundläggande verktyg för en webbdesigner som arbetar med en mycket liten budget (eller ingen budget). Verktygen som du hittar på den här webbplatsen är mycket fokuserade på grafik och att utforma eller samordna färgerna på din webbplats. I slutändan är färger verkligen det som kan göra eller bryta en design, så det är viktiga verktyg att ha praktiskt.

Om du är en av de här människorna som bara inte har kontanter att lägga till för kvalitetsmålning eller bildskapande programvara, eller kanske du reser med en liten bärbar dator eller netbook och du behöver en webbaserad bildredigering lösning. Ett verktyg på Mudcu.be som kan hjälpa är Sketchpad.

Sketchpad-verktyget låter dig ganska mycket tillverka vilken bild du vill ha i ett webbaserat verktyg som inte skiljer sig från Windows Paint. Men efter att ha använt Sketchpad ett tag kände jag verkligen att det är mycket lättare att använda och sättet är mer flexibelt än Windows Paint. När du är klar klickar du bara på den lilla diskbilden längst upp och du kan spara den bild du just har skapat på din dator. Det är så enkelt.

Nu, enligt min mening, är de coolaste verktygen som Michael Deal erbjuder på sin webbplats COLRD-urvalet av färggradientverktyg. Det här är en serie färgpalettverktyg som låter dig justera färgelementen noggrant så att du får exakt nyans av vilken färg du behöver. Du justerar nyans, mättnad och luminans och justerar nivåer av rött, grönt och blått, och du kan bara välja från rutan med liknande färger från höger om du vill. När du är klar listas färgkoden för skuggan du skapade ovanför reglagen.

Serien med COLRD-verktyg inkluderar liknande webbappar som ovan. Menyn "Skapa" låter dig välja från färgverktyget ovan, eller så kan du gå med Palette, Gradient eller Image DNA.

De andra verktygen är självförklarande, men Image DNA är verkligen värt att nämna. Med det här verktyget kan du öppna vilken bild som helst på din dator och sedan använda verktyget för att identifiera färgerna på fotot.

Det fina med ett verktyg som detta är att om du planerar att använda vissa bilder på din webbsida så låter denna webbapp dig identifiera färgerna som du kan använda på din webbsida som perfekt matchar de dominerande färgerna på ditt foto. Detta kan hjälpa amatörswebdesignare att övervinna det mycket vanliga problemet med färgkollisioner på en webbsida - omvandla vad som kan vara en anständig design till en förfärlig webbplats.

På tal om fruktansvärda webbplatser, i den här tiden och varför på jorden har människor fortfarande otäcka bakgrunder som ser ut som om de kom ut från 1990-talet? När du väl har fått dina webbplatsfärger och bilder sorterade med verktygen ovan kan du gå vidare till Bakgrundsgenerator.

Med denna webbapp kan du välja från en lång lista med "texturer" för din bakgrund. Vissa av dem kan se ostiga ut om du inte lägger ut det rätt, men många av dem ser riktigt bra ut om du använder det Gradientvalen för att finjustera färgskärmen så att den ser bra ut med dina bilder och webbplats färger. När du är klar klickar du bara på knappen "Generera CSS" och CSS-koden genereras åt dig. Det blir inte mycket lättare än så.

Verktyget har till och med en "simulator" -funktion, där du kan testa bakgrunden på din webbsida innan du faktiskt implementerar den. Så här ser det ut när jag kör simulatorn på Google.com.

Michael älskar färg, och inget verktyg visar detta mer än hans Färgsfär. Hur han beskriver det på webbplatsen ska färgsfären låta dig "visualisera färgharmonier" med hjälp av formler som han kom med. Det är faktiskt ganska imponerande eftersom det låter dig börja med ett visst färgval, säger rött - och sedan bryter den upp din valfärg till en lutning av andra färger som flyter i "harmoni". Det här är färgerna som du vill hålla fast vid på din webbplats för att säkerställa att alla färger fungerar bra tillsammans

Bara att leka med Color Sphere ett tag, måste jag säga att även om jag inte vet vilka formler han använder, fungerar färgvalen verkligen bra tillsammans.

En annan av Michaels appar som är värt att nämna är faktiskt ett Appspot-erbjudande som heter Daltonize. Detta är ett riktigt imponerande verktyg som låter dig identifiera vilken typ av färgblindhet du har och sedan använda den val för att göra det möjligt för din webbläsare att visa webbsidor till dig i ett format som tar in din färgblindhet konto.

När du har installerat bokmärket i din webbläsare, följ instruktionerna, ser du en jordklotikon i verktygsfältet (åtminstone i Chrome). Daltonize-inställningar låter dig identifiera färgvisningsbristerna när du öppnar webbläsaren, och du kan också ändra valet av färgblindhetstyp när som helst.

Så här ser den resulterande sidan ut när du använder färgblindhetsfiltret. Om du inte är färgblind visar bilden nedan min blogg, som normalt har en orange nyans för sidhuvud och ikonfärg, som en glödande lila färg. Det ser ut som att det också färgade en del av bilderna på webbplatsen också. Mycket imponerande verktyg!

Detta är inte en lista över alla designverktyg som finns tillgängliga på Mudcu.be, så om färg är din sak, eller om du letar efter sätt att bättre integrera färg i din webbdesign, är denna webbplats ett måste-besök.

Kämpar du någonsin med färger i ditt webbdesignarbete? Vilka verktyg eller tekniker använder du för att matcha saker? Dela dina tankar och insikter i kommentarerna nedan!

Bildkredit: webbdesign Via Shutterstock