Fra forfatteren: Veien til en webdesigner er vanskelig og komplisert. Du kan oppnå suksess her bare gjennom utholdenhet og hardt arbeid. Før de legger ut på denne veien, har de fleste nybegynnere mange spørsmål: hvilken kunnskap trenger de å ha, vil selvlærende webdesign hjelpe og hvor lang tid vil det ta, hvor man kan tilegne seg faglige ferdigheter, hvilke programmer må mestres, osv. Disse og jeg vil prøve å svare på andre presserende spørsmål i denne artikkelen.

Det er vanskelig, men ikke umulig, å mestre webdesign fra det grunnleggende, og kunnskapen du får vil være nyttig for deg på mange områder av livet og karrieren. Webdesignere er alltid etterspurt, det er mangel på gode spesialister, så webdesign er ikke bare en mulighet for selvrealisering, men også en måte å øke inntektsnivået på.

Hva er webdesign?

Moderne webdesign handler ikke bare om å skape utseendet til en nettside, men også om layouten ved hjelp av CSS og HTML. Det ferdige nettstedoppsettet må ikke bare oppfylle visse krav, men også behandles korrekt av alle kjente nettlesere.

Bokstavelig oversatt betyr webdesign "nettverksdesign." Prosessen for å lage nettstedet inkluderer både kreative og tekniske komponenter:

stadium av teknisk utvikling, som bestemmer formålet med nettstedets eksistens, dets funksjoner, etc.;

lage en logisk struktur og velge skjemaer som informasjon vil bli presentert for brukeren;

grafisk design - layout av et nettsted ved hjelp av en grafisk editor;

nettstedsoppsett - konvertering av den grafiske komponenten av nettstedet til kode, tar hensyn til riktig visning av nettstedet i forskjellige nettlesere;

webmastering – nettstedet er vert, optimert for søkemotorer og promotert på tvers av nettverket.

Hvis du planlegger å bli webdesigner selv, kan opplæring gjennomføres ved å bruke:

uavhengig repetisjon av leksjoner og videoopplæringer fra tematiske nettsteder;

lese litteratur om webdesign (bøker, magasiner, blogger);

utvikle en smakssans ved å analysere vakre, funksjonelle, talentfullt utformede nettsteder;

øke faglig nivå og arbeidshastighet gjennom regelmessig praksis;

utvikle kommunikasjonsferdigheter med potensielle kunder og arbeidsgivere.

Jeg kan trygt si at alle kan mestre webdesign, og det kan du også. For å gjøre dette er det nok å ha et sterkt ønske, legge ned en viss innsats og vie mesteparten av tiden til selvstudium.

Formel for suksess

Hvis du fortsatt leter etter en effektiv formel for hvordan du kan lære webdesign på egenhånd, er her en ferdig sekvens av handlinger.

Lær å jobbe med grafiske redaktører til et mellomnivå. Dessuten snakker vi om både vektor- og rastergrafikk. De vanligste grafikkprogrammene er Adobe Photoshop, Adobe Illustrator og Corel DRAW. Dette betyr ikke at du må kunne absolutt alle instrumentene utenat. Dette betyr å kunne fullføre oppgavene du som webdesigner står overfor på kortest mulig tid.

Forstå de grunnleggende konseptene for webdesign: balanse, komposisjon, sidelayout, fargepalett, kontrast, modulært rutenett, tekstur, typografi, etc. Generelt forstår du alt som skal til for å lage et anstendig nettsteddesign.

Finn et studio og gå på jobb der, eller registrer deg på en frilansbørs og begynn å øve, fullfør først alle bestillinger på rad, bare for å få erfaring og rykte. Å jobbe med ekte jobber er en fin måte å lære deg selv webdesign på.

Ikke glem å studere, studere og studere igjen. Til å begynne med vil nivået ditt være på nivået med å tegne skriblerier i Photoshop (noen "ville-være designere" forblir på dette nivået), deretter vil du ha faste kunder og god inntjening, deretter kan du for eksempel bli direktør for et kunststudio og så videre - denne veien til selvforbedring er uendelig.

Hvordan holde deg i god form?

For å ta en pålitelig posisjon i "høykasten" av webdesignere, må du jobbe lenge og hardt, øve, ta en kritisk tilnærming til designferdighetene dine, bli inspirert og lære av dine "kolleger", motta tilleggsutdanning i offline og nettkurs, ved hjelp av veiledninger for webdesign.

Etter at du har fått grunnleggende ferdigheter i å lage et nettsteddesign, utvider du gradvis ditt tekniske og kunstneriske arsenal. Følg alle innovasjoner og trender i bransjen, introduser nye funksjoner i arbeidet ditt, lær nye programmer, teknikker og verktøy, forbedre kommunikasjonsferdighetene dine med kunder.

Dette vil gjøre deg og designene dine mer relevante, originale og konkurransedyktige, og vil også bidra til din profesjonelle vekst.

Hvor lang tid tar det å mestre webdesign?

Jeg så nylig følgende melding på forumet:

Nå forstår du hvorfor det fortsatt ikke er nok gode spesialister blant mengden av selverklærte webdesignere? Webdesign er ikke bare et vakkert bilde eller muligheten til å utføre en trinn-for-trinn videoopplæring med høy kvalitet.

Jeg skal fortelle deg en hemmelighet: en ekte designer bør oppføre seg som en ingeniør, for hvem effektiviteten til nettstedet kommer først, ikke dets skjønnhet. Hvert element på siden må oppfylle sin tildelte rolle og samsvare med hovedformålet med nettstedet. Hvilket formål tror du de fleste nettsteder tjener? Det stemmer, tjene penger og tjene penger!

Derfor, hvis du etter et par måneder med å prøve å lære webdesign på egen hånd og praktisere Photoshop, har tanken: "Det er det, jeg er en webdesigner og kan lage nettsider," merk det på den mest nådeløse måten. Se med et forstørrelsesglass på nettstedene til kjente designere eller bare nettsteder du liker. Ville du gi opp alt og gå på jobb som laster? Det er det samme!

Din oppgave som webdesigner er å lage et bilde som vil vekke visse følelser hos en besøkende på nettstedet og oppmuntre ham til å handle, for eksempel registrere seg, abonnere på et nyhetsbrev, kjøpe et bestemt produkt osv. Og for dette må du studer ikke bare Photoshop, men og markedsføringsteknikker, merkevarebygging og posisjonering, grunnleggende layout, HTML og CSS, prinsipper for brukervennlighet, copywriting og informasjonsarkitektur.

Det er her jeg vil avslutte leksjonen min. Til slutt vil jeg bemerke: Hvis du leter etter en enkel måte å bli webdesigner selv, bør du ikke vente på fjell av gull. Hvis du er hardtarbeidende, ansvarlig, elsker det du gjør og tror på din egen styrke, så vil alt definitivt ordne seg for deg.

Lykke til og godt humør til alle! Abonner på våre oppdateringer og bli den første til å motta de siste artiklene om webdesign!

Hans mål og mål, jeg fikk mange tilbakemeldinger og enda flere spørsmål - hvordan bli en webdesigner? Hvor lang tid vil dette ta? Hva er bedre – ansikt til ansikt offline klasser, eller bruk av nettressurser?

For å avklare situasjonen for deg, vil jeg i dag snakke om hvordan du kan mestre dette yrket og hvordan du kan få opplæring i webdesign fra bunnen av for å bli en sterk fagperson.

Veier til å bli designer kan deles inn i tre hovedkategorier:

• offline studier ved institutter, universiteter,
• uavhengige studier som bruker gratis ressurser og spesialisert litteratur,
• studer online gjennom betalte kurs, treninger, seminarer.

Hver av disse retningene har sine fordeler og ulemper. Hvordan bestemme riktig hvor du skal studere webdesign fra bunnen av og hvordan velge riktig treningsprogram?

Det første alternativet er det mest kjente og åpenbare. Ulike utdanningsinstitusjoner har nå designavdelinger. Det er kurs med kortere frister – fra flere måneder til et år.

Tradisjonelle metoder har sine fordeler, men samtidig har de ganske strenge grenser. Denne metoden er mer egnet for de som ønsker å ha et høyere utdanningsdiplom innen design, har nok tid eller foretrekker direkte kontakt med en lærer.

For de som bare ønsker å utvide sine evner eller endre type aktivitet, er det lurere å ta hensyn til mer moderne metoder for å mestre webdesign, basert på gratis grafikk.

Lære selv - fordeler og ulemper

Du kan lære webdesign på egen hånd og bruke for dette ikke bare bøker og lærebøker, men også mange gratis videoer, presentasjoner og leksjoner lagt ut på nettet. Det er moduler utviklet av fans av håndverket deres, som inkluderer en hel serie med opplæringsmateriell. Dette alternativet er bra fordi det ikke krever spesielle økonomiske investeringer; pengene vil bare bli brukt på å betale for trafikk.

Imidlertid har denne metoden en rekke betydelige ulemper

1. For det første gir ikke egenutdanning tilbakemelding fra læreren. Du ser og lager noen designalternativer for siden uten mulighet til å motta kritikk og råd.
2. For det andre tar det mye tid å finne anstendige materialer. Ikke alle er like gode og nyttige. Det tar mye tid å filtrere.
3. For det tredje krever denne typen utdanning streng selvdisiplin; det er veldig lett å bli distrahert fra hovedlinjen med denne tilnærmingen, fordi det ikke er noen begrensende faktorer.
4. For det fjerde, i dette tilfellet fungerer ikke universets lov "først gi, så motta". Du verdsetter ikke det du mottar, og innsatsen du legger ned ender opp med å bli veldig overfladisk.

Til tross for noen vanskeligheter er slik opplæring tilgjengelig og brukt av mange mennesker, i hvert fall i utgangspunktet. Evnen til å studere på et passende tidspunkt gjør denne metoden attraktiv for de som er opptatt med hovedjobben eller studiet.

Imidlertid bruker jeg en slik fri tilnærming bare som en ekstra tilnærming: å lappe opp hull i mine profesjonelle aktiviteter, for å forstå noen nyanser. Det er mye mer effektivt å motta omfattende opplæring fra spesialister.

Lær av en spesialist

Det andre alternativet er betalte nettkurs undervist av profesjonelle webdesignere på nettet.

I dag kan du finne nok slike tilbud på Internett. Læringsprosessen er basert på følgende prinsipper:

• leksjoner holdes umiddelbart for en gruppe studenter,
• du kan se leksjonen i sanntid eller tatt opp på et tidspunkt som passer for deg,
• du fullfører leksene dine og får tilbakemelding etterpå,
• læreren svarer på alle spørsmålene dine og gjennomfører individuelle konsultasjoner,
• Som et resultat har du en ferdig portefølje av dine første verk.

Fordelen med denne metoden er at du ikke bare har direkte kontakt med læreren, men også hele tiden er i kontakt med klassekameratene dine. I tillegg gjør nettbasert opplæring slik trening praktisk for deg med tanke på tid: den kan gjennomføres uten avbrudd fra jobben.

Du kan dele eksempler på arbeid, stille dine egne spørsmål og svare på spørsmål fra andre. Produktiviteten til gruppetimer er alltid høyere, og nye bekjentskaper og forbindelser blant fremtidige kolleger kan alltid være nyttige senere.

Velge et treningsprogram

Det er ganske vanskelig å velge de beste tilbudene på utdanningsmarkedet for webdesign. Et stort antall treninger som presenteres på Internett i dag tilbyr ulike programmer for ulike treningsnivåer - fra klasser "fra bunnen av", som starter med å mestre det grunnleggende om Photoshop, til et avansert nivå, der ulike nyanser av yrket mestres.

Så snart du begynner å lete etter et kurs, vil du komme over mange tilbud på Internett, hvis kvalitet ikke alltid vil være lett å forstå. Hvorvidt det er verdt å ta nettbaserte webdesignkurs er et kontroversielt spørsmål og avhenger ikke i det hele tatt av treningsmetoden.

For å unngå å gjøre feil i valget ditt, bør du vurdere alternativene i henhold til flere kriterier:

• kostnad - billig er aldri bra. Et kompetent, nøye gjennomtenkt produkt som tar mye tid og krefter å lage, kan ikke koste $20,
• frist - de vil ikke gjøre deg til webdesigner på en måned, spesielt hvis du også er opptatt med hovedjobben eller studiet. Å mestre et slikt yrke tar tid. Selv om du enkelt kan få det grunnleggende som du allerede kan jobbe eksternt med
• antall elever i gruppen - jo mindre jo bedre (dette gjelder fulltidsutdanning). Dersom gruppen er større enn 10-15 personer, vil ikke læreren kunne vie nødvendig tid til hver elev. Ved opplæring gjennom personlige kontoer spiller ikke antall elever noen rolle i det hele tatt

Hei alle sammen, venner! I dette materialet vil du lære hva webdesign er, hva UI/UX er, Wireframing i moderne webdesign, vi vil se på de grunnleggende reglene for høykvalitets UI-design, riktig organisering av arbeidet i webdesignapplikasjoner, vi vil se på på viktigheten av HTML-layout i webdesign og hvordan man selvstendig og riktig kan lære webdesign og utvikle seg som webdesigner. Med andre ord, venner er Den ultimate guiden til en kul webdesigner, som vil være ekstremt nyttig ikke bare for nybegynnere, men også for erfarne webdesignere som ønsker å utvikle seg profesjonelt.

Kul

Stammer

Del én: UX er hodet på alt

Hva slags UX og hvilket annet hode, spør du forvirret? La oss starte med tørre og livløse definisjoner, så vil vi analysere alt mer detaljert og på menneskelig språk.

UX- disiplin som studerer interaksjonsopplevelse bruker med produktet, oppfatninger og reaksjoner som følge av bruk.

UX er et konsept som ikke bare gjelder webdesign, men også andre felt. La oss grave dypere og se på eksempler fra det virkelige liv. Samhandlingserfaring er når en spesialist på en fabrikk kontrollerer komplekst utstyr ved å trykke på et par knapper, og avslutningsknappen er mye større; UX er når du tar en snarvei til hjemmet ditt ved hjelp av en sti, selv om det er et vakkert og rent fortau; dette er når du plasserer en kopp kaffe i spesielle utsparinger på panelet i det indre av bilen din; Dette er når bremsepedalen er bredere enn gasspedalen. UX er når du ser lenker til alt leksjonsmateriell som brukes i beskrivelsen av videoene mine på YouTube, og du ikke trenger å søke etter de nødvendige filene i lang tid. Alt handler om brukeropplevelse. Det kan være mange eksempler, men essensen er den samme: UX er en måte for brukeren å oppnå et mål på den mest behagelige måten. Og hvis du vil bli en kul webdesigner, og en vellykket person generelt, må du lære deg dette.

La oss først se på bildet. Dette kan komme som en sjokkerende åpenbaring for deg, men UX er et område som inkluderer forskning og design, samt visualisering og layout. Som et resultat av arbeidet med UX, bør vi få en fungerende prototype. Hvis vi snakker om webdesign, er en slik prototype HTML-layout. Hvis vi tar og fjerner skjermen fra telefonen, kan vi i tillegg til selve skjermen se ledninger, fôr og limsømmer. Dette er grensesnittet. En god designer utvikler et grensesnitt med alle detaljer, inkludert layout. I fremtiden vil skjermen kobles til telefonkortet (Back-end, PHP, Python, Ruby) eller programmeres (Front-end, JS). Jeg forstår at slike uttalelser vil gjøre noen mennesker ukomfortable, spesielt gamle layoutdesignere, for hvem layout er en hel verden, et eget kunnskapsområde. Men la oss se objektivt på utviklingen og kalle en spade for en spade. Realiteten er at vi utvikler en modell som i beste fall bør bestå testen, og det er din jobb som webdesigner. Deretter kan denne modellen (HTML-layout) overføres direkte til Back-end-utvikling eller, hvis dette er et komplekst prosjekt, til en Front-end-utvikler for å skrive JS-applikasjonskode.

I mange mellomstore og store selskaper er UX, UI-spesialister og HTML-layoutdesignere ofte forskjellige mennesker. Men denne modellen fungerer praktisk talt ikke for frilansing. Den mest effektive designeren er den som kan implementere ideen sin fra start til slutt, i stedet for å overlate halvparten av arbeidet til en annen person, og miste ideens gyldne tråd. Det er mindre og mindre plass i solen, og nå er "bare en layoutdesigner" som en sjåfør som bare vet hvordan man trykker på bremsen. Det er ikke noe komplisert med oppsettet. Dette er en vanlig rutinejobb med gjennomsnittlig kompleksitet.

UX på nettet- dette er grunnlaget for utformingen av et nettsted eller en applikasjon er bygget på. Dette er å designe et grensesnitt som tar hensyn til behovene til personene du lager et nettsteddesign for. Hvem er sluttbrukeren, hvilke mål forfølger personen ved å bruke grensesnittet ditt, hvordan kan du hjelpe ham med å oppnå resultater så raskt og komfortabelt som mulig? Her er hovedproblemene som UX løser.

Utfordringen med å skape brukeropplevelser er behovet for å forstå brukernes behov bedre enn de forstår dem selv.
Jess Garrett.

Mange nybegynnere (og ikke bare nybegynnere) webdesignere blander sammen webdesign og visuell design. Noen mennesker tror fortsatt at prosessen med å lage et nettstedsdesign først og fremst er å lage bilder, knapper, ikoner (UI), helt glemme grunnlaget (UX), om å undersøke menneskene som alle disse tingene blir tegnet for.

Jeg har gjentatte ganger sett hvordan nettsteder og LP-er som ikke er veldig visuelt vakre, ga et stort salg og fungerte bedre enn noe utenlandsk flatt grensesnitt med stilige ikoner og infografikk. Ja, ja, dette var nettsteder med latterlige gradienter, enorme knapper, rå bilder uten retusjering og komprimerte tekstblokker. Men de fungerte. Mirakel, sier du? Ikke tenk. Det er bare at designeren som designet et slikt nettsted, utførte undersøkelser på kundens publikum; det er bare at designeren vet hvordan han skal lytte og forstå de virkelige behovene til brukerne av produktet, selv om han ikke har noen spesiell visuell smak. Eller ved et uhell gjettet riktig retning. Hvis du vil bli en virkelig god webdesigner, må du ha to skinnende, polerte sider av samme sak – på den ene siden må du bli en god UX-spesialist, på den andre må du utvikle en smakssans slik at grensesnittene dine er ikke bare funksjonelle, men det som også er attraktivt er brukergrensesnittet. Hvis vi snakker om hvilken designer som er best - den som tegner med brukeropplevelse i tankene, men ikke vakkert, eller den som tegner fantastiske, pene grensesnitt, men absolutt ikke fordyper seg i menneskelige problemer, vinner den første definitivt. Og dette er forståelig, fordi den første vil bringe mer penger og kunder til virksomheten, for å si det enkelt.

Min ydmyke mening: design vil slutte å eksistere for visuell designs skyld, Web 3.0 er æraen for UX, økt informasjonsinnhold og bekvemmelighet.

UX-utfordringer

Vi går gradvis fra teori til praksis. Hvilke problemer kan UX løse?

Designerens hovedoppgave er å maksimere nivået av tilfredshet til sluttbrukeren fra interaksjon med produktet. Heretter vil vi med produkt mene ethvert objekt for brukerinteraksjon, det være seg et ekte produkt, tjeneste, nettapplikasjon eller nettsted.

En webdesigner er en som bygger en bro mellom bedriftseieren og den potensielle kunden. Jeg tror ikke det trengs en rakettforsker for å forstå at hovedforskningsarbeidet innen UX-design er å studere det potensielle publikummet til et produkt. Det vanskeligste her er noe som ikke kan røres, ikke kan måles - dette er empatien til en webdesigner eller UX-spesialist, evnen til å forstå andre menneskers ønsker og følelser. En webdesigner må være erfaren nok i livet til å mest sannsynlig bestemme ønskene og følelsene til et potensielt publikum. Dette er en ganske kompleks subjektiv prosess, men du kan sette den i stand og forbedre UX-ferdighetene dine takket være utprøvde forsknings- og designteknikker.

Del to: Forskning

Du kan ikke bare ta en kundes produkt og lage en nettside, applikasjon eller landingsside for det. Det er fundamentalt feil å ta andres landingsside, andres arbeid, men det er enda verre å suge en idé ut av løse luften og tegne en form for flyktig design for den, og sette inn nøkkelord i tekstblokker om produktet underveis. De fleste gjør nettopp det, selv om det er grunnleggende feil. Dette er en blindvei, en vei til ingensteds, til tross for at klienter som er mindre opplyst innen webdesign, avskriver de latterlige og mislykkede avgjørelsene til en dårlig spesialist som fortsatt får pengene sine som en tilfeldighet.

Du må tydelig forstå HVORFOR du lager akkurat denne delen, akkurat disse elementene, akkurat denne rekkefølgen på nettsiden. Alle handlingene dine må støttes av et armert betongfundament. Forklaringen på spørsmålet "Hvorfor er disse små runde tingene her?" vil høres ganske merkelig ut. i skjemaet - "Fordi jeg så disse et sted og bestemte meg for å bruke dette skjemaet på ditt fiktive innhold, siden fantasien min ikke fungerer." Merkelig, ikke sant?

Rett vei - forskning. Forskning er det aller første skrittet en designer tar når han jobber med ethvert prosjekt. Du må tydelig identifisere brukergruppen, finne ut så mye som mulig målgruppen du utvikler grensesnittet for, og finne ut behovene til denne målgruppen. Selvfølgelig, bare basert på din personlige erfaring og dine følelser, er det ganske vanskelig å komme til en objektivt korrekt avgjørelse i grensesnittet, fordi du ikke er upartisk i forhold til resultatet av din kreativitet og din personlige erfaring med et bestemt produkt kan være svært begrenset. Men hvis du har grundig studert produktet du designer en nettside for, kan du trekke noen konklusjoner og ta avgjørelser. Det minste du bare må gjøre hvis du er frilanser, jobber alene og ikke har ditt eget team med UX-spesialister, er å studere den nåværende forretningserfaringen og skissere et portrett av den gjennomsnittlige forbrukeren av produktet. For eksempel, hvis du oppretter en landingsside for salg av landbruksmaskiner, er det mest sannsynlig at potensielle kunder ikke ser etter noen spesielle dikkedarer i den visuelle utformingen av nettstedet; de er mer interessert i produktkatalogen, fotografier, leveringstider og metoder spesifikt til deres region, priser og mulige rabatter. Det siste punktet antyder at UX-design er veldig nært knyttet til virksomheten. Dette er noe webdesignere vanligvis ikke snakker om, men alle tenker på.

I begynnelsen av forskningen må du snakke med bedriftseieren, kunden din. Han er ekspert på produktet sitt og har erfaring med å jobbe med kunder, han kjenner sitt publikum. Skriv ned alle nøkkelpunkter på klistrelapper eller i en notisblokk for videre analyse. Hvis du er en frilanser, studer opplevelsen av lignende produkter, tematiske fora og fellesskap, men ikke blindt bruk utviklingen til konkurrenter i prosjektet ditt - dette er ikke riktig og ikke effektivt. Hvis du er et studio, har du ressursene og prosjektbudsjettet som er tilstrekkelig for dybdeundersøkelser – gjennomfør nettbaserte undersøkelser, intervjuer med publikum, A/B-testing av flere potensielt effektive prototyper.

La oss gå videre. Lag en liste over egenskapene til besøkende som interesserer deg først og fremst. For å gjøre dette, lag en tabell over personer som potensielt kan være brukere av produktet og karakteriser dem. Sett deg selv i personens sted, bli vant til rollen og begynn å tenke som personen:

Vær oppmerksom på at ved å karakterisere 1-2-3 personer riktig, har du en bedre sjanse til å treffe målet når det brukes på et stort antall mennesker med lignende verdier og behov i et gitt emne. Ved å definere 2-3 (eller flere) personer, kan du definere oppgaver som besøkende kan løse ved å bruke grensesnittet ditt.

Del tre: Wireframing, Wireframe-modellering

Etter at du har identifisert publikum, definert målene og verdiene til personene, kan du begynne å modellere rammeverket til grensesnittet, den såkalte Wireframing. Wireframe tjener til å distribuere informasjon på fremtidige sider i rekkefølge av betydning - fra topp til bunn. Under modelleringsprosessen tenker du på hvilken informasjon som vil være på siden, bestemmer den grunnleggende formen for informasjonsutgang, men går ikke inn i detaljer og engasjerer deg ikke i visualisering. Du bør ikke la deg rive med, for hvis du senere innser at strukturen ikke er helt vellykket, må du fortsatt gjøre om alt igjen. Glem styling og fokuser på struktur.

For å lage en ramme kan du bruke en spesiell applikasjon eller tegne den for hånd på papir i en boks eller prikk, deretter skanne den og legge den i en mappe med prosjektmateriell. Jeg bruker vanligvis nettapplikasjonen wireframe.cc, da jeg kan gjøre endringer i sanntid og bli enige med klienten. Men noen ganger regner jeg ut strukturen til sider på papir hvis jeg er for lat til å sette meg ned ved datamaskinen.

Tips: Ikke nøy deg med bare én Wireframe for hjemmesiden til nettstedet eller appens startskjerm, lag flere skisser av oppsettet til strukturen. For hjemmesiden, ta informasjon fra personatabellen, sorter mål og verdier etter viktighet, og eksperimenter med formen du presenterer informasjonen for besøkende.

Arbeid gjennom alle sidene på nettstedet eller applikasjonen, og bare etter at skjelettet til hele nettstedet er klart, gå videre til neste trinn.

Del fire: UI, visualisering

Når du har jobbet grundig med UX, laget flere wireframes og valgt de mest attraktive alternativene, kan du starte visualisering. Visualisering er å tegne wireframes, skape en enhetlig stil og designe innhold. Vi begynner med andre ord å jobbe med brukergrensesnittet. Oftest brukes Adobe Photoshop, Sketch.app, Inkscape+Gimp eller andre verktøy for visualisering. Jeg anbefaler å bruke Adobe XD for å visualisere og utvikle en interaktiv grafisk prototype. I fremtiden vil vi i leksjonene våre kun bruke dette verktøyet til å lage et design, siden vi her umiddelbart kan lage en visualisering og vise hvordan brukere vil bevege seg over sidene. For å jobbe med vektorgrafikk bruker jeg Inkscape - her lager jeg ikoner og annen nødvendig grafikk; for å jobbe med rastergrafikk er den beste løsningen Adobe Photoshop.

Regler for god oppførsel

Det er ingen regler i webdesign, sier Artemy Lebedev. Det er regler for god oppførsel innen webdesign, skal jeg svare på. Når du utvikler et nettsteddesign, følger en webdesigner visse uuttalte regler når han designer. Linjeavstand, mellomrom, fonter, elementstørrelser - alt dette kan måles og det er ærlig talt dårlige implementeringer. Derfor kan du utarbeide et sett med regler som du absolutt ikke vil gjøre en dårlig visualisering av designet ditt, selv om du er nybegynner og smakssansen din er i sin spede begynnelse.

Vær oppmerksom på at disse reglene kan brytes hvis du har mye designerfaring og vet hva du gjør. Du kan også bryte disse reglene hvis du er nybegynner og eksperimenterer. Hvis du er en nybegynner webdesigner, prøv å ikke slippe grensesnitt i produksjon som bryter med noen av disse reglene.

1. Typografi, tekst, lenker

   • Ikke bruk for store overskrifter;
   • Ikke bruk en skrift som er mindre enn 12px;
   • Ikke gjør linjeavstanden for liten eller for stor;
   • Ikke strekk bokstavene med "Transform"-verktøyet, skriften skal være naturlig proporsjonal;
   • Ikke bruk mer enn 3 fonter på en side;
   • Ikke bruk for lite kontrast, ikke skriv ut lys grått på hvitt eller mørk grått på svart;
   • Bruk mellomrom mellom tegn med forsiktighet hvis du vet hva du gjør og den valgte fonten lar deg gjøre teksten "luftig" på den mest elegante måten;
   • Ikke lag for små mellomrom mellom avsnitt, overskrifter og elementer, gi designet litt luft;
   • Ikke bruk kapsler med mindre det er nødvendig;
   • Ikke bruk en altfor kompleks dekorativ font for hovedtekstblokkene, det skal være en enkel og lettlest skrift fra en eller annen Sans- eller Serif-familie (Serif og Slab - hvis du vet hva du gjør);
   • Alle lenker, med unntak av navigasjonselementer, må være understreket. Prøv også å designe lenker som allerede er besøkt i en mørkere farge, i motsetning til standardfargen på lenker;
   • Hvis nettstedhierarkiet inneholder mer enn 3 nivåer, ikke glem brødsmuler.

2. Grafikk, ikoner, bilder

   • Ikke bruk malbilder i designet. Det er bedre å gjøre det selv, anbefaler at kunden kontakter en fotograf eller finner de mest "livslignende" fotografiene;
   • Ikke bruk ikoner laget av fotografier;
   • Alle ikoner må lages i samme stil;
   • Ikke forstørr bildet utover originalstørrelsen;
   • Ikke skaler grafikk uforholdsmessig;
   • Ikke bruk andre lagblandingsmoduser enn Normal;
   • Prøv å ikke bruke filtre på bilder som skal ha flere tilstander (vanligvis ved hover, for eksempel). Alle overlegg og endringer gjøres kun ved å legge til et nytt lag. Alt skal enkelt reproduseres i HTML-layout. Dette gjelder ikke retusjering og fotoforberedelse;
   • Ikke skaler bildet før du konverterer det til et smart objekt;
   • Beskjær bildet bare ved å bruke en klippemaske for formen; det originale bildet, som i forrige punkt, må lagres i et smart objekt;
   • Hvis du tegner ikoner i Photoshop, må du ikke rastrere dem i redusert størrelse. Ikke glem at oppsettet fortsatt har et layoutstadium og alle ikoner må vektoriseres. Originale smarte objekter med ikoner må være store nok for sporing av høy kvalitet;
   • Ideelt sett bør du ha alle flate ikoner og grafikk i SVG-format, i en egen mappe. Hvis du er en lat designer, vurder muligheten for konvertering av høy kvalitet eller eksport av ikoner til SVG;

3. Farge

   • Ikke bruk rene farger, sørg for å prøve å oppnå den mest behagelige nyansen;
   • Ikke bruk mer enn 2 aksentfarger på en side og ikke mer enn to mørkegrå (eller svarte) farger for tekst. Ideelt sett bare 1 aksentfarge og 1 mørk grå/svart for tekst. Jeg bruker fargene 111111 - 222222 for hovedfonten på en lys bakgrunn;
   • Prøv å male med aksentfarge bare de elementene som er viktigst på siden, fokuser oppmerksomheten på dem. Dette er knapper, piler, avmerkingsbokser for viktige elementer, tekstlenker, informative ikoner (små ikoner som "pålogging", "passord", "e-post" og ikoner i skjemaer trenger ikke å fremheves);

4. Regler for arbeid i grafisk redaktør, organisering av arbeidet mv.

   • Navngi lag meningsfullt;
   • Prøv å organisere semantiske blokker og komponenter i grensesnittet i grupper;
   • Opprett alltid en egen mappe med alle skriftene du bruker i TTF- eller OTF-format. Ikonfonter bør også plasseres i denne mappen;
   • Lag 1-i-1 (72 ppi) oppsett. Ved 100 % visning bør layoutene være i samme skala som det tiltenkte HTML-layoutresultatet;
   • Sørg for å bruke et slags rutenettsystem i arbeidet ditt. Du kan utvikle det selv, men jeg anbefaler å bruke Bootstrap grid-systemet. Innholdsbredden kan tilpasses fra den originale Bootstrap-rutenettbredden, for dette kan du bruke plugins for å lage rutenett hvis du er Photoshop-bruker;
   • Ikke lag dekorative elementer med mindre det gir praktisk mening. Hvis dette er en bildeside og du trenger et vakkert bilde, kan denne regelen utelates;
   • Hold deg til et meningsfylt visuelt hierarki. Les om visuelt hierarki;
   • Bruk regelen "indre og ytre", som sier at avstandene mellom de indre elementene i blokker skal være mindre enn den ytre avstanden mellom blokkene;
   • Ikke glem at folk oftest ikke kommer til hovedsiden på nettstedet, men til de interne, så tenk over informative universelle blokker - topptekst, bunntekst, sidefelt (hvis noen). Overskriften skal være så informativ som mulig, men ikke overmettet. Nødvendige elementer: Logo, prosjektnavn, navigasjon. Nettstedsøk og andre elementer plasseres avhengig av prosjektet.
   • En god løsning er å plassere et detaljert navigasjons- eller nettstedskart med alle de skjulte stedene i bunnteksten. Bunnteksten eller bunnteksten er et helt eget emne, verdig en egen artikkel. Prøv å tenke gjennom kjelleren til minste detalj, prøv å ikke lage magre trange kjellere med logo og telefonnummer. Også her kommer det an på prosjektet, men som oftest er det bedre å gjøre bunnteksten høy og utfoldet. Jeg finner veldig ofte den skjulte informasjonen jeg trenger i kjelleren og liker høye og gjennomtenkte kjellere. Jeg trodde ikke jeg skulle si det om kjellere.

Vi har sett på de grunnleggende utsagn som kan kalles regler. La oss nå se på de vanligste mytene om webdesign, som var regler og til og med en veiledning til handling for noen, men som ikke lenger brukes av fagfolk.

Webdesign myter

• Tre klikk-regel. Myte. Hvis brukeren er interessert i informasjonen på hovedsiden, vil han gjøre så mange klikk han vil for å nå målet sitt. Vi trenger bare å hjelpe ham litt med dette - å plassere pekerne riktig i navigasjonen til ønsket materiale. Navigasjonen skal være enkel og oversiktlig;
• Innholdsglidebryter– Dette er en god avgjørelse. En svært kontroversiell uttalelse. Jeg brukte veldig ofte skyveknapper som et skjema for å vise innhold, men det er studier som bekrefter at få personer blar gjennom dem og noe sier meg at dette virkelig er tilfelle. Kanskje i nær fremtid vil effektiviteten til innholdsglidere bli en myte;
• Det krever mye arbeid å lage et kvalitetsdesign.. Myte. Etter å ha identifisert publikum korrekt, er ett godt bilde, overskrift og tekstblokk nok til å gjøre brukeren oppriktig interessert i produktet. Det er situasjoner når en webdesigner blir tvunget til å fylle hva som helst inn i grensesnittet (en haug med seksjoner med CTAer, nedtellingstidtakere, hackete oppfordringer til handling) på forespørsel fra kunden med beskyldninger om at designeren ikke har gjort nok arbeid. Det er morsomt og latterlig. Dessverre er dette et vanlig trekk for bedriftseiere, og du trenger bare å kunne forklare riktig at i webdesign fungerer ikke regelen "jo mer jo bedre";
• Designet må være originalt. Dette er selvfølgelig bra hvis du har en måned til overs og kunden har en feit lommebok. Men ofte er ikke ting slik. Du kan bruke mye penger og tid på unike illustrasjoner og design, men likevel ende opp med samme resultat som om det ikke fantes slike muligheter. Arbeid med UX og for et utmerket resultat vil slik sløsing med tid og penger være unødvendig. Ofte blir brukere som er vant til et bestemt arrangement av universelle blokker (topptekst med navigasjon, bunntekst) forvirret når de besøker nettsteder der alt er "originalt og uvanlig". Hold deg til nettstandarder og du slipper å finne opp sykkeljekken på nytt. I tillegg har startups ofte ikke tid eller midler til å eksperimentere. Jeg tror at det er mulig å lage et enkelt design med en vri som faktisk vil fungere og bringe inn kunder uten å ty til visuelle oppblomstringer.

Del fem: Layout

Jeg mener at en webdesigner bør kunne lage layout. Selv om det nok vil være mange late kolleger som ikke vil være enig med meg. Vær oppmerksom på at kanalen min heter Webdesignmester og selv da jeg begynte å spille inn leksjoner, hadde jeg en ganske klar ide om hva webdesign er og hva det inkluderer. Selvfølgelig har noe endret seg, noe har vært uendret, men jeg er mer og mer overbevist om at et slikt verdensbilde er veldig objektivt.

Jeg er ikke god på Front-end, fordi den virkelige Front-end er dyp JavaScript, og utvikler kompleks grensesnittlogikk for store og seriøse prosjekter. Jeg har en annen tankegang - ikke en programmerer, men en designer, så jeg ser ikke poenget med å tvinge meg inn i et område jeg ikke liker. Men jeg kan alltid "gjenopplive" designet mitt og lage en fungerende HTML-prototype på et ganske høyt nivå, om nødvendig. Og dette er et ganske flott alternativ for en webdesigner, fordi prislappen din, som spesialist, i det minste dobles. Ikke vær redd for å utforske nye horisonter. Layout er ikke vanskelig.

Hvis du vil mestre layout og grunnleggende ferdigheter som front-end-utvikler, anbefaler jeg:

1. Forstå grunnleggende HTML
2. Studer teorien. For å gjøre dette, anbefaler jeg deg å mestre nettstedet htmlbook.ru. Fra start til slutt, alle HTML-tagger, alle CSS-egenskaper
3. Konsolidere kunnskap i praksis. Følgende materialer er egnet for dette:

Det er mer enn nok materiale på HTML-layout, så layouten er ferdig.

Del seks: Selvlæring og selvutvikling

Webdesign og webutvikling generelt er områder der, som ingen andre, de viktigste selvopplæring. Tross alt har vi ikke skoler, høyskoler og institutter som vil utdanne fagfolk innen webdesign (per nåværende 2016), og bransjen selv står ikke stille, og du må alltid være med på bølgen.

Når det gjelder UX, er alt stille og rolig. Og slik vil det forbli i lang tid, for faktisk er UX en disiplin som studerer psykologi, og her er det lite sannsynlig at noe kan endre seg i nær fremtid. Her ligger selvopplæring i utviklingen av den indre verden, ens egen erfaring. Etter å ha studert databasen, kan du trygt jobbe i mange år, bare sporadisk overvåke nyheter på dette området og lese gode detektivhistorier. Men selvlærende brukergrensesnitt krever spesiell oppmerksomhet; livet er i full gang her, trender innen visuell design erstatter hverandre, suppleres og utvikler seg nesten hver dag! Jeg er ikke tilhenger av å følge tendenser og tendenser blindt, men som praksis viser, er det et rasjonelt innslag i trender og de må følges.

Når det gjelder å forbedre UI-ferdighetene dine, kan du ikke gi noen klare instruksjoner eller anbefale en bok som vil hjelpe deg med å lage vakre grensesnitt. Men jeg kan likevel gi noen råd, basert på min erfaring, om hvordan selvlæring fungerer for meg.

1. Utforsk hele tiden arbeidet med ThemeForest - det er en skattekiste av moderne webdesign. Prøv å bruke noen attraktive former for visning av innhold i verkene dine, men ikke la deg rive med og ikke glem basen - UX, alt bør være om emnet;
2. Vær en vanlig besøkende på awwwards.com og se kule verk for ikke å slappe av;-)
3. For å utvikle en smakssans vil det også være nyttig å periodisk studere gode verk på behance.net. Ta deg tid til å øve - gjenta arbeidet du liker i praksis i en grafisk editor, men publiser under ingen omstendigheter kopiene dine hvor som helst. Dette er kun nødvendig for praksis og selvutvikling;
4. Kritiser reklame på gatene i byen din og tenk på hvordan du kan gjøre det bedre;
5. Kritiser UX på gata og tenk også på hvor mange ting som kan gjøres mer praktisk. Heldigvis har vi i det postsovjetiske rommet et sted hvor vi kan snakke om dette. Tenk på mennesker, tenk som mennesker.

Redaktørens valg

Lær webdesign fra bunnen av - en trinn-for-trinn-guide for nybegynnere (ti trinn)

Mange unge ønsker å koble sitt fremtidige yrke med nettstedsutvikling. Naturligvis ønsker ikke alle å være programmerere; noen av dem er ganske fornøyd med webdesign.

Å lære dette yrket fra bunnen av er ikke en lett oppgave, for i tillegg til arbeidsferdigheter, må du være en kreativ person, i det minste forstå litt kode (kjenne CSS og), kunne kommunisere med kunden på samme språk, etc.

Før du begynner å gjøre deg kjent med det grunnleggende i yrket, En rekke spørsmål dukker opp, og du må lete etter svar på dem selv. Dette er ikke lett å gjøre på grunn av mangel på erfaring; materialer fra Internett blir ikke alltid nyttige, og noen ganger legger de tvert imot bare til nye spørsmål, og ikke alle har en erfaren venn.

La oss finne ut hvor du skal begynne å lære webdesign, hvilken kunnskap du trenger for kreativitet, hvor og i hvilken rekkefølge du skal få den, hvor mye tid du skal bruke til praktiske øvelser, hvordan du får din første opplevelse og bestilling...og med mange relaterte spørsmål.

Innhold:

Trinn én – finn ut hvorfor du vil gjøre dette

På den ene siden er dette et enkelt spørsmål, fordi de fleste ønsker å drive med webdesign på grunn av den gode lønnen.

Nettstedbygging er en svært lønnsom virksomhet, men en erfaren, og viktigst av alt, intelligent utvikler er ikke alltid lett å finne i løpet av dagen.

Selv om det er mange tilfeller når en person ønsker å gjøre det, og uten kunnskap om å lage et nettsteds grafiske motor, er det ikke lett å programmere.

Og den tredje vanlige grunnen til at folk blir interessert i webdesign er et sug etter kunst.

Og dette området kan tjene som et utmerket middel for å omsette talentene dine i praksis samtidig som du får økonomiske fordeler fra det.

Viktig! Uansett hvilket formål du blir kjent med webdesign, husk at både læring og arbeid skal være interessant, utføres med lyst og gi glede, men ikke bli til en rutine.

På grunn av det faktum at en grafiker er ungt yrke, dens eksakte definisjon eksisterer ennå ikke, og mange eksperter tolker konseptet på sin egen måte.

Hvis denne personen tidligere måtte gjøre sidene vakre og behagelige for øyet, er det nå nødvendig å ha kodeferdigheter, forstå markedsføring og ha forståelse for SEO-promotering.

Uten unike løsninger, originale ideer og en individuell kreativ tilnærming kan ikke problemet løses.

Webdesigner er en teknisk kunstner som jobber med utseende- og lasteoptimalisering av nettsider og nettapplikasjoner.

Oppgavene til disse personene inkluderer:

• jobber med den logiske strukturen på siden– slik at alt er klart for enhver nybegynner, han kan finne det han leter etter første gang, bør alle viktige lenker være synlige;
• utvikle den mest rasjonelle måten å presentere innhold på- Evnen til å interessere den besøkende, få ham til å bli lenger på ressursen, bla gjennom sidene på nettstedet;
• grafisk design– hvor hvilke elementer skal plasseres, hvordan knappene og inskripsjonene vil se ut etter et klikk, hvordan interaksjon med klienten utføres, hvordan og hva som vil endre seg under den besøkendes arbeid, zoomendringer osv.

Så vi fant kort ut hvorfor folk ønsker å gjøre den grafiske delen av nettsteder.

For fremtidige programmerere er det nok å gjøre deg kjent med det grunnleggende om visuell design av nettressurser, i det minste overfladisk mestre grafiske redaktører og mallayout.

De som er ivrige etter å vie mange år av livet sitt til å lage et grensesnitt for Internett-sider og skaffe det riktige yrket, må først jobbe hardt, denne artikkelen er dedikert til dem.

Trinn to - velg retningen for webdesign du vil prøve selv

Internett-teknologier utvikler seg raskt, og sammen med dem øker kravene til utviklere. Til å begynne med var en vakker estetisk og lys side kunstnerens oppgave.

I dag skiller de seg så mange som syv retninger i deres design, og disse er bare de viktigste.

Hard

En type sidedesign like gammel som selve nettstedsbyggingen, som ikke krever noen innsats, er perfekt for nybegynnere.

Poenget er at alle ressurselementer er plassert i virtuelle tabellceller med faste størrelser, som er satt av designeren.

En slik side vil se helt likt ut på alle enheter, uavhengig av plattform og skjermstørrelse.

Og dette betyr ikke at en slik ressurs er bakover, fordi en erfaren utvikler som bruker streng design kan lage et vakkert designet nettsted, og å justere noe i dette tilfellet tar noen minutter.

Fleksibel

Også tabelldesign, men bredden på de virtuelle tabellcellene er ikke strengt spesifisert, men avhenger av skjermstørrelsen (sideforhold, oppløsning). Objekter vil prøve å fylle hele rommet i cellen, og endre størrelsen. Hovedtrekket i denne løsningen– øker bekvemmeligheten av visuell oppfatning av data på grunn av dynamisk skiftende skjermparametere. På slike sider er det ingen tomme områder fri for innhold.

Utfordringene med dette designet er:

• det er ingen garanti for at ressursen vises på gamle "firkantede" og store widescreen-skjermer vil vises riktig uten å strekke eller krympe innholdet;
• Ikke alle nettlesere fungerer bra med behandling av såkalte fleksible celler, og nettlesere opprettet på forskjellige motorer gjør dette hver på sin måte;
• det tar mye tid å justere og bringe prosjektet til perfeksjon.

Kombinert

Kombinere de to foregående metodene: hvis dimensjonene til skjermen (dennes sideforhold) avviker sterkt fra parametrene til skjermen som ble brukt til å lage nettstedet, brukes en fleksibel design, ellers brukes begge cellene, avhengig av tilgjengeligheten av ledig plass i dem.

Tekst

Brukes ved utforming av énsides ressurser og nettsteder, som representerer små bedrifter og bedrifter i det globale digitale nettverket. Et trekk ved denne designen er det virtuelle fraværet av grafiske elementer, noe som har en positiv effekt på sidelastingshastigheten. Å leke med fonter, tekstfarger og god tekstplassering vil bidra til å gjøre prosjektet attraktivt.

Printing

Mest etterspurt i utviklingen av bedrifts- og markedsføringsressurser, hvor følelsesmessig innhold kommer først. Designeren må være så kreativ som mulig og kreativt velge pikselbilder for å designe siden.

Ulempen med utskriftsdesign er at det senker lastehastigheten til nettstedet. på grunn av tilstedeværelsen, som regel, et rikelig antall rasterbilder, og til og med i høy oppløsning.

Grensesnitt

Stort sett erfarne håndverkere henvender seg til ham. Deres oppgave er å tilfredsstille alle brukerforespørsler, vanligvis ved å minimere programkoden, optimalisere grafiske elementer og lage et praktisk navigasjonssystem med en meny øverst på siden. Slike ressurser lastes raskt og er enkle å jobbe med både fra en datamaskin og fra mobile enheter

.

Dynamisk

De mest tidkrevende, komplekse alternativene for å designe nettsider. Denne typen design består av å plassere dynamisk innhold på siden (animasjon, skript, bevegelige og endrede elementer, videoer i bredformat).

For å implementere planene dine må du jobbe hardt, og for at den besøkende skal være fornøyd og alt skal fungere etter hensikten, trenger du ikke bare mestring av grafiske redaktører, men også optimaliseringsevner; hvem vil vente lenge på utseendet til en fargerik tredimensjonal knapp. Men en godt designet ressurs tiltrekker seg alltid med sin skjønnhet, originalitet og kunstneriske løsninger, uavhengig av innholdet.

Trinn tre – finn ut hvilke nettdesignprogrammer som er på trend akkurat nå

Før du laster ned bøker om denne eller den grafiske editoren, må du tydelig forstå elementene som brukes i den grafiske utformingen av nettsteder: former, farger, former, lys- og skyggespillet, linjer - dette er de grunnleggende elementene som hele komposisjonen er opprettet.

Uansett, Kunnskap om kaskadetabeller og hypertekstmarkering er nesten nødvendig.

Designeren vil også trenge kunnskap innen dataanimasjon, populær animasjon, SEO og kanskje 3D-modellering.

Merk følgende! I tillegg til å være vanskelig å lære, vil applikasjonen også måtte kjøpes for full bruk, selv om du for treningsformål kan jukse ved å omgå programmets beskyttelse.

Sistnevnte får funksjonalitet som er etterspurt i dusinvis av områder, og gutta legger liten vekt på å øke mulighetene til webdesign.

Sketch er en annen sak - den er designet for å tegne grafiske grensesnitt fra bunnen av, har ikke et eneste overflødig element, er lettere å lære og overgår lett Photoshop i nøkkelindikatorer.

Pass på å velge den mest praktiske som støtter syntaks og fremheving: , Sublime, Axure RP.

Trinn fire - studer nyttige bøker for nybegynnere webdesignere

Det som er bra med Internett er at det lar deg skaffe deg bøker gratis som du for ti år siden måtte kjøpe eller se etter likesinnede.

Med populariseringen av webdesigneryrket har antallet bøker om emnet økt. Uten en mentor eller lærer er en bok den beste måten å få kunnskap på.

Å lære webdesign fra bunnen av bør starte med litteraturen hvor grunnleggende begreper, teori og små praktiske oppgaver gis:

Hovedelementene er:

Logo– opptar vanligvis den sentrale delen av siden og skiller ressursen fra andre;

Navigasjonselementer– plassert øverst på siden horisontalt, sjeldnere – vertikalt og inneholder lenker til hoveddelene;

Hovedblokken hvor innholdet er plassert– opptar hoveddelen av skjermen, teksten er alltid ledsaget av tegninger, tabeller, diagrammer, animasjoner, etc.

Modulært rutenett

Før du utvikler et prosjektdiagram, må du forstå konseptet med et modulært rutenett. Det er en måte å distribuere informasjon i kolonner på; det er rammeverket for det fremtidige nettstedet.

Å bruke et modulært rutenett vil i stor grad forenkle ytterligere layout, ta deg tid til å bli kjent med henne.

Trinn seks – nettbasert opplæring

• delta på seminarer og treninger;
• deltakelse i nettbasert opplæring (fjern).

Velg passende aktiviteter basert på din kunnskap, erfaring og retningen du realiserer ditt kreative potensial. Når man tar kurs, er det fascinerende å konsolidere teori til praksis.

1 Webdesign leksjoner for nybegynnere

Mer erfarne utviklere flytende engelsk, Du bør definitivt gjøre deg kjent med kursene til dine vestlige kolleger. Som i tilfellet med bøker, praktiserer vestlige tekniske kunstnere nye teknologier og løsninger på feltet før, for det andre kan arbeidskonseptet blant utenlandske designere være ganske annerledes, og det er alltid nyttig å ta i bruk andres erfaring. Folk får mer utbytte av kurs enn av dusinvis av bøker de leser, når det gjelder praktiske ferdigheter.

Trinn sju - finn likesinnede

I arbeidslivet er det viktig å kommunisere med folk som gjør det du gjør.

På denne måten kan du ikke bare få venner, men også dele erfaring, kunnskap, råd, gi bistand og evaluere prosjekter én etter én.

Sunn konkurranse– motoren for fremgang, den lar deg utvikle deg, strebe etter å gjøre det bedre enn din venn, for å bringe noe nytt til prosjektet. Og når du lærer webdesign fra bunnen av, må du definitivt kommunisere med mer erfarne utviklere.

Trinn åtte – følg trender og tendenser

For å være forberedt på hva som helst når du jobber med en kunde i et område der det ikke går en dag uten nye produkter, må du hele tiden overvåke nye utviklinger, løsninger og teknologier.

De endrer seg til det bedre, optimaliserer ressursinnlastingen og øker sidens emosjonelle appell.

Den enkleste måten er å besøke ressurser hvor erfarne og ikke så erfarne designere stiller ut sine arbeider:

Trinn ni - prøv deg på en frilansbørs

Du kan jobbe som teknisk kunstner enten på egen hånd eller for en bedrift. Det er bedre for nybegynnere å få erfaring på frilansutveksling:

Vi jobber for billig i begynnelsen: vi tar imot rimelige bestillinger og jobber lenge og hardt for å fullføre dem til kunden er fornøyd.

Vellykkede prosjekter betyr erfaring ikke bare innen design, men også i å kommunisere med ulike kunder, fylle opp en ennå tom portefølje med arbeid.

Vær mer oppmerksom på å fylle ut profilen din og prissette arbeidet.

Enkle, men polerte layouter kan selges, med lignende prosjekter som legges ut for salg som grunnlag.

Viktig! Ikke nøl med å stille spørsmål, finn ut hvilke sider kunden liker best, slik at du har noe å fokusere på. Du bør ikke forhaste deg og gjøre arbeid med mangler eller undervurdere tidsfrister, og deretter få kunden til å vente og være nervøs.

Trinn ti – gjør webdesign fra en hobby til et yrke

Nettsidedesign startes vanligvis av studenter og unge som denne aktiviteten blir en hobby for.

De vier helgene og kveldene sine til det de elsker, og når de får litt erfaring og hobbyen deres gir den første inntekten, tenker de seriøst på å bytte yrke.

Bare si opp jobben og gå fri for å leve, eller bytt ut din nåværende arbeidsplass med en komfortabel stol på kontoret ved datamaskinen mange er redde.

Her gjenspeiles mangelen på erfaring, og sjansene for å finne en kunde eller skaffe faste kunder er lave, og ingen garanterer en stabil inntekt ved arbeid og relevante fora.

Ris. 15 – Over tid bør webdesign bli et yrke

Og likevel, hvis aktiviteten med å utvikle grafiske grensesnitt for nettsteder er attraktiv, er det definitivt verdt å gjøre det om til hovedyrket ditt, og det er ingen grunn til å utsette det.

Over tid vil kunnskap, erfaring og vanlige bestillinger dukke opp.

Og hvis du vil ha mer stabilitet, vær oppmerksom på å jobbe på et kontor blant likesinnede med mulighet til periodisk å jobbe eksternt.

Hovedsaken er å strebe etter å bli bedre, hele tiden utvikle deg og nyte det du gjør!

I dag skal vi lede deg gjennom et sett med webdesignverktøy som du trenger for å komme i gang med.

Men før det, la oss raskt definere forskjellen mellom webdesign og webutvikling. Dette er to begreper som ofte brukes i samme sammenheng, men de er helt forskjellige:

WEBDESIGN OG NETTVVIKLING:

webdesign- dette er den kunstneriske utformingen av den visuelle delen av nettstedet. Sider, deres strukturer, former osv. Det inkluderer alle aspekter av utseendet og funksjonaliteten til et nettsted, og krever implementering av visuelle designprinsipper og brukeropplevelse. På denne måten skaper webdesigneren et design som er visuelt tiltalende og samtidig enkelt å bruke for brukeren.

webutvikling, dette er prosessen med å lage selve nettstedet. Denne prosessen inkluderer programmering (skriving av kode og skript) og sidelayout for fremtidig webdesign og informasjonsinnhold. Utvikleren må ha erfaring og programmeringskompetanse for å lage grunnlaget for siden, slik at webdesigneren får plass til å lage.

WEBDESIGNVERKTØY:

Nå som vi har en ide om hva webdesign er, la oss gå videre til verktøyene som trengs for å få det til å fungere.

Skisser og tegneverktøy:

Som med alle typer design, begynner webdesign med en skisse (ide). Du kan tegne det på papir eller bruke et grafikknettbrett.

Tablett: Hvis du liker digitale oppfinnelser, kan du bruke et grafikknettbrett til å skissere designideene dine. De kan installere Adobe Photoshop og Illustrator, og dette vil hjelpe deg raskt å lage en digital skisse.

Blyant + notatblokk: Den tradisjonelle metoden er å skissere for hånd, og dette er en god og enkel måte.

TYPOGRAFI:

Det er veldig viktig å velge riktig type for ideen om nettsteddesign. Og ingen vil gi deg gode råd om dette bortsett fra deg selv! For det avhenger av din personlige "smak" og "visjoner". Her er noen ressurser for å finne den beste typen for webdesignprosjektet ditt.

Google Fonts er et av de første stedene å se etter fonter. Der er de gratis og du kan enkelt overføre dem til Blogger, WordPress eller Squarespace.

oert.org er en flott plattform som du kan bruke til å utforske forskjellige typografistiler, lære mer om typer og eksperimentere med dem.

FARGER:

Du kan bruke timer på å lage fargepaletter, utforske hvordan farger samhandler med hverandre - det er enkelt og så vakkert! Men å velge fra en fargepalett kan være vanskelig i starten. Over tid vil du raskt begynne å lage den perfekte fargepaletten for prosjektene dine. Her er noen ressurser som kan hjelpe deg.

coolors.co- vakkert, enkelt og enkelt grensesnitt for raskt å lage fargepaletter.

color.adobe.com- Adobe palett. Kjøleren har massevis av ekstra funksjoner hvis du vil mikse og matche farger og lage dine egne paletter. De har også et stort bibliotek med ferdige fargepaletter til inspirasjon.