Share
Så du begynner å vise interesse for webdesign, men har problemer med å finne ut hvor du skal begynne? Vil du lage fantastiske nettsteder, lære å kode HTML / CSS, og lære om webstandarder og brukeropplevelsen? I så fall har vi en liste over håndplukket Envato-veiledning som skal komme i gang på reisen!
Før du graver inn i alle disse gode opplæringsprogrammene skrevet av svært talentfulle designere og utviklere, husk en ting: ingenting er umulig, og hvis de kan gjøre det ... så kan du - akkurat som jeg gjorde for noen år siden. Jeg begynte å krysse designrelaterte fora (Envato var ikke tilstede på den tiden), gravd inn i alle webdesignrelaterte innlegg jeg kunne finne, prøvde ting selv, opplevd prøve og feil til jeg endelig opprettet min første nettside (som var ganske dårlig) . Ikke vær sjenert å be om hjelp, vi er et stort samfunn fylt av kjærlighet for å dele vår kunnskap gratis! Når det er sagt, her er en liste over, etter min mening, gode nybegynneropplæringsprogrammer, som vil hjelpe deg å forstå vilkårene "web" og "design", lære deg hvordan HTML og CSS fungerer, og hvordan du kan gjøre alt ved deg selv. La oss begynne.
Vær oppmerksom på: Noen opplæringsprogrammer som er oppført her, er en del av Plus Membership-programmet. Mer informasjon om Plus Tuts kan bli funnet her.
Altfor ofte ser jeg et flott designkonsept med et dårlig utvalg av farger. En del av det som gjør et flott webdesign "flott" er layout, typografi og farge. Når hver av disse aspektene arbeider for å komplimentere hverandre, er flott design født.
På daglig basis ser jeg alle slags nettsteder og alle slags design. En ting til felles med vellykkede maler på ThemeForest eller med nettsteder rundt på nettet er et sterkt visuelt hierarki. Ofte ser jeg maler som har et godt konsept, men har dårlig visuelt hierarki. Jeg vil dekke det visuelle hierarkiet og noen gode eksempler i denne artikkelen.
Mange avviste maler her på Themeforest lider av de samme få vanlige feilene: typografi (skrift, linjehøyde, brevavstand, farge), justering (rutenett) og avstand (polstring). I denne opplæringen skal vi se nærmere på hvordan du kan unngå disse vanlige feilene.
Denne er for de som håper å ta sine første skritt inn i webdesign. Denne 70 minutters pluss videoopplæringen vil anta at du har null kunnskap om CSS. I løpet av screencastet lærer du om grunnleggende syntaks, en mengde forskjellige egenskaper, og hvordan du lager begynnelsen til din aller første nettside.
I denne opplæringen skal vi utforme og kode vår første nettside i enkle, enkle trinn. Denne opplæringen ble skrevet for nybegynnere med håp om at det vil gi deg verktøyene for å skrive dine egne standarder-kompatible nettsteder! Det er en helt ny uke; kanskje det er på tide å lære en ny ferdighet!
Det vanskeligste aspektet ved å kjøre Nettuts + regner med så mange forskjellige ferdighetsnivåer. Hvis vi legger for mange avanserte opplæringsprogrammer, vil vår nybegynner ikke være til nytte. Det samme gjelder for motsatt. Vi gjør vårt beste, men vær alltid glade for å rør inn hvis du føler at du blir forsømt. Dette nettstedet er for deg, så snakk opp! Med det sagt, er dagens veiledning spesielt for de som bare dykker inn i webutvikling. Hvis du har ett års erfaring eller mindre, vil forhåpentligvis noen av de tipsene som er oppført her, hjelpe deg til å bli bedre, raskere!
Uten ytterligere ado, la oss se nærmere på tretti beste praksis for å observere når du oppretter ditt oppslag.
Nå som vi har en grunnleggende forståelse av teori, og har lært å designe og kode en svært grunnleggende nettside, er vi klare til å gå videre litt videre. Følgende artikler og opplæringsprogrammer er her for å lære deg mer om webdesignprosessen og beste kodingspraksis.
Når jeg legger sammen design, gjør jeg det vanligvis i to faser - Layout og polsk. Under layoutfasen legger jeg hovedobjektene på siden som regel etterbehandling med noe som ser relativt fullstendig ut. I den andre fasen - den polske - går jeg over designet og justerer farger, skriver behandlinger, skygger, lag, og rengjør det generelt. I denne første av en serie av opplæringsprogrammer på webdesign, ser vi på polsk.
Opplæringen jeg har lagt til i dag, heter "Hvordan lage en familie av webdesign" og er en trinnvis følge av et sett med WordPress blog-design som jeg nylig gjorde. Fordi de involverte Photoshop-ferdighetene ikke er så avanserte, har jeg brukt mer tid på å snakke om hvorfor visse ting er gjort.
I dag skal jeg ta deg gjennom hele prosessen med å komme fra Photoshop til fullført HTML. Vi skal bygge ut et sett med 4 PSD-mockups av et nettsted som til slutt blir et WordPress-tema. Det er en massiv opplæring, så hvis du skal følge gjennom til slutten, må du sørge for at du har et par timer å spare!
Det er en tynn linje mellom inspirasjon og kopiering. Vi er omgitt av gjenstander og kunst i vårt hverdagsliv. Å finne inspirasjon til design er en enkel oppgave i disse dager. I denne artikkelen vil jeg veilede deg gjennom designprosessen til et nettsted jeg nylig er ferdig med. Jeg vil gi bilder av nettsteder som inspirerte meg til å skape et nytt og unikt weblayout.
Når du designer eller bygger et nettsted, er det sjansene for at du trenger flere små elementer designet. Jeg pleier å bruke mange av de samme knappene, menyene, ikonene og så videre. Siden vi lanserte GraphicRiver tidligere i år, selv om vi har sett mye kult lite webgrafikk som kommer inn, i form av webelementer, bakgrunner og ikoner. Så jeg har samlet 30 av de beste for å gi deg en smak av det som er tilgjengelig der borte. Selvfølgelig ikke glem hvis du bare trenger en komplett PSD designmaleri for å bygge av, kan du ta tak i dem på ThemeForest!
Ta noen få minutter og les disse gode intervjuene av noen av de ledende navnene i nettbransjen. Du vil bli overrasket over hvor mye du kan lære av disse gutta!
… og mer. Les alle intervjuene her.
Hver ny begynnelse er tøff; Det samme gjelder for webdesign. Jeg husker meg selv da jeg først lærte: timer med HTML / CSS-feilsøking, alt mens løsningen var rett der foran meg; men hei, vi lærer av våre feil og gjentakelser. Jeg skulle ønske jeg hadde tilgang til Tuts + -nettverket da jeg var første gang. Det kunne ha frelst meg mye tid og frustrasjon. Vurder denne artikkelen som utgangspunkt, hvis du finner deg selv å ta de første trinnene i denne bransjen. Noen spørsmål?
Visste du at du kan tjene opp til $ 600 for å skrive en PLUS-opplæring og / eller screencast for oss? Vi leter etter dybde og velskrevne opplæringsprogrammer om HTML, CSS, PHP og JavaScript. Hvis du er i stand til å kontakte Jeffrey på [email protected].
Vær oppmerksom på at faktisk kompensasjon vil være avhengig av kvaliteten på den endelige opplæringen og screencast.
Accentsconagua