Hvis du nogensinde har prøvet din hånd på webdesign og du ikke er en kunstnerisk type person, så ved du, at den egentlige ikke-programmerende "design" del af ligningen kan blive lidt udfordrende.
For nogle mennesker, som visse medlemmer af min familie, der er for billige til at købe billedfremstillingssoftware, opstår der problemer, når de ønsker at skræddersy logoer eller baggrunde. For nogle programmører kommer problemet, når CSS-kode er påkrævet, og de er ikke helt på vej til de nyeste CSS-standarder.
Du kan bruge meget tid på at holde dig hurtigere på de nyeste webdesigntendenser og -standarder. Med fremkomsten af så mange WYSIWYG webdesignværktøjer derude, skaber websites i dag mere som ikke-programmører end programmerere i disse dage. Problemet med det er, at når det kommer til at tilpasse et design til at gøre, hvad du virkelig vil have det til at gøre, skal du gå tilbage til en programmør, der er ingen at komme rundt om det.
Heldigvis er der masser af ressourcer, der kan hjælpe, før du skal krybbe til en programmør for hjælp. Her på MUO elsker vi webdesign og dækker emnet ofte, som Ann's Firebug review Amatørguide til at tilpasse Website Design med FireBug Amatørs Guide til at tilpasse Website Design med FireBug Læs mere, min Kompozer review eller Steve's liste over gode webdesign blogs at følge 6 bedste webdesign blogs til at følge 6 bedste webdesign blogs for at følge læs mere.
Et bestemt websted, der giver en hel liste over virkelig nyttige webdesignværktøjer, som alle kan bruge, er Mudcu.be.
Mudcu.be Webdesignværktøjer
Mudcu.be er, hvad jeg ville kalde en værktøjskasse med grundlæggende værktøjer til en webdesigner, der arbejder på et meget lille budget (eller ingen budget). De værktøjer, du finder på dette websted, er meget fokuserede på grafik og design eller koordinering af farverne på dit websted. I sidste ende er farver virkelig hvad der kan gøre eller bryde et design, så disse er vigtige værktøjer til at være praktisk.
Hvis du er en af de folk, der bare ikke har kontanter til at lægge sig til kvalitets software til maling eller billeddannelse, eller måske rejser du med en lille bærbar computer eller netbook, og du har brug for en webbaseret billedredigeringsløsning. Et værktøj på Mudcu.be, der kan hjælpe, er Sketchpad.
Sketchpad-værktøjet giver dig mulighed for stort set at fremstille ethvert billede, du ønsker i et webbaseret værktøj, der ikke er forskelligt til Windows Paint. Men efter at have brugt Sketchpad i et stykke tid følte jeg mig virkelig, at det er meget lettere at bruge og mere fleksibelt end Windows Paint. Når du er færdig, skal du bare klikke på det lille diskbillede øverst, og du kan gemme det billede, du netop har oprettet til din computer. Det er så nemt.
Nu, efter min mening er de fedeste værktøjer, Michael Deal tilbyder på sit websted, COLRD-sortimentet af farvegradientværktøjer. Disse er en serie af farvepaletværktøjer, der giver dig mulighed for omhyggeligt at justere farveelementer for at komme op med den nøjagtige skygge af den farve du har brug for. Du justerer nuance, mætning og luminans, og justerer niveauerne rød, grøn og blå, og du kan bare vælge fra boksen med lignende farver fra højre, hvis du vil. Når du er færdig, vises farvekoden for den skygge, du har oprettet, lige over skyderne.
Serien af COLRD-værktøjer indeholder lignende webapps til den ovenstående. Menuen "Opret" giver dig mulighed for at vælge fra Farveværktøjet ovenfor, eller du kan gå med Palette, Gradient eller Image DNA.
De andre værktøjer er selvforklarende, men Image DNA er virkelig værd at nævne. Med dette værktøj kan du åbne et hvilket som helst billede, du måtte have på din computer, og derefter bruge værktøjet til at identificere farverne i billedet.
Skønheden i et værktøj som dette er, at hvis du planlægger at bruge visse billeder på din webside, giver denne webapp dig mulighed for at identificere de farver, du kan bruge på din webside, der perfekt matcher de dominerende farver i dit billede. Dette kan hjælpe amatør webdesignere overvinde det meget almindelige problem med farve sammenstød på en webside - dreje hvad der kunne være et anstændigt design til en frygtelig hjemmeside.
Taler vi om frygtelige hjemmesider i denne dag og alder, hvorfor i alverden, har folk stadig grimme baggrunde, der ser ud som om de kom lige ud af 1990'erne? Når du har fået dine hjemmesider, farver og billeder alle sorteret med værktøjerne ovenfor, kan du gå videre til baggrundsgeneratoren.
Denne webapp vil lade dig vælge fra en lang liste med "teksturer" til din baggrund. Nogle af dem kan se osteagtig, hvis du ikke lægger det rigtigt ud, men mange af dem ser rigtig godt ud, hvis du bruger Gradient-valgene til at finjustere farveskyggen, så det ser godt ud med dine billeder og websitfarver. Når du er færdig, skal du blot klikke på knappen "Generer CSS", og CSS-koden genereres for dig. Det bliver ikke meget lettere end det.
Værktøjet kommer endda med en "simulator" funktion, hvor du kan teste baggrunden på din webside, før du faktisk implementerer den. Sådan ser det ud, når jeg kører simulatoren på Google.com.
Michael elsker farve, og intet værktøj viser dette mere end hans farvekugle. Måden han beskriver det på hjemmesiden, skal farvesfæren lade dig "visualisere farve harmonier" ved hjælp af formler, som han kom op med. Det er faktisk ret imponerende, fordi det lader dig starte med et bestemt farvevalg, siger rødt - og så nedbryder du din farve til valg i en gradient af andre farver, der flyder i "harmoni". Disse ville være de farver, du gerne vil holde med på din hjemmeside for at sikre, at alle farver fungerer godt sammen
Bare at lege med Color Sphere i et stykke tid, må jeg sige, at selv om jeg ikke ved hvilke formler han bruger, fungerer farvevalgene virkelig godt sammen.
En anden af Mikaels apps, der er værd at nævne, er faktisk et Appspot-tilbud kaldet Daltonize. Dette er et rigtig imponerende værktøj, der giver dig mulighed for at identificere den type farveblindhed, du har, og derefter bruge det valg til at gøre det muligt for din browser at vise websider til dig i et format, der tager højde for din farveblindhed.
Når du har installeret bogmærket i din browser, følger du instruktionerne, vises et globusikon i din værktøjslinje (i hvert fald i Chrome). Daltonize indstillinger giver dig mulighed for at identificere farvesynsmanglerne, når du åbner browseren, og du kan også ændre farveblindetyperne til enhver tid.
Sådan ser den resulterende side ud, når du bruger farveblindfilteret. Hvis du ikke er farveblind, vil billedet nedenfor vise min blog, som normalt har en orange skygge til sidens sider og ikonfarve som en lysende lilla farve. Det ser ud til, at det også har tonet nogle af billederne på hjemmesiden også. Meget imponerende værktøj!
Dette er ikke en liste over alle designværktøjer, der findes på Mudcu.be, så hvis farver er dine ting, eller hvis du leder efter måder at bedre indarbejde farve i dit webdesign, er dette websted et must-visit.
Kæmper du nogensinde med farver i din webdesignindsats? Hvilke værktøjer eller teknikker bruger du til at matche tingene op? Del dine tanker og indsigter i kommentarfeltet nedenfor!
Billedkredit: Webdesign Via Shutterstock