9 ideer til at opbygge gode hjemmesider med mindre
Vi ved alle, hvordan arbejdskrævende webarbejde kan være. Det er ikke en opgave for den svage hjerte og kræver generelt et år eller mere for at virkelig forstå. Efterhånden som vores æra er kommet frem, har vi set strålende ideer og innovationer, der styrker online-fællesskabet mod åben kilde og deling.
Opførelsen af et websted har virkelig udviklet sig til en proces med flere lag. Du skal overveje websiden grafik, kodning af front-end stilarter og layout, server hosting, og muligvis back-end programmering til boot. Udviklere har leget med disse systemer i årevis, og endelig har vi nået et interessepunkt, men det vil være yderst udmattende, hvis du skal håndtere alle disse værker fuldstændigt af jer selv.
Nedenfor har jeg delt nogle nyttige ressourcer til planlægning af gode website designs effektivt. Disse kommer i mange former gennem hele den kreative proces. Selv om dette ikke er en udtømmende liste, håber jeg at berøre ressourcer, der hjælper eksperter og begyndere.
1. Lad det til eksperterne
Fra ikondesignere til programmører rundt omkring i verden har vi alle forskellige forskelsæt af varierende omfang. Vi forestiller os ikke ofte som superhelte, der søger at bygge færdigheder ud over mesterskabet. Men at blive en kreativ kunstner og programmør er en sand gave.
For de af os, der fokuserer på en bestemt niche, bør ekstern hjælp hilses velkommen. Det kan fremskynde processen med at bygge en hjemmeside tifold og tilbyder en unik oplevelse at arbejde inden for en holdindstilling. Nogle af de bedste PSD til HTML-tjenester omfatter psd2html og xhtmlchop.com, Google "PSD til HTML-tjenester" for at få mere, eller tjek en liste over 100+ tjenester her.
Den fysiske proces at sætte sig ned for at kode et Photoshop-dokument i HTML / CSS kan være irriterende. Især hvis du har kodet i mange år, da gentagelsen bliver kedelig og næsten forældet. Mange af disse tjenester lover 24 timers levering og vil endda tilbyde rabatter til under-side designs.
Hvis du er interesseret i kodning, men falder bagud med designkompetencer, anbefaler jeg at gennemse nogle af de digitale kunstnernetværk. Disse omfatter Dribbble og DesignMoo, hvor grafiske designere kan sende og dele deres nyeste værker. Generelt finder du også en porteføljevisningsside for hver kunstner, herunder kontaktoplysninger som e-mail, kvidre eller chat.
2. Outsourcing Solutions
Der er gode eksempler på freelancere, der tilbyder deres tjenester til at støtte projektstudier. Men med dagens nuværende kommunikationsniveau er der mange tilfælde, hvor frilansere vil arbejde hånd i hånd for at gennemføre projektarbejdet. Selv muligvis fra to forskellige steder rundt om i verden!
Med udgivelsen af så mange freelance-samfund har det aldrig været lettere for designere og udviklere at mødes og arbejde sammen. En stor community Programmer Meet Designer giver både webudviklere og designere mulighed for at sende beskeder og dele ideer til projekter. Dette er et relativt ukendt netværk og fungerer stadig som en lille ring af fagfolk.
Alternativt kan du være på udkig efter arbejde som freelancer og finde job vanskeligt. Det er her, hvor mange jobbrædder fra hele internettet viser deres brug. Sådanne virksomheder som Fresh Web Jobs og Krop er kun nogle få eksempler på de mange freelance muligheder. Hver opdateres dagligt og tilbyder fulde beskrivelser sammen med kontaktoplysninger.
3. Udnyt Open Source
Et af de bedste opfindelser fra dagens webudviklingssamfund skal være open source-software. Der arbejdes utallige bestræbelser på hver dag for at supplere og forbedre eksisterende biblioteker. jQuery og MooTools er to af de hundredvis af JavaScript-biblioteker, der skiller sig ud fra resten baseret på enkle vejledninger og omdømme. Men JavaScript er ikke den eneste åbne protokol, der er blevet arbejdet på. Bogstaveligt talt hundredvis af tusindvis af udviklere deler og bidrager pakker med kode på GitHub hver dag. Sprog omfatter PHP, CSS, SQL, ASP, Objective-C, Java og så mange flere!
WordPress, en blogging platform udviklet af Matt Mullenweg og er vokset historisk i løbet af de sidste par år, er muligvis indbegrebet af open source succes projekter. Det ser ud til at være imponerende at se, at så mange mindre pakker bliver sigtet via internettet, men WordPress driver millioner af websites og er vært for tusindvis af udviklere, der arbejder på deres backend. Hele pakken er gratis at downloade og meget enkel at installere. Den officielle virksomheds hjemmeside wordpress.org tilbyder links og vejledninger til udviklere, der er interesserede i at opbygge WP-temaer og plugins. Vi har også sponsoreret en introduktionstutorial om WP-plugins til begyndelsen af programmører. Tilsvarende er der et officielt galleri med en imponerende mængde gratis plugins, som alle WordPress-brugere kan nyde.
For de af jer, der leder efter open source e-handels scripts, tjek dette indlæg.
4. Designe egne ikoner - Ikke påkrævet
Når vi bevæger os mod grafik og animationsside af design, ser vi stadig et åbent og delende fællesskab. Webdesignere nyder ikke blot at dele deres kunst i verden, men også hjælpe andre med at fremme deres ideer.
Grafik er nogle af de mest komplicerede aspekter af et websted. Dette gælder især, da top-notch grafiske designere er svære at komme forbi. Mange af de gratis ikonindstillinger som FamFamFam, Wefunction, Fugue og meget mere, oplyser deres downloads som gratis at bruge på gengældelsesforbindelser eller kreditere deres arbejde. Dette virker som en simpel afvejning for ubegrænsede anvendelser!
En anden fantastisk tjeneste Icon Finder opfører sig som en søgemaskine til de mest populære ikonsæt. Ofte, hvis du browser gennem Googles søgeresultater, er der hundredvis af webdesign blogs, der viser de bedste gratis ikoner. Disse er også blevet delt i sådanne motorer som Icon Finder for at gøre bygningswebsteder endnu hurtigere.
5. Bedre aftale i Hosting & Fildeling
Vi kan alle bruge nogle ekstra penge i disse dage. Selv som webdesignere er det vigtigt at søge de virksomheder, der tilbyder tilbud og støtte freelance generation.
Web hosting er blot en af de mange udgifter, der skal overvejes. Ofte kan du finde kuponer på beslægtede websteder, der sparer penge ved køb af domænenavne og serverplads.
Fildeling er blevet en vigtig del af webdesigners livsstil. Der er betalte og gratis tjenester til rådighed, og hvis du kender nogen i virksomheden, er det ikke svært at få en medlemskonto. For resten overvejer du at gennemse vores fildelingsalternativer, der giver helt gratis support til alle brugere.
6. Fri præstationskontrol
Website applikationer er den nyeste trend busting gennem de digitale sømme. Fra mobile til in-browser apps ser det ud, at næsten alt, hvad der kan gøres på en computer i disse dage. For webmastere er det vigtigt at kende de mange mulige muligheder for mekanisk test og vedligeholdelse af hjemmesider.
Hvis du er ligesom de fleste af os, er webstedsopetid alvorlig bekymring. At have dit websted gå ned for selv et par minutter kan blive katastrofale til dine trafiknumre, for ikke at nævne dybt forvirrende for dine besøgende. Pingdom er et gratis værktøj, som alle webmastere skal bruge til at kontrollere svarkoder fra deres webserver. Dette er en sikker brand måde at holde faner på din backend og overvåge ydeevne bag scenerne.
En anden stor tjeneste giver Google Webmasters mulighed for, at udviklere hævder ejerskab af deres websted. Dette kan gøres med et sitemap, metatag eller andre alternativer fra Google. Hvis du bruger en Google-konto, er det muligt at gemme RSS-data og endda spore søgeord til enkelte websteder. App'en er 100% fri og giver dig mulighed for at gemme ubegrænsede webstedsforbindelser!
7. Kode redaktører kan være billige (eller gratis)
Uanset om vi kan indrømme det, er de fleste webdesignere tilbøjelige til at dabble i en eller anden form for web-udvikling. Det er kun for dem, der er virkelig begavede i Adobe Photoshop eller Illustrator, der ikke vågner ind i HTML- og CSS-design.
For programmører frontend og backend ens kan det være svært at finde et behageligt arbejdsmiljø. Adobe tilbyder Dreamweaver, der understøtter kodelysning på mange sprog, men desværre vil koste en hel del penge. Vi har gennemgået de top 10 gratis kildekode redaktører og har tilbudt direkte download links til hver side.
Hvis du lige er kommet i gang med kodning, anbefaler jeg stærkt at bruge lidt tid på at undersøge disse. Dit udviklingsmiljø er afgørende og vil have indflydelse på, hvordan du skriver kode. Mange af disse redaktører er Windows-specifikke, og selvom du måske finder et par Mac-venlige indstillinger, anbefaler jeg Panic's Coda - en måde billigere kodeditorer (sammenlignet med Adobe Dreamweaver) for seriøs webudvikling.
8. Hent nogle starterpakker
Nu hvor du har en solid ide om de tilgængelige tjenester og programmer, kan du downloade et par starterpakker for at komme i gang. Som webdesignere er det vigtigt at fokusere vores bevidste opmærksomhed mod kreativitet og anspore nye ideer til layoutplatforme.
I løbet af de sidste par år har designere langsomt udgivet gratis pakker med ikoner, skabeloner, formelementer, GUI-komponenter og mange lignende værker. Vær venlig at gennemgå vores liste over webdesigner starter kits for at se, om noget fanger dit øje.
Photoshop layout arbejde er ikke altid det nemmeste at fuldføre. Ofte finder vi os i tvivl om og genoptræder for at rette farveordninger og placering. Det gamle ordsprog “øvelse gør mester” synes at være meget sandt i dette scenario sammen med mange andre. Og disse grundlæggende starter kits skal komme dig ud på højre fod!
9. Fortsæt altid med studietiden
Som tiden går videre har vi alle en tendens til at miste interessen for aktiviteter. Hvis du er virkelig lidenskabelig over webdesign, bør du holde dig motiveret og studere nye emner. Overvej at åbne dit sind til et udviklingssprog eller praktisere et nyt stykke software.
Værktøjerne online i dag er mere avancerede end nogensinde før til at hjælpe spirende unge webdesignere hente prisen. Webdesignbiblioteket blev oprindeligt lanceret under Template Monster sammen med Jetimpex Inc, og er fortsat i et katalog af meget populære tutorials. Webstedet opdateres dagligt med nye links og fremvisningsposter til inspiration.
Webstedet interlinker også mellem mange partnersteder, herunder Template Ninajas. Dette resulterer i daglige tilbud, som du ikke kan finde andre steder - nogle gange endda demoer eller freebies! Website skabeloner er et godt sted at komme i gang, når du ikke er bekendt med at oprette et webside layout eller bare brug for nogle nye ideer.
Jeg vil også meget anbefale Tuts + Netværket oprettet af Envato. De er vært for tusindvis af tutorials, der spænder fra Photoshop, Illustrator, HTML5, ActionScript, vektorformer og endda fotografering. Nogle af deres kode kræver et medlemskab at downloade, men alle tutorials er gratis at følge og tilbyder trinvise instruktioner for at lette læringscyklussen.
Sammen med de skriftlige artikler vil de fleste af kommentarerne også give gode råd. Hele netværket drives af webdesignere og læses af webdesignere, så du kan være sikker på feedback fra høj kvalitet.
Konklusion
Disse metoder skal komme i gang på en tordenvejr mod webdesign-oplysning. De bedste tricks af handel er blevet videregivet i årevis gennem internettet. Og ligesom mængden af webdesignere har øget mere åbne standarder er blevet oprettet.
Overvej nogle af de ovennævnte ideer og brug lidt tid på at surfe gennem interessante artikler eller tutorials. Selv at fortrolle dig med frisk materiale kan jogge din hjerne og få dig til at tænke ind i et forhøjet designindhold. Hvis du har lignende ideer, er du velkommen til at dele dem i kommentarfeltet nedenfor.