Interneto dizainas: nuo ko pradėti mokytis pradedančiajam? Web dizaino pamokos nuo nulio. Gero dizaino pagrindai Ko reikia norint tapti interneto dizaineriu

Šiandien supažindinsime su žiniatinklio dizaino įrankių rinkiniu, kurį turėsite pradėti naudoti.

Tačiau prieš tai greitai apibrėžkime skirtumą tarp interneto dizaino ir interneto svetainių kūrimo. Tai du terminai, kurie dažnai vartojami tame pačiame kontekste, tačiau jie yra visiškai skirtingi:

INTERNETO DIZAINAS IR TINKLAIKIO KŪRIMAS:

interneto svetainės dizainas– toks yra svetainės vizualinės dalies meninis dizainas. Puslapiai, jų struktūros, formos ir tt Tai apima visus aspektus išvaizda ir svetainės funkcionalumą, ir reikalauja diegti vizualinio dizaino bei vartotojo patirties apskaitos principus. Tokiu būdu interneto dizaineris sukuria vizualiai patrauklų dizainą, o kartu ir vartotojui paprastą naudoti.

Interneto kūrimas, tai yra pats svetainės kūrimo procesas. Šis procesas apima programavimą (kodo ir scenarijų rašymą) ir puslapio išdėstymą būsimam interneto dizainui ir informacijos turiniui. Kūrėjas turi turėti patirties ir programavimo įgūdžių, kad sukurtų svetainės pagrindą, kad interneto dizaineris turėtų erdvės kurti.

INTERNETO DIZAINO ĮRANKIAI:

Dabar, kai žinome, kas yra žiniatinklio dizainas, pereikime prie įrankių, reikalingų, kad jis veiktų.

Eskizai ir piešimo įrankiai:

Kaip ir bet kokio tipo dizainas, interneto dizainas prasideda nuo eskizo (idėjos). Galite piešti ant popieriaus arba naudoti grafinę planšetę.

Tablėtė: Jei jums patinka skaitmeniniai išradimai, galite naudoti grafikos planšetinį kompiuterį, kad nubrėžtumėte savo dizaino idėjas. Juos galima sumontuoti Adobe Photoshop ir Illustrator, ir tai padės greitai sukurti skaitmeninį eskizą.

Pieštukas + bloknotas: Tradicinis būdas yra piešti eskizą ranka, o tai geras ir paprastas būdas.

TIPOGRAFIJA:

Labai svarbu pasirinkti tinkamą svetainės dizaino idėjos tipą. Ir niekas tau to neduos geras patarimas apie tai, išskyrus save! Nes tai priklauso nuo jūsų asmeninio „skonio“ ir „vizijų“. Štai keletas išteklių, kuriuos reikia rasti geriausias tipas jūsų interneto dizaino projektui.

„Google“ šriftai yra viena iš pirmųjų vietų, kur ieškoti šriftų. Čia jie yra nemokami ir galite lengvai perkelti juos į „Blogger“, „WordPress“ ar „Squarespace“.

oert.org yra puiki platforma, kurią galite naudoti norėdami ištirti įvairius tipografijos stilius, sužinoti daugiau apie tipus ir su jais eksperimentuoti.

SPALVOS:

Galite praleisti valandas kurdami spalvų paletes, tyrinėdami, kaip spalvos sąveikauja viena su kita – tai paprasta ir taip gražu! Tačiau iš pradžių pasirinkti iš spalvų paletės gali būti sunku. Laikui bėgant greitai pradėsite kurti tobulą spalvų paletę savo projektams. Štai keletas išteklių, kurie gali jums padėti.

coolors.co- graži, paprasta ir lengva sąsaja greitas kūrimas spalvų paletės.

color.adobe.com- Adobe paletė. Aušintuvas turi masę papildomos funkcijos, jei norite derinti spalvas ir sukurti savo paletes. Jie taip pat turi didžiulę paruoštų spalvų palečių biblioteką jūsų įkvėpimui.

Iš autoriaus: Daugelis pradedančiųjų nežino, kur pradėti mokytis interneto dizaino. Puikus ir baisus internetas yra pilnas įvairios medžiagos, kuri dažnai glumina. Daugelis žmonių taip pat abejoja savo talentu ir baiminasi nesėkmės. Ypač jei jų pažintis su grafika apsiribojo dailės pamokomis pradinėje mokykloje.

Šiandien aš jums pasakysiu, kaip tapti interneto dizaineriu ir nepasiklysti didžiuliame informacijos kiekyje. Jei tikite savimi ir norite mokytis, šis straipsnis kaip tik jums!

Urviniai žmonės piešė urvus, senovės egiptiečiai piešė hieroglifus, o mes gyvename interneto dizaino eroje. Kas tai? Pabandysiu tai paaiškinti „ant pirštų“ ir į šį straipsnį sutalpinsiu tai, ką jums tiesiog reikia suprasti prieš pereinant į šią sritį.

Interneto dizainas yra...

Visi intuityviai suprantame, kad interneto dizainas yra ekrane rodomos informacijos pavertimas kažkuo estetiškai patraukliu ir atpažįstamu. Tai dalijimasis idėjomis su kitais žmonėmis. Savo individualumo išraiška. Svetainės pagrindinių tikslų ir uždavinių grafinė formuluotė, jos koncepcija. Apskritai tai yra daugialypis ir, iš pirmo žvilgsnio, labai sudėtingas dalykas. Ypač jei jūs:

87 metų senelis;

neturite atitinkamos patirties ir/ar išsilavinimo;

jūs nežinote, kaip piešti;

neturi kompiuterio.

Jei bent vienas iš aukščiau paminėtų punktų nėra susijęs su jumis, tuomet turite realią galimybę tapti interneto dizaineriu! Bet jei rimtai, žmogui, kuris aistringai mėgsta tai, ką myli, kliūčių nėra. Web dizaino mokymai gali būti atliekami savarankiškai arba pasitelkus specializuotą literatūrą, pamokas, interneto šaltinius, mokamus ir nemokamus video kursus.

Reikalavimai web dizaineriui

Interneto dizainerio pareiga yra tiksliai nustatyti, kaip vartotojas suvoks įmonės svetainę, tinklaraštį ar kitą šaltinį. Kaip lengvai ir greitai jis supras puslapių turinį, naršys navigaciją, suras jam reikalingą informaciją ir atliks tą ar kitą veiksmą. Pavyzdžiui, jis pateiks paslaugos ar produkto užsakymą.

Taigi pagrindinės svetainės dizaino specialisto užduotys yra šios:

atkreipti vartotojo dėmesį į įmonės privalumus;

paryškinti svarbi informacija apie prekę, paslaugą, įmonę;

logiškai paskatinti lankytoją pirkti ar atlikti kitą veiksmą.

Interneto dizainerio įrankiai šioje sudėtingoje už klientą kovoje turėtų būti atitinkami svetainės struktūros elementai: mygtukai, vaizdai, vaizdo įrašai, nuorodos, teksto blokai.

Kur pradėti savarankišką mokymąsi? 5 žingsniai į sėkmę

1. Išmokite išorinių interneto dizaino aspektų. Mokymasis ir saviugda turėtų prasidėti nuo įkvėpimo pažvelgus į kitus kūrinius. Naršykite didelių studijų, garsių dizainerių darbus, analizuokite svetaines su dideliu srautu.
Kokius šriftus jie naudoja? Kaip buvo pasirinkta spalvų paletė? Pagrindinių blokų, antraščių, vaizdų, mygtukų ypatybės? Turite atkreipti dėmesį į visas šias subtilybes.

2. Vadovaukitės savo vidiniu interesu. Įsiklausykite į save ir pasistenkite suprasti, kas jus žavi tame ar kitame darbe, kas jums įdomiausia.

Išbandykite ir eksperimentuokite, kol gausite viziją, ką tiksliai norite daryti. Tai gali būti svetainės dizainas, prekės ženklo kūrimas ir logotipo kūrimas, identiteto ar firmos identiteto kūrimas, dizainas mobiliosios programos ir tt

3. Išmok piešimo ir kompozicijos pagrindų. Norėdami tai padaryti, visiškai nebūtina stoti į meno mokyklą, sėdėti klasėje su tais pačiais pradedančiaisiais ir bandyti nupiešti rutulį ar vazą. Pakanka, kad galėtumėte padaryti eskizą. Leiskite rankai priprasti prie pieštuko. Norėdami tai padaryti, būkite kantrūs ir kopijuokite iš nuotraukų, paveikslėlių, vaizdo įrašų vadovėlių.

Norėdami sėkmingai užbaigti šį etapą, pamirškite piešiamą temą. Pagalvokite tik apie jo proporcijas ir vietą erdvėje.

Jei netikite savo sugebėjimais, ieškokite „Google“ menininkų Matisse'o, Paulo Gauguino, Mozės, Adolphe'o Bouguereau, kurie pirmą kartą pradėjo tapyti suaugę, biografiją.

4. Išmokite naudotis Photoshop įrankiais, tyrinėkite CSS pagrindai ir HTML, adaptyvaus išdėstymo principai. Mokydamiesi interneto dizaino neturėtumėte iš karto vaikytis daugelio programų, suprasite, kokių konkrečių žinių jums trūksta.

5. Rasti praktinis naudojimas savo žinias. Sukurkite savo svetainę ar tinklaraštį. Sudarykite portfelį ir pateikite jį specializuotose laisvai samdomų vertėjų biržose.

Nereikia užbaigti tikrų projektų, kad galėtum turėti savo darbą. Galite sukurti savo svetainių, programų sąsajų ir vietinių įmonių logotipų eskizus.

Atlikite pratimus iš knygų ar pamokų, rastų internete. Pradiniame etape, norėdami išmokti interneto dizaino, netgi galite pasiskolinti kitų žmonių idėjas ir jas modifikuoti.

Likite madingi ir tobulėkite. Net jei turite didžiulį menininko talentą, vis tiek turite žinoti tokius dalykus kaip rastrinė ir vektorinė grafika, CMYK ir RGB, adaptyvaus, plokščio ir materialaus dizaino principus, Photoshop įrankiai.

Skirdami bent 1-2 valandas per dieną šių dalykų studijoms, pasitaisysite ir pasieksite tam tikrą lygį, kuris leis tapti puikiai apmokamu specialistu web dizaino srityje. Nuo ko pradėti mokytis – nuo savarankiškas mokymasis piešimo pagrindai ir grafikos programos arba visapusiški mokymo kursai – tai priklauso nuo jūsų, priklausomai nuo jūsų siekių ir motyvacijos.

Kai domitės svetainės dizainu, mokytis yra labai paprasta. Galite be galo nepavargdami žiūrėti svetaines ir tinklaraščius, skaityti interviu su dizaineriais ir klausytis paskaitų „YouTube“.

Tačiau atminkite, kad interneto dizainas yra sritis, kurios negalima studijuoti tik teoriškai. Kuo daugiau tikros patirties, tuo geriau.

Šiuolaikinė rinka palieka savo pėdsaką „žiniatinklio dizainerio“ profesijai. Per pastaruosius porą metų įsivyravo tendencija link minimalistinės, supaprastintos svetainės struktūros, kurioje nėra egzotiškų šriftų, maivymasis, šešėliai ir pan. Taip pat yra didelė tipografija, fono vaizdai per visą puslapio plotį ir plokščias stilius. populiarumo viršūnę.

Tolesniuose straipsniuose išsamiau papasakosiu apie šiuolaikinio dizaino tendencijas. Su tuo atsisveikinsiu. Prenumeruokite mūsų tinklaraščio atnaujinimus, kad neatsiliktumėte nuo visų dizainerių ir svetainių kūrėjų aplinkos įvykių ir naujų produktų. Mokykis, tobulėk ir tau seksis!

Sveiki visi, draugai! Šioje medžiagoje sužinosite, kas yra interneto dizainas, kas yra UI/UX, Wireframing šiuolaikiniame interneto dizaine, apžvelgsime pagrindines kokybiško UI dizaino taisykles, teisingą darbo organizavimą interneto dizaino programose, apžvelgsime apie HTML išdėstymo svarbą interneto dizaino srityje ir kaip savarankiškai ir teisingai išmokti interneto dizaino bei tobulėti kaip žiniatinklio dizaineriui. Kitaip tariant, draugai yra Galutinis puikaus interneto dizainerio vadovas, kuris bus itin naudingas ne tik pradedantiesiems, bet ir patyrusiems interneto dizaineriams, norintiems tobulėti profesionaliai.

Saunus

Stammer

Pirma dalis: UX yra visa ko galva

Koks UX ir kokia kita galva, suglumęs klausiate? Pradėkime nuo sausų ir negyvų apibrėžimų, tada viską išanalizuosime išsamiau ir žmonių kalba.

UX- disciplina, kuri studijuoja sąveikos patirtis vartotojas su produktu, suvokimas ir reakcijos, atsirandančios dėl naudojimo.

UX yra koncepcija, kuri taikoma ne tik interneto dizainui, bet ir kitoms sritims. Pasigilinkime ir pažvelkime į realius pavyzdžius. Sąveikos patirtis yra tada, kai gamykloje specialistas valdo sudėtingą įrangą paspausdamas porą mygtukų, o išjungimo mygtukas yra daug didesnis; UX yra tada, kai einate į namus naudodamiesi taku, nors ten yra gražus ir švarus šaligatvis; tai yra tada, kai puodelį kavos įdedate į specialius skydelio įdubimus automobilio salone; Tai yra tada, kai stabdžių pedalas yra platesnis nei dujų pedalas. UX yra tada, kai matote nuorodas į visą pamokų medžiagą, naudojamą mano vaizdo įrašų aprašyme "YouTube" ir jums nereikia ilgai ieškoti reikalingų failų. Viskas priklauso nuo vartotojo patirties. Pavyzdžių gali būti daug, bet esmė ta pati: UX – tai būdas vartotojui patogiausiu būdu pasiekti tikslą. Ir jei norite tapti šauniu interneto dizaineriu ir apskritai sėkmingu žmogumi, turite to išmokti.

Pirmiausia pažiūrėkime į paveikslėlį. Tai gali būti šokiruojantis atradimas, tačiau UX yra sritis, apimanti tyrimus ir dizainą, taip pat vizualizaciją ir išdėstymą. Dirbdami su UX turėtume gauti veikiantį prototipą. Jei kalbame apie interneto dizainą, toks prototipas yra HTML išdėstymas. Paėmę ir nuėmę nuo telefono ekraną, be paties ekrano pamatysime laidus, pamušalus, lipnias siūles. Tai yra sąsaja. Geras dizaineris sukuria sąsają su visomis detalėmis, įskaitant išdėstymą. Ateityje ekranas bus prijungtas prie telefono plokštės (Back-end, PHP, Python, Ruby) arba programuojamas (Front-end, JS). Suprantu, kad dėl tokių teiginių kai kuriems žmonėms bus nepatogu, ypač seniems maketuotojams, kuriems maketavimas yra visas pasaulis, atskira žinių sritis. Tačiau pažiūrėkime į plėtrą objektyviai ir pavadinkime daiktus kastuvais. Realybė tokia, kad kuriame modelį, kuris geriausiu atveju turėtų išlaikyti testą, ir tai yra jūsų, kaip žiniatinklio dizainerio, darbas. Toliau šis modelis(HTML išdėstymas) gali būti tiesiogiai perkeltas į Back-end kūrimą arba, jei tai sudėtingas projektas, į Front-end kūrėją, kad parašytų JS programos kodą.

Daugelyje vidutinių ir didelės įmonės dažnai UX, UI specialistai ir HTML kodavimo įrenginiai- Tai skirtingi žmonės. Tačiau šis modelis praktiškai netinka laisvai samdomiems darbuotojams. Efektyviausias dizaineris yra tas, kuris gali įgyvendinti savo idėją nuo pradžios iki galo, o ne perduoti pusę darbo kitam žmogui, praradęs auksinį idėjos siūlą. Vis mažiau vietos saulėje ir dabar „tiesiog maketuotojas“ yra tarsi vairuotojas, kuris moka tik paspausti stabdį. Išdėstymui nėra nieko sudėtingo. Tai normalus įprastas vidutinio sudėtingumo darbas.

UX žiniatinklyje– tai yra pagrindas, ant kurio kuriamas svetainės ar programos dizainas. Tai sąsajos kūrimas atsižvelgiant į žmonių, kuriems kuriate svetainės dizainą, poreikius. Kas yra galutinis vartotojas, kokių tikslų žmogus siekia naudodamasis jūsų sąsaja, kaip galite padėti jam pasiekti kuo greičiau ir patogiau rezultatus? Štai pagrindinės problemos, kurias sprendžia UX.

Iššūkis kuriant vartotojo patirtį yra poreikis geriau suprasti vartotojų poreikius nei jie patys.
Jess Garrett.

Daugelis pradedančiųjų (ir ne tik pradedančiųjų) interneto dizainerių painioja interneto dizainą ir vizualinį dizainą. Kai kas vis dar tiki, kad svetainės dizaino kūrimo procesas – tai visų pirma paveikslėlių, mygtukų, piktogramų (UI) kūrimas, visiškai pamirštant pagrindą (UX), žmonių, kuriems piešiama visa tai, tyrinėjimas.

Ne kartą mačiau, kaip vizualiai nelabai gražios svetainės ir LP atnešė didžiulius pardavimus ir veikė geriau nei bet kuri užsienio plokščia sąsaja su stilingomis piktogramomis ir infografika. Taip, taip, tai buvo svetainės su juokingais gradientais, didžiuliais mygtukais, neapdorotomis nuotraukomis be retušavimo ir suspaustais teksto blokais. Bet jie dirbo. Stebuklas, sakysite? negalvok. Tiesiog dizaineris, sukūręs tokią svetainę, atliko kliento auditorijos tyrimą, tiesiog dizaineris moka įsiklausyti ir suprasti tikruosius produkto vartotojų poreikius, nors ir neturi jokio ypatingo vizualinio skonio. Arba netyčia atspėjo teisingą kryptį. Jei norite tapti tikrai puikiu interneto dizaineriu, turite turėti dvi blizgias, nugludintas tos pačios monetos puses – viena vertus, turite tapti geru UX specialistu, kita vertus, turite išsiugdyti skonio pojūtį, kad jūsų sąsajos yra ne tik funkcionalios, bet patraukli ir vartotojo sąsaja. Jei kalbėsime apie tai, kuris dizaineris yra geresnis - tas, kuris piešia atsižvelgdamas į vartotojo patirtį, bet ne gražiai, ar tas, kuris piešia nuostabias, tvarkingas sąsajas, bet visiškai nesigilina į žmogiškąsias problemas, tada tikrai laimi pirmasis. Ir tai suprantama, nes Daugiau pinigų ir tai yra pirmasis, kuris paprastai pritrauks klientų į verslą.

Mano kukli nuomonė: dizainas nustos egzistuoti dėl vizualinio dizaino, Web 3.0 yra UX, padidėjusio informacijos turinio ir patogumo era.

UX iššūkiai

Nuo teorijos palaipsniui pereiname prie praktikos. Kokias problemas gali išspręsti UX?

Pagrindinė dizainerio užduotis yra maksimaliai padidinti galutinio vartotojo pasitenkinimo lygį sąveikaujant su produktu. Toliau produktui turėsime omenyje bet kokį vartotojo sąveikos objektą, nesvarbu, ar tai tikras produktas, paslauga, žiniatinklio programa ar svetainė.

Interneto dizaineris yra tas, kuris nutiesia tiltą tarp verslo savininko ir potencialaus kliento. Nemanau, kad raketų mokslininkas suprastų, jog pagrindinis UX dizaino tyrimas yra potencialios produkto auditorijos tyrimas. Sunkiausia čia yra tai, ko negalima liesti, neišmatuoti – tai web dizainerio ar UX specialisto empatija, gebėjimas suprasti kitų žmonių norus ir jausmus. Interneto dizaineris turi būti pakankamai patyręs gyvenime, kad greičiausiai nustatytų potencialios auditorijos norus ir jausmus. Tai gana sudėtingas subjektyvus procesas, tačiau jūs galite jį sutvarkyti ir pagerinti savo UX įgūdžius naudodamiesi patikrintais tyrimais ir projektavimo metodais.

Antra dalis: Tyrimai

Negalite tiesiog paimti kliento produkto ir sukurti jam svetainės, programos ar nukreipimo puslapio. Iš esmės neteisinga paimti kažkieno nukreipimo puslapį, kažkieno darbą, bet dar blogiau yra išsiurbti idėją iš oro ir nupiešti efemerišką dizainą, įterpiant jį pakeliui. raktinius žodžiusį teksto blokus apie produktą. Dauguma žmonių taip elgiasi, nors tai iš esmės neteisinga. Tai yra aklavietė, kelias į niekur, nepaisant to, kad mažiau web dizaino srityje apsišvietę klientai juokingus ir nesėkmingus blogo specialisto sprendimus, vis tiek gaunančius pinigus, nurašo atsitiktinumu.

Turite aiškiai suprasti, KODĖL kuriate būtent šią skiltį, būtent šiuos elementus, būtent tokią tvarką tinklo puslapis. Visi jūsų veiksmai turi būti paremti gelžbetoniniu pamatu. Paaiškinimas į klausimą „Kodėl čia tokie apvalūs daiktai“ skambės gana keistai. formoje - „Kadangi aš tai kažkur pamačiau ir nusprendžiau šią formą taikykite savo išgalvotą turinį, nes mano vaizduotė neveikia." Keista, ar ne?

Teisingas kelias – tyrimai. Tyrimas yra pirmasis dizainerio žingsnis dirbdamas su bet kokiu projektu. Turite aiškiai nustatyti vartotojų grupę, kuo daugiau išsiaiškinti auditoriją, kuriai kuriate sąsają, ir išsiaiškinti šios auditorijos poreikius. Žinoma, remiantis tik jūsų asmenine patirtimi ir jausmais, gana sunku priimti objektyviai teisingą sprendimą sąsajoje, nes nesate nešališkas savo kūrybiškumo ir savo norų rezultato atžvilgiu. Asmeninė patirtis gali būti gana ribotas. Tačiau jei nuodugniai išstudijavote produktą, kuriam kuriate svetainę, galite padaryti tam tikras išvadas ir priimti sprendimus. Pats minimumas, kurį tiesiog privalote padaryti, jei esate laisvai samdomas darbuotojas, dirbate vienas ir neturite savo UX specialistų komandos, tai išstudijuoti esamą verslo patirtį ir nubraižyti paprasto produkto vartotojo portretą. Pavyzdžiui, jei kuriate žemės ūkio technikos pardavimo nukreipimo puslapį, greičiausiai potencialūs klientai neieško jokių ypatingų svetainės vizualinio dizaino smulkmenų, juos labiau domina prekių katalogas, nuotraukos, pristatymo laikas ir būdai konkrečiai jų regionui, kainoms ir galimoms nuolaidoms. Paskutinis punktas rodo, kad UX dizainas yra labai glaudžiai susijęs su verslu. Apie tai interneto dizaineriai paprastai nekalba, bet apie tai galvoja visi.

Tyrimo pradžioje turite pasikalbėti su įmonės savininku, savo klientu. Jis yra savo produkto ekspertas ir turi patirties dirbant su klientais, pažįsta savo auditoriją. Užrašykite visus pagrindinius punktus lipniuose lapeliuose arba bloknote, kad galėtumėte toliau analizuoti. Jei esate laisvai samdomas darbuotojas, išstudijuokite panašių produktų, teminių forumų ir bendruomenių patirtį, bet aklai nepritaikykite konkurentų pažangos savo projekte – tai neteisinga ir neveiksminga. Jei esate studija, turite pakankamai išteklių ir projekto biudžeto, kad galėtumėte atlikti išsamų tyrimą – atlikti internetines apklausas, interviu su auditorija, kelių potencialiai efektyvių prototipų A/B testavimą.

Eikime toliau. Sukurkite lankytojų, kurie jus pirmiausia domina, savybių sąrašą. Norėdami tai padaryti, sudarykite lentelę žmonių, kurie galėtų būti produkto vartotojai, ir apibūdinkite juos. Atsistokite į žmogaus vietą, pripraskite prie vaidmens ir pradėkite galvoti kaip žmogus:

Atkreipkite dėmesį, kad teisingai apibūdindami 1-2-3 asmenis, turite didesnę galimybę pataikyti į taikinį, palyginti su didžiulis skaičiusžmonės, turintys panašias vertybes ir poreikius tam tikra tema. Apibrėždami 2–3 (ar daugiau) asmenis, galite apibrėžti užduotis, kurias lankytojai gali išspręsti naudodami jūsų sąsają.

Trečioji dalis: vielos rėmas, vielos modeliavimas

Nustatę auditoriją, apibrėžę asmenų tikslus ir vertybes, galite pradėti modeliuoti sąsajos sistemą, vadinamąjį "Wireframing". „Wireframe“ skirtas informacijai platinti būsimuose puslapiuose pagal svarbą – iš viršaus į apačią. Modeliavimo proceso metu jūs galvojate apie tai, kokia informacija bus puslapyje, nustatote pagrindinę informacijos išvedimo formą, tačiau nesigilinate į detales ir neužsiimate vizualizacija. Nereikėtų nusivilti, nes jei vėliau suprasite, kad konstrukcija nėra iki galo sėkminga, vis tiek teks viską daryti iš naujo. Pamirškite apie stilių ir sutelkite dėmesį į struktūrą.

Norėdami sukurti rėmelį, galite naudoti speciali programa arba nupieškite jį ranka ant popieriaus dėžutėje ar taške, tada nuskenuokite ir įdėkite į aplanką su projekto medžiaga. Aš dažniausiai naudoju internetinė programa wireframe.cc, nes galite atlikti pakeitimus realiuoju laiku ir susitarti su klientu. Tačiau kartais popieriuje susikurju puslapių struktūrą, jei tingiu sėsti prie kompiuterio.

Patarimas: neapsigyvenkite prie vieno „Wireframe“ pagrindiniam svetainės puslapiui ar pagrindiniam programos ekranui, padarykite kelis struktūros išdėstymo eskizus. Pradiniame puslapyje paimkite informaciją iš asmens lentelės, rūšiuokite tikslus ir vertybes pagal svarbą ir eksperimentuokite su forma, kuria pateikiate informaciją lankytojams.

Peržiūrėkite visus svetainės ar programos puslapius ir tik tada, kai visos svetainės skeletas bus paruoštas, pereikite prie kito veiksmo.

Ketvirta dalis: vartotojo sąsaja, vizualizacija

Nuodugniai padirbėję su UX, sukūrę kelis rėmelius ir pasirinkę patraukliausias parinktis, galite pradėti vizualizuoti. Vizualizacija – tai rėmelių braižymas, vieningo stiliaus kūrimas ir turinio kūrimas. Kitaip tariant, pradedame dirbti su vartotojo sąsaja. Dažniausiai vizualizacijai naudojami Adobe Photoshop, Sketch.app, Inkscape+Gimp ar kiti įrankiai. Interaktyviam grafiniam prototipui vizualizuoti ir sukurti rekomenduoju naudoti „Adobe XD“. Ateityje savo pamokose dizaino kūrimui naudosime tik šį įrankį, nes čia galime iš karto padaryti vizualizaciją ir parodyti, kaip vartotojai judės po puslapius. Darbui su vektorine grafika naudoju Inkscape – čia kuriu piktogramas ir kitą reikalingą darbui grafiką rastrinė grafika- geriausias sprendimas yra Adobe Photoshop.

Gerų manierų taisyklės

Artemy Lebedev sako, kad interneto dizaino taisyklių nėra. Interneto kūrime galioja gerų manierų taisyklės, atsakysiu. Kurdamas svetainės dizainą, interneto dizaineris laikosi tam tikrų neišsakytų taisyklių. Tarpai tarp eilučių, tarpai, šriftai, elementų dydžiai – visa tai galima išmatuoti ir, tiesą sakant, yra blogų įgyvendinimų. Todėl galite sudaryti taisyklių rinkinį, kurio laikydamiesi tikrai neblogai vizualizuosite savo dizainą, net jei esate pradedantysis ir jūsų skonio pojūtis dar tik pradeda formuotis.

Atkreipkite dėmesį, kad šios taisyklės gali būti pažeistos, jei turite daug projektavimo patirties ir žinote, ką darote. Taip pat galite pažeisti šias taisykles, jei esate pradedantysis ir eksperimentuojate. Jei esate naujokas žiniatinklio kūrėjas, stenkitės neleisti į gamybą sąsajų, kurios pažeidžia bet kurią iš šių taisyklių.

1. Tipografija, tekstas, nuorodos

   • Nenaudokite per didelių antraščių;
   • Nenaudokite mažesnio nei 12 pikselių šrifto;
   • Nedarykite per mažo ar per didelio atstumo tarp eilučių;
   • Netempkite raidžių naudodami „Transform“ įrankį, šriftas turi būti natūraliai proporcingas;
   • Viename puslapyje nenaudokite daugiau nei 3 šriftų;
   • Nenaudokite per mažo kontrasto, nespausdinkite šviesiai pilkos spalvos ant baltos arba tamsiai pilkos ant juodos spalvos;
   • Atsargiai naudokite tarpus tarp simbolių, jei žinote, ką darote, o pasirinktas šriftas leidžia padaryti tekstą „orus“ pačiu elegantiškiausiu būdu;
   • Nedarykite per mažų tarpų tarp pastraipų, antraščių ir elementų, suteikite dizainui oro;
   • Nenaudokite kapsulių, nebent būtina;
   • Nenaudokite pernelyg sudėtingo dekoratyvinio šrifto pagrindiniams teksto blokams, tai turėtų būti paprastas ir lengvai skaitomas kai kurių Sans arba Serif šeimos šriftas (Serif ir Slab – jei žinote, ką darote);
   • Visos nuorodos, išskyrus naršymo elementus, turi būti pabrauktos. Taip pat pabandykite sukurti jau aplankytas nuorodas tamsesne spalva, o ne pagal numatytąją nuorodų spalvą;
   • Jei svetainės hierarchiją sudaro daugiau nei 3 lygiai, nepamirškite apie duonos trupinius.

2. Grafika, piktogramos, nuotraukos

   • Savo dizaine nenaudokite šabloninių nuotraukų. Geriau tai padaryti patiems, rekomenduoti klientui susisiekti su fotografu arba surasti „gyvenimiškiausias“ nuotraukas;
   • Nenaudokite piktogramų, padarytų iš nuotraukų;
   • Visos piktogramos turi būti padarytos vienodo stiliaus;
   • Nedidinkite nuotraukos daugiau nei jos pradinis dydis;
   • Nedidinkite grafikos mastelio neproporcingai;
   • Nenaudokite sluoksnių maišymo režimų, išskyrus Įprastą;
   • Stenkitės netaikyti filtrų vaizdams, kurie turėtų turėti kelias būsenas (pavyzdžiui, užvedus pelės žymeklį). Visos perdangos ir pakeitimai atliekami tik pridedant naują sluoksnį. Viskas turėtų būti lengvai atkurta HTML maketu. Tai netaikoma retušavimui ir nuotraukų ruošimui;
   • Nekeiskite nuotraukos mastelio prieš konvertuodami ją į išmanųjį objektą;
   • Apkarpyti nuotrauką tik naudojant figūrai skirtą kirpimo kaukę, originali nuotrauka, kaip ir ankstesniame punkte, turi būti išsaugota išmaniajame objekte;
   • Jei piešiate piktogramas „Photoshop“, nerasteriuokite jų sumažinto dydžio. Nepamirškite, kad išdėstymas vis dar turi išdėstymo etapą ir visas piktogramas reikės vektorizuoti. Originalūs išmanieji objektai su piktogramomis turi būti pakankamai dideli, kad būtų galima kokybiškai sekti;
   • Idealiu atveju visos plokščios piktogramos ir grafika turėtų būti SVG formatu atskirame aplanke. Jei esate tingus dizaineris, apsvarstykite galimybę kokybiškai konvertuoti arba eksportuoti piktogramas į SVG;

3. Spalva

   • Nenaudokite grynų spalvų, būtinai stenkitės pasiekti maloniausią atspalvį;
   • Puslapyje nenaudokite daugiau nei 2 akcentinių spalvų ir ne daugiau kaip dvi tamsiai pilkos (arba juodos) teksto spalvos. Idealiu atveju tik 1 akcentinė spalva ir 1 tamsiai pilka/juoda tekstui. Naudoju spalvas 111111 - 222222 pagrindiniam šriftui šviesiame fone;
   • Stenkitės nudažyti akcentine spalva tik tuos elementus, kurie puslapyje yra svarbiausi, sutelkite dėmesį į juos. Tai mygtukai, rodyklės, svarbių elementų žymimieji langeliai, tekstinės nuorodos, informacinės piktogramos (mažų piktogramų, tokių kaip „prisijungti“, „slaptažodis“, „paštas“ ir piktogramų formose, sureikšminti nereikia);

4. Darbo grafiniu redaktoriumi taisyklės, darbo organizavimas ir kt.

   • Prasmingai pavadinti sluoksnius;
   • Pabandykite suskirstyti semantinius blokus ir sąsajos komponentus į grupes;
   • Visada sukurkite atskirą aplanką su visais naudojamais šriftais TTF arba OTF formatu. Piktogramų šriftai taip pat turėtų būti įdėti į šį aplanką;
   • Sukurkite „1-in-1“ (72 ppi) išdėstymus. Kai rodomas 100 %, išdėstymai turi būti tokio paties mastelio kaip ir numatytas HTML išdėstymo rezultatas;
   • Savo darbe būtinai naudokite kokią nors tinklelio sistemą. Galite sukurti patys, bet aš rekomenduoju naudoti Bootstrap tinklelio sistemą. Turinio plotis gali būti pritaikytas pagal pradinį Bootstrap tinklelio plotį, tam galite naudoti tinklelių kūrimo įskiepius, jei esate Photoshop vartotojas;
   • Nekurkite dekoratyvinių elementų, nebent tai būtų praktiška. Jei tai vaizdo svetainė ir jums reikia Graži nuotrauka, šią taisyklę galima praleisti;
   • Laikykitės prasmingos vizualinės hierarchijos. Skaitykite apie vizualinę hierarchiją;
   • Naudokite "vidinį ir išorinį" taisyklę, kuri teigia, kad atstumai tarp blokų vidinių elementų turi būti mažesni už išorinį atstumą tarp blokų;
   • Nepamirškite, kad žmonės dažniausiai ateina ne į pagrindinį svetainės puslapį, o į vidinius, todėl pagalvokite apie informatyvius universalius blokus - antraštę, poraštę, šonines juostas (jei yra). Antraštė turėtų būti kiek įmanoma informatyvesnė, bet ne perpildyta. Reikalingi elementai: Logotipas, projekto pavadinimas, navigacija. Svetainės paieška ir kiti elementai dedami priklausomai nuo projekto.
   • Geras sprendimas – poraštėje patalpinti išsamią navigaciją arba svetainės žemėlapį su visomis paslėptomis vietomis. Poraštė arba poraštė yra visiškai atskira tema, verta atskiro straipsnio. Stenkitės apgalvoti rūsį iki smulkmenų, stenkitės nedaryti menkų siaurų rūsių su logotipu ir telefono numeriu. Čia vėlgi priklauso nuo projekto, bet dažniausiai geriau poraštę padaryti aukštą ir neišskleistą. Labai dažnai rūsyje randu man reikalingą paslėptą informaciją ir mėgstu aukštus ir gerai apgalvotus rūsius. Nemaniau, kad taip pasakysiu apie rūsius.

Išnagrinėjome pagrindinius teiginius, kuriuos galima pavadinti taisyklėmis. Dabar pažvelkime į labiausiai paplitusius interneto dizaino mitus, kurie kai kuriems buvo taisyklės ir net veiksmų vadovas, tačiau profesionalai jais nebenaudoja.

Web dizaino mitai

• Trijų paspaudimų taisyklė. Mitas. Jei vartotoją domina informacija pagrindiniame puslapyje, jis atliks tiek paspaudimų, kiek norės, kad pasiektų savo tikslą. Mums tereikia jam šiek tiek padėti - teisingai įdėti nuorodas į norimą medžiagą. Navigacija turi būti paprasta ir aiški;
• Turinio slankiklis- Tai geras sprendimas. Labai prieštaringas pareiškimas. Labai dažnai naudoju slankiklius kaip turinio rodymo formą, tačiau yra tyrimų, patvirtinančių, kad mažai žmonių juos slenka ir kažkas man sako, kad taip yra iš tikrųjų. Galbūt artimiausiu metu turinio slankiklių efektyvumas taps mitu;
• Norint sukurti kokybišką dizainą, reikia įdėti daug darbo. Mitas. Teisingai identifikavus auditoriją, užtenka vienos geros nuotraukos, antraštės ir teksto bloko, kad vartotojas nuoširdžiai susidomėtų produktu. Būna situacijų, kai žiniatinklio dizaineris priverstas į sąsają įterpti bet ką (krūva skyrių su CTA, atgalinės atskaitos laikmačiai, nulaužti raginimai veikti) kliento prašymu su kaltinimais, kad dizaineris neatliko pakankamai darbo. Tai juokinga ir juokinga. Deja, tai yra įprastas verslo savininkų bruožas ir tereikia mokėti teisingai paaiškinti, kad interneto dizaino srityje taisyklė „kuo daugiau, tuo geriau“ neveikia;
• Dizainas turi būti originalus. Tai, žinoma, gerai, jei turite mėnesį laiko, o klientas turi storą piniginę. Tačiau dažnai viskas nėra taip. Galite išleisti daug pinigų ir laiko unikalioms iliustracijoms ir dizainui, bet vis tiek gaunate tokį patį rezultatą, tarsi tokių galimybių nebūtų. Dirbti su UX ir norint pasiekti puikų rezultatą toks laiko ir pinigų švaistymas bus nereikalingas. Dažnai vartotojai, pripratę prie tam tikro universalių blokų išdėstymo (antraštė su navigacija, poraštė), sutrinka lankydamiesi svetainėse, kuriose viskas yra „originalu ir neįprasta“. Laikykitės interneto standartų ir jums nereikės išradinėti dviračio domkrato. Be to, startuoliai dažnai neturi nei laiko, nei lėšų eksperimentuoti. Tikiu, kad įmanoma sukurti paprastą dizainą su pasukimu, kuris iš tikrųjų veiktų ir pritrauktų klientus nesinaudojant vizualiniu klestėjimu.

Penkta dalis: išdėstymas

Manau, kad interneto dizaineris turėtų mokėti maketuoti. Nors tikriausiai bus daug tinginių kolegų, kurie su manimi nesutiks. Atkreipkite dėmesį, kad mano kanalas vadinamas Web dizaino meistras ir net kai pradėjau įrašinėti pamokas, turėjau gana aiškų supratimą apie tai, kas yra interneto dizainas ir ką jis apima. Žinoma, kažkas pasikeitė, kažkas išliko nepakitęs, bet vis labiau įsitikinu, kad tokia pasaulėžiūra yra labai objektyvi.

Man nesiseka „Front-end“, nes tikrasis „Front-end“ yra gilus „JavaScript“, kuriantis sudėtingą sąsajos logiką dideliems ir rimtiems projektams. Turiu kitokią mąstyseną – ne programuotojas, o dizaineris, todėl nematau prasmės veržtis į sritį, kuri man nepatinka. Bet prireikus visada galiu „atgaivinti“ savo dizainą ir sukurti gana aukšto lygio veikiantį HTML prototipą. Ir tai yra gana puikus pasirinkimas interneto dizaineriui, nes jūsų, kaip specialisto, kaina padvigubėja. Nebijokite tyrinėti naujų horizontų. Išdėstymas nėra sunkus.

Jei norite įvaldyti maketavimą ir pagrindinius Front-end kūrėjo įgūdžius, rekomenduoju:

1. Supraskite HTML pagrindus
2. Studijuok teoriją. Norėdami tai padaryti, patariu įvaldyti svetainę htmlbook.ru. Nuo pradžios iki galo, viskas HTML žymos, visos CSS savybės
3. Įtvirtinti žinias praktikoje. Tam tinka šios medžiagos:

Medžiagos apie HTML maketą yra daugiau nei pakankamai, todėl išdėstymas atliktas.

Šešta dalis: Savarankiškas mokymasis ir savęs tobulinimas

Interneto dizainas ir interneto svetainių kūrimas apskritai yra sritys, kurios, kaip niekas kitas, yra svarbiausios saviugda. Juk neturime mokyklų, kolegijų ir institutų, kurie ruoštų profesionalus web dizaino srityje (šiuo metu 2016 m.), o pati industrija nestovi vietoje ir visada reikia būti ant bangos.

Kalbant apie UX, viskas tylu ir ramu. Ir taip išliks dar ilgai, nes iš tikrųjų UX yra psichologiją studijuojanti disciplina ir čia vargu ar kas nors gali pasikeisti artimiausiu metu. Čia saviugda slypi vidinio pasaulio, savo patirties vystyme. Išstudijavę duomenų bazę, galite saugiai dirbti daugelį metų, tik retkarčiais stebėdami šios srities naujienas ir skaitydami geras detektyvas. Tačiau savarankiško mokymosi vartotojo sąsaja reikalauja ypatingo dėmesio, čia verda gyvenimas, vizualinio dizaino tendencijos keičia viena kitą, pildosi ir tobulėja kone kiekvieną dieną! Nesu aklo sekimo tendencijų ir tendencijų šalininkas, bet, kaip rodo praktika, tendencijose yra racionalus grūdas ir jomis reikia vadovautis.

Kalbant apie vartotojo sąsajos įgūdžių tobulinimą, negalite duoti jokių aiškių nurodymų ar rekomenduoti knygos, kuri padėtų sukurti gražias sąsajas. Tačiau, remdamasis savo patirtimi, galiu duoti patarimų, kaip man tinka savarankiškas mokymasis.

1. Nuolat tyrinėkite „ThemeForest“ darbus – tai šiuolaikinio interneto dizaino lobis. Pabandykite savo darbuose naudoti keletą patrauklių turinio rodymo formų, tačiau nenusiminkite ir nepamirškite apie pagrindą - UX, viskas turėtų būti į temą;
2. Būkite nuolatinis awwwards.com lankytojas ir žiūrėkite šaunius darbus, kad neatsipalaiduotumėte;-)
3. Taip pat, norint išsiugdyti skonio jausmą, bus naudinga periodiškai studijuoti gerus darbus behance.net. Skirkite laiko praktikai – praktikoje pakartokite patinkantį darbą grafinis redaktorius, bet jokiu būdu niekur neskelbkite savo kopijų. To reikia tik praktikai ir saviugdai;
4. Kritikuokite reklamą savo miesto gatvėse ir pagalvokite, kaip galėtumėte geriau;
5. Kritikuokite UX gatvėse ir pagalvokite, kiek dalykų būtų galima padaryti patogiau. Laimei, posovietinėje erdvėje turime vietą, kur galime apie tai kalbėti. Galvok apie žmones, galvok kaip apie žmones.

Ir šiandien rašau jai kažką panašaus. Panašūs straipsniai, bet toli nuo profesijų. Faktas yra tas, kad interneto dizaineris yra asmuo, turintis visas teises visiškai nesuprasti kodo, nors jam naudinga turėti bent elementarų supratimą, kaip svetainė iš maketo perkeliama į tikrą internetą.

Kaip nuo nulio tapti interneto dizaineriu ir ko tam reikia?

Pagal analogiją su ankstesniu straipsniu pirmiausia išvardysiu, ko tiksliai reikia norint įvaldyti šią profesiją:

1. Išmokite dirbti PhotoShop programa ar bet kuri kita, kur galima dirbti su sluoksniais. Tačiau jums nereikia žinoti „PhotoShop“ viduje ir išorėje. Remiantis statistika, interneto dizaineriai išnaudoja tik 10-15% programos galimybių.
2. Žinokite, kaip sukurti svetainę. Tai yra, prieš braižydami maketą, turėtumėte parengti bent apytikslį būsimo projekto brėžinį, tai yra gera žiniatinklio dizainerių praktika, tai daro profesionalai, o tai reiškia, kad jūs taip pat turėtumėte išmokti.
3. Supraskite, kokių tipų svetainių dizainas yra. Pavyzdžiui, kas yra technika. dizainas arba plokščias dizainas.
4. Mokėti braižyti maketus su prisitaikantis dizainas. Tai reiškia, kad piešiate, kaip svetainė pasikeis esant skirtingoms ekrano skyroms. Šiandien tai beveik privalomas reikalavimas, nes visi nori turėti mobiliesiems pritaikytą svetainę.
5. Supraskite svetainių tipus. Supraskite, kad vieno puslapio svetainei tinka kažkas, kas visiškai netinka informaciniam portalui.
6. Rasti ir taikyti naudingų įrankių darbe. Dizaineris turi išmokti naudotis įvairiomis pagalbinėmis paslaugomis, kurios palengvins jo darbą. Pavyzdžiui, yra geros paslaugos svetainės dizainui, spalvų parinkimui ir kt.

Kaip matote, reikia mokėti daug ką, bet viską įvaldyti nėra taip sunku. Toliau pasidalinsiu su jumis naudingomis nuorodomis ir rekomendacijomis, kaip per trumpiausią laiką išmokti ir tapti interneto dizaineriu.

Kur išmokti profesiją

Geekbrains – šie vaikinai turi penkių mėnesių mokymo programą, kurios metu jūs išmoksite kurti interneto dizainą visiškai nuo nulio ir susikursite pirmuosius maketus. Geekbrains Tai super edukacinė platforma, čia mokymo kokybė aukščiausio lygio.

Netologija yra alternatyva. Kalbant apie šaunumą, net nežinau, kas geresnis: „Geekbrains“ ar „Netology“? Faktas yra tas, kad abi svetainės labai teigiamai pasitvirtino, kad jose jau studijavo tūkstančiai žmonių ir dėl to nesigaili. Taip, abiejų kainos nėra pačios mažiausios, bet mainais gauni mokymus iš profesionalo. Ir jūs galite tapti profesionalu tik tada, jei profesionalas jus išmokys. Kitas edukacinę programą web dizainas čia prasidės gegužės 20 d. Abi įmonės aktyviai padeda savo studentams susirasti darbą baigus studijas.

Webformyself – nemokamos interneto dizaino pamokos tiems, kurie nori išbandyti neinvestuodami pinigų. Taip pat įmonės svetainėje yra keletas labai gerai apmokamų kursų pradedantiesiems dizaineriams.

Magisters.org/ – Pagaliau radau čia kitą svetainę, kurioje, beje, yra daug nemokamų žiniatinklio technologijų pamokų. Taip pat yra „Photoshop“ ir pirmojo svetainės maketo piešimo kursas. Kadangi kursas objektyviai yra geresnis nei kiti svetainėje pateikiami, jis yra mokamas, tačiau kainuoja tik 1500 rublių. Palyginti su Netologijos mokymais, tai yra 10-12 kartų mažiau, bet jūs taip pat gaunate mažiau, tačiau informacija vis tiek yra kokybiška ir jei žiūrėsite pamokas, tikrai galėsite braižyti savo maketą.

Na, čia aš tikriausiai baigsiu šį įrašą, pateikiau pagrindines nuorodas, jums tereikia išmokti profesiją, patobulinti savo įgūdžius ir pradėti uždirbti iš interneto dizaino. tikrai, tiks profesija Ne kiekvienam žmogui, todėl rekomenduoju pirmiausia apsispręsti, ar tai yra tai, ką norėtumėte daryti savo gyvenime.

Sveiki, mielas skaitytojau! Šiame straipsnyje mes jums pasakysime, kaip pačiam tapti interneto dizaineriu.

Kelias į profesionalų lygį nėra lengvas, tačiau rezultatas to vertas. Patariame būti kantriems ir darbštiems, nes turime daug ko išmokti.

Pirmiausia nuspręskime, ar verta stengtis? Juk jei jus veda tikslas užsidirbti, tada to nepakaks, tai yra noras mėgautis mokymosi ir užsakymų vykdymo procesu. Tada darbdaviai jus vertins, nes tikrasis motyvas yra viso jūsų gyvenimo darbas.

Nuo ko pradėti pradedančiajam

Daugelis šios srities pradedančiųjų pasimeta daugybėje informacijos, knygų, straipsnių, vaizdo kursų. Susisteminkime visą informaciją ir apibūdinkime konkrečius veiksmus.

Ar sutinki?

• Išmokite dirbti su grafiniais redaktoriais.

Pirmiausia pakaks gero „Adobe Photoshop“ žinių. Ši programa stebina savo galimybėmis, kurių kūrimas pareikalaus laiko ir pastangų. Eksperimentuokite su spalvomis, šepečiais, efektais. Nebūtina iš karto piešti svetainės, svarbu ugdyti skonio pojūtį ir techninius įgūdžius naudojant Photoshop.

Taip pat bus naudinga suprasti šiuos dalykus:

1. Illustrator – padės sukurti ikonas ir logotipus;
2. UX ir UI dizainas – pagrindų išmanymas padės sukurti patogią sąsają;
3. HTML, CSS - programavimo kalbų supratimas yra asistentas optimizuojant grafiką į visavertį svetainės elementą.

Tačiau mokymasis tuo nesibaigia, tai tik prasideda.

• Pieškite visą savo laisvą laiką.

Ypač jei neturite patirties, svarbu perbraižyti kitų dizainerių, žinomų prekinių ženklų darbus ir jų svetaines.

• Sukurti savo dienoraštį, kur publikuosite pirmuosius savo darbus, išmoktus triukus.

Paprašykite patyrusių interneto dizainerių pakomentuoti jūsų darbą. Tai naudinga jums ir kitiems pradedantiesiems.

• Ugdykite savo meninį skonį.

Interneto dizaineris neapsieina be kūrybinių idėjų ir skonio. Jei gamta iš jūsų tai atėmė, turite tai ugdyti savyje. Eikite į kiną, fotografuokite, atkreipkite dėmesį į reklamą, lankykite parodas, domėkitės naujais paveikslais, pirkite knygas, skirkite laiko keliauti po gražias vietas. Darykite viską, kas jus įkvepia būti kūrybingiems!

• Neužsikabinkite dėl vieno dalyko.

Išbandykite ir raskite savo. Norėdami nuspręsti, turite daug išbandyti, pavyzdžiui, kurti svetaines ar kurti nukreipimo puslapius. Galite būti geras daugelyje dalykų, bet geriau būti profesionalu vienoje srityje.

• Analizuoti.

Ne, ne aš, o kitų dizainerių, pavyzdžiui, Andrejaus Gorokhovo ar Vasilijaus Pirogovo, darbai. Studijuokite ne tik vietinius šios profesijos atstovus, bet ir užsienio. Taip greitai atrasite savo stilių, pasisemsite įkvėpimo ir gausite motyvacijos dozę.

• Sukurkite kokybišką portfelį.

Daugiau apie tai skaitykite instrukcijose – kaip susikurti portfelį interneto dizaineriui (nuoroda bus vėliau).

• Jie siūlo – imk.

Imkitės bet kokio darbo. Tebūnie paprasti baneriai ir logotipai, nesvarbu. Galų gale, jei pradedate nuo nulio, tada jūsų portfeliui reikia bet kokio darbo. Ir tai yra pati svarbiausia patirtis, kurią galima įgyti tik darant, o ne daugiau. Imtis veiksmų! Išbandykite patys, ieškokite savo klientų. Tik neišpūskite kainų, jei dar nelabai pasitikite savo jėgomis.

• Jei tik pradedate priimti užsakymus biržose, nepamirškite pasirūpinti ir susikurti elektronines pinigines, pavyzdžiui, „WebMoney“ ir „Yandex Money“.
• Išmokite bendrauti su klientu.

Tam geriau naudoti „Skype“. Tai būtina norint geriau suprasti žmogaus norus. Svarbu išsiaiškinti, ką tiksliai darbdavys nori matyti kaip rezultatą. Paprašykite kliento parodyti svetaines, kurios jam patinka, taip pat paklauskite, ko ten neturėtų būti. Atidžiai mokykitės techninė užduotis(TZ) ir jei kas neaišku, būtinai patikslinkite. Aptarkite terminus.

Sėkmingo projekto komponentai

Geru interneto dizaineriu galite tapti tik išmokę sukurti patrauklų darbą. Siekiant idealų, svarbu nepulti į kraštutinumus, tad pakalbėkime su jumis, ko reikia norint sukurti gerą svetainę? Koks jis?

• Jis yra intuityvus ir aiškus.

Per ilgus naudojimosi internetu metus vartotojai priprato prie apytikslių svetainės standartų. Tai paprasta registracija, informacija apie sukurtą projektą. Bet kadangi visi siekia išskirtinumo, nepatyręs dizaineris gali pasinerti ir sukurti unikalų, bet nepatogų resursą iš paprasto, suprantamo. Todėl naujovės sveikintinos – baigtas projektas turi būti ryškus, unikalus, bet vis dėlto artimas standartams.

• Tai paprasta.

Ar kada nors susimąstėte, kodėl „Google“ tokia populiari ir paklausi? Viskas priklauso nuo jų paprastumo, jie kuo daugiau kalba vartotojo kalba. Jūsų svetainė turėtų būti įdomi, tačiau daugybė nesuprantamų mygtukų ir parinkčių bus akivaizdžiai nereikalingi.

• Tai gerbia vartotojo laiką.

Ar pastebėjote tai: eini į vieną svetainę ir visi puslapiai greitai įkeliami, bet kitoje tai užtrunka taip ilgai, kad net nesinori gaišti laiko. Turinys turi būti optimizuotas. Jei tai darysite šiek tiek mažiau grafiniai elementai, pavyzdžiui, vaizdo įrašas ar animacija, tai ne tik pagreitins įkėlimo procesą, bet ir padidins tikimybę, kad vartotojas susidomės jūsų svetaine.

• Turi grįžtamąjį ryšį.

Vadinamąjį grįžtamąjį ryšį visada mėgsta svetainės lankytojai. Šis įrankis padės analizuoti paklausą ir sužinoti nuomonę apie jūsų produktą. Šios informacijos prireiks ateityje, jei šios svetainės savininkas norės patobulinti turinį ar pačią paslaugą, kurią ji teikia klientams.

• Jis užpildytas įdomiu turiniu.

Svarbiausia yra turinys. Žmonės ateina į svetainę norėdami išspręsti tą ar kitą problemą, o be kokybiškos informacijos reikia pasirūpinti ir skaitomumu. Tai apima atitinkamas nuotraukas, šriftą, spalvą, teksto struktūrą, jo išsamumą ir naudingumą.

Kaip pasiekti sėkmės be specialaus išsilavinimo?

• Mokytis.

Dalyvaukite įvairiuose interneto dizaino mokymuose ir kursuose. Jie ne visada yra brangūs, o kartais net nemokami. Tačiau tai visada yra puiki galimybė praktikuotis vadovaujant patyrusiems meistrams bendraminčių rate.

• Skaityti knygas.

Specializuota literatūra bus jūsų ištikimas pagalbininkas kelyje į profesinę kompetenciją.

• Klausimas, kur studijuoti, neturėtų būti sunkus. Juk internete pilna įvairių dalykų.
• Sužinokite šiek tiek apie interneto dizaino terminologiją.

Pavyzdžiui, kas yra modulinis tinklelis arba tipografija. Su kiekvienu nauju žodžiu jūsų profesinis žodynas augs, o netrukus bus daug lengviau suprasti darbdavius ​​ir jų reikalavimus.

• Kada gausi reikalingų žinių kai naudojate tam tikras programas, tada jums, kaip pradedančiajam, bus labai naudinga atlikti šią užduotį:

turite rasti bet kurią jums patinkančią svetainę internete. Tada atsisiųskite „Photoshop“ ir nukopijuokite svetainės išdėstymą, bent vieną puslapį. Jei šį pratimą atliksite reguliariai, labai greitai visą procesą išskaidysite į mažus žingsnelius. Tai pašalins baimę, kai pradėsite savo pirmuosius „pasidaryk pats“ projektus.

• Praktika yra gerai, bet neapsieisime be teorijos ir „kramtomos“ informacijos. Todėl rekomenduojame perskaityti įvairius vaizdo įrašų vadovėlius ir straipsnius.

Pavyzdžiui, galite pažvelgti į šią svetainę: egraphic.ru.

• Taip pat galite tai padaryti daug paprasčiau. Būtent, atsisiųskite kito patyrusio dizainerio PSD ir patys sukurkite maketą pagal pavyzdį. Taip gana greitai įsibėgėsite.

• Jei turite pakankamai entuziazmo, galite susirasti jau patyrusį interneto dizainerį ir paprašyti, kad jis jus apmokytų. Arba bent jau suplanuokite mini konsultaciją tais klausimais, kurių negalite išspręsti patys.

• Naudokite įvairias internetines programas.

Pavyzdžiui, bannerovich.ru tinka kurti reklamjuostes, logotipus ir pan.

Išvada

Aptarėme keletą žingsnių, kurie priartins jus prie interneto dizaino įsisavinimo. Laikas kažkam saviugda pradėti nuo nulio paprastai užtrunka 5–6 mėnesius. Visa tai yra grynai individualu ir priklauso nuo paties žmogaus galimybių ir sugebėjimų.

Todėl nepamirškite, kad yra ir profesionalūs mokymai, kurių pagalba galima pasiekti puikių rezultatų per mėnesį ar du.

Linkime sėkmingų pastangų! Viskas kas geriausia!