Sveiki! Šodien parunāsim par to, kā no nulles kļūt par web dizaineru, kur apgūt šo profesiju pašam un ar ko sākt, lai nenogrieztu nosprausto ceļu. Lai cik interesanta šī profesija izskatītos, lai kā tā aizrauj ar savu skaistumu, daudzi cilvēki to izlaiž, neatliekot laika to pa īstam apgūt. Tāpēc šodien es gribētu dot maksimumu Detalizēts apraksts lai jums būtu pilnīgs priekšstats par profesiju un uzreiz saprastu, vajag vai nevajag, kā arī izvēlēties savu studiju ceļu, ja tomēr izlemjat.

Darba apraksts tīmekļa dizainers

Web dizainera profesija ir parādījusies salīdzinoši nesen. Tās rašanās ir nesaraujami saistīta ar attīstību informācijas tehnoloģijas. Šīs profesijas pārstāvim jāprot izveidot vispievilcīgāko mājas lapu vai citu interneta resursu dizainu (piemēram, grupas noformējums sociālajos tīklos vai aplikāciju dizains). Lai tiktu galā ar šo uzdevumu, ir nepieciešama nestandarta domāšana. Daudzi sarežģīti uzdevumi ir jāatrisina ierobežotā laikā.

Parasti tīmekļa dizainerim ir ne tikai jāizdomā vietnes izskats, bet arī jāizveido izkārtojums, kas noderēs turpmākajam izkārtojumam. Dažos gadījumos viņš ir atbildīgs arī par izkārtojumu. Šī speciālista pienākumos ietilpst visa veida ikonu, baneru un pat ilustrēta satura izveide. Ne katrs speciālists spēj tikt galā ar šiem uzdevumiem, it īpaši, ja runa ir par kādu, kurš tikai nesen nācis no specializētas izglītības iestādes.

Vēl viens populārs uzdevums, kas tiek uzticēts tīmekļa dizaineriem, ir ilustrāciju un ilustrēta satura veidošana. Turklāt šim speciālistam ir jāveic vēl daudz “mazu” uzdevumu. Piemēram, lai apstrādātu visus vietnē ievietotos attēlus un fotogrāfijas.

Nepieciešamas Web dizaina prasmes

Jums ir jāspēj izmantot tādas programmas kā Illustrator, Photoshop un CorelDraw. Tāpat nebūs lieki iemācīties veidot visu veidu saskarnes un izveidot prototipus. Nav iespējams iztikt bez teorētiskajiem pamatiem ērtākā interfeisa izveidei.

Kas jāzina katram profesionālim

Zināšanas par lietojamību un izpratne par to, kā cilvēki visbiežāk mijiedarbojas ar vietnēm. Jums ir jābūt iespējai izveidot tādu saskarni, kas ļaus jums izmantot vietni ne tikai pieredzējušiem lietotājiem, bet arī tiem, kuriem nav nekādu prasmju vai zināšanu.

Ir vērts atzīmēt zināšanu nepieciešamību tehnisko ierobežojumu jomā. Dažus dizaina lēmumus nevar īstenot, vai arī tas būs tik grūti, neērti un dārgi, ka nebūs tā vērts. Tāpēc tam, kurš tos izstrādā, par to jāzina iepriekš, pretējā gadījumā viss darbs var izrādīties nevienam bezjēdzīgs.

Dažos gadījumos tīmekļa dizainerim ir precīzi jānosaka, kur atradīsies dažādi vietnes navigācijas elementi, kāds būs to izskats, kā arī tas, kā lietotājs ar tiem mijiedarbosies. Viena no svarīgākajām mūsdienu tīmekļa vietnes īpašībām ir ergonomika. Iemesls tam ir tāds, ka, ja vietni ir neērti lietot, neatkarīgi no tā, cik stilīgs ir tās dizains, tas lietotājiem neko neietekmēs.

Speciālista galvenā atbildība, kas var aizņemt lielāko daļu darba laika, attiecas uz dažādu "sīkumu" izstrādi. Tas nozīmē, ka vienkāršas pogas izveide var aizņemt daudz laika un pūļu. Darba devēji īpašu nozīmi piešķir kompetentai saskarnes izpētei.

Web dizainera profesija nozīmē, ka personai, kas ir atbildīga par vietnes dizainu, ir ne tikai specializēta izglītība, bet arī tieksme uz šo profesiju. Tas ir saistīts ar faktu, ka šī profesija pieder pie radošās kategorijas.

Kur sākt un kāds ir rīcības plāns?

Protams, daudziem patīk šāda radoša profesija, tāpēc viņus interesē, kā pašam kļūt par web dizaineru un kur to apgūt. Atļaušos tikai teikt, ka šo profesiju jūs nevarēsiet apgūt pēc pāris nedēļām. Tam jums būs jāvelta daudz laika. Tas nav tik vienkārši, piemēram, "es gribu" un uzreiz par tādu kļuva. Es pati tā domāju un pat devos mācīties uz šo profesiju. Es par to runāju šajā rakstā. Bet parunāsim par visu pēc kārtas.

Sākumā mēs apspriedīsim, kur sākt savu tīmekļa dizainera ceļu, jo jums nevajadzētu nekavējoties sākt trakot.

1. Apgūstiet visu nepieciešamo sākotnējo teoriju: dizaina veidus, attēlu formātus, krāsu modeļi kas ir infografika un tipogrāfija utt.
2. Protams, ir jāapgūst grafiskais redaktors, piemēram, Adobe Photoshop. Jums ir labi jāpārzina pati programma un jāzina, kā izmantot visus rīkus un funkcijas. Šim nolūkam iesaku studēt šis video kurss.
3. Tāpat nav lieki apgūt vismaz vektorgrafikas redaktora pamatus, piemēram, Adobe Illustrator vai Corel Draw. Jums nav jāiedziļinās, bet tas jums noderēs.
4. Izveidojiet dienasgrāmatu, lai ierakstītu savus sasniegumus. Vai arī izveidojiet īpašu arhīvu, kurā augšupielādēsit savu darbu pēc datuma. Labāk vispār izveidot savu emuāru (vismaz tīri sev, lai ierakstītu savus sasniegumus)
5. Mācieties no profesionāļiem (kursi, tiešsaistes un bezsaistes skolas). Tas tiks apspriests tālāk.
6. Neapstājies un turpini attīstīties.
7. Pieņemiet visus pasūtījumus un sākumā nepārmaksājiet.
8. Izveidojiet savu portfolio un tagad noteikti izveidojiet savu emuāru ar darbiem, cenām un kontaktiem.

Kur mācīties par tīmekļa dizaineru?

Ir vismaz daži veidi, kā apgūt tīmekļa dizainu.

• Bezmaksas metodes
• Grāmatas
• Kursi
• Tiešsaistes skolas un apmācības
• Mācības bezsaistē kopā ar skolotāju

Apsveriet katru metodi atsevišķi, lai būtu ideja, pēc kāda principa veidot savu ceļu.

Bezmaksas veidi un nodarbības

Šī tīmekļa dizainera apguves metode nav īpaši ieteicama lietošanai. Piekrītu, ka internetā var atrast daudz noderīgas informācijas, video pamācības utt., taču šeit ir dažas nianses:

• Parasti publiskajā telpā nav skaidras un strukturētas informācijas. Maz laika tiek veltīts vienai vai otrai tēmai. Cilvēki "lej ūdeni" un paliek pie teorijas. Viss ir izkaisīts.
• Vienā avotā jūs neatradīsit visu svarīgo informāciju, tāpēc jums ir jāpāriet no vienas vietnes uz citu.
• Informācija ievērojami atšķiras no dažādiem avotiem, jo ​​katram ir savs stils. Pēc vairākām šādām nodarbībām jums vienkārši būs "Putra galvā".
• Nav pietiekami daudz patiesi noderīgas informācijas pietiekamā apjomā, tāpēc jums būs jāpavada daudz laika, lai to izpētītu.

Es nerunāju. ka tas ir bezcerīgs ceļš, bet to varēs tikai ļoti mērķtiecīgi cilvēki, burtiski slimi ar grafisko dizainu. Vairāk nekā 99% cilvēku pēc vairākiem šādiem lēcieniem vienkārši nokritīs un pametīs treniņu.

Bet, ja jūs to uztverat nopietni, jūs varat sasniegt visu un kļūt par īstu profesionāli. Galu galā ne velti saka, ka galvenā loma panākumos ir vēlmei un apņēmībai. YouTube tagad ir vienkārši pārsātināts ar šādiem videoklipiem, tāpēc nezaudējieties.

Piemēram, es nosūtīšu jums saiti uz Marie Smith kanālu, kas augšupielādē savu tīmekļa dizaina prakse. Personīgi es tās neskatījos, bet tikai šķiroju, bet kopumā iespaids ir labs, un atsauksmes runā pašas par sevi. Vienīgais, ko es ieteiktu viņai strādāt ar runu un iegūt labāku mikrofonu.

Grāmatas

No pirmā acu uzmetiena tīmekļa dizaina apguve no grāmatām ir diezgan lēta metode ar strukturētu informāciju. Bet, ja parokam mazliet dziļāk, mēs atrodam dažus slazdiem.

• Nav vienas grāmatas par tīmekļa dizainu, tāpēc jums būs jāiegādājas vismaz 5-10 dažādi eksemplāri, sākot no teorijas, tipogrāfijas, infografikas, krāsas utt. Un tas ir daudz informācijas, no kuras lielākā daļa ir nevajadzīgs ūdens.
• Grāmatu kumulatīvajā izpētē nāksies iztērēt daudz naudas, ja neesat tās no kaut kurienes lejupielādējis no torrenta.
• Iespieddarbi šādas profesijas apguvē tiek aizkavēti daudz sliktāk, tāpēc apmācība kļūst garāka un garlaicīga.

Protams, šī metode ir daudz labāka par iepriekšējo, taču lielais vairums cilvēku netiek galā ar šo uzdevumu caur grāmatām, tāpēc pamet visu. Un nav jau tā, ka grāmatas ir sliktas. Runa ir par pašiem cilvēkiem, viņu slinkumu, nevēlēšanos lasīt utt.

• Web dizaineru enciklopēdija (Boriss Ļeontjevs)
• Web dizains (Dmitrijs Kirsanovs)
• Web dizaina apguve (Dženifera Robinsa)
• Dzīvā tipogrāfija (Aleksandra Korotkova) nav grāmata par dizainu kopumā, bet gan par fontiem un teksta izkārtojumu. Nepieciešams mācīties.
• Dedziniet savu portfolio! Tas, ko viņi nemāca dizaina skolā, ir tas, ka grāmata ir uzrakstīta ar humora pieskaņu, taču tajā sniegtie 111 padomi patiešām palīdzēs pārvarēt visas tīmekļa dizaina pasaules grūtības. Piemērots gan iesācējiem, gan pieredzējušiem profesionāļiem.
• Adaptīvs dizains. Mēs veidojam vietnes jebkurai ierīcei (Tims Kedleks)
• Mūsdienīgs tīmekļa dizains (Yu. Syrykh)

Protams, grāmatu ir daudz vairāk, un katram profesionālam dizainerim pie rokas ir sava kvalitatīvas literatūras kolekcija.

Video kursi

Diezgan labs veids, kā mācīties. Šodien jūs varat atrast daudz ļoti kvalitatīvu web dizaina video kursu, ar kuriem jūs varat apgūt šo profesiju. Tie ir radīti cilvēkiem, ūdens tur ir maz, viss tiek izstāstīts dzīviem cilvēkiem, un galvenais, viss ir strukturēts no sākuma līdz beigām. Un, protams, mēs nedrīkstam aizmirst, ka kursi ir daudz lētāki, nekā iegādāties milzīgu skaitu grāmatu vai tiešraides (tostarp tiešsaistes) apmācības.

Personīgi es izceļu tikai divus šīs apmācības metodes trūkumus:

• Neviens tevi nevadīs, nepateiks, ja tev kaut kas nesanāks. Protams, autori sniedz atbalstu, bet tas nav tas. Viņi jūs nevedīs aiz rokas.
• Maza motivācija. Dažiem trūkst spēriena pa dupsi, tas ir, papildu motivācijas, tāpēc viņi atliek materiāla apguvi uz vēlāku laiku, līdz aizmirst par to pavisam.

Bet, ja tas jūs nebiedē, iesaku mācīties tīmekļa dizaineru kurss no Daniil Volosatov un WebForMySelf studijas. Daniils ir īsts profesionālis savā jomā un pie viņa pastāvīgi vēršas informācijas biznesmeņi no visas Krievijas un ne tikai.

Tiešsaistes skolas un apmācības

Un tagad es vēlētos pāriet uz savu ieteicamāko veidu, kā mācīties par tīmekļa dizaineru, proti, tiešsaistes skolas. Kādas ir to priekšrocības? To priekšrocības ir tādas pašas kā studējot kursos, tikai atšķirībā no tiem, visi to trūkumi tiek pārvērsti priekšrocībās. Vienīgais mīnuss šeit ir salīdzinoši augstā cena. bet šis trūkums pārvēršas par priekšrocību.

• Tiešsaistes skolas ietver mācīšanos soli pa solim, tas ir, jūs skatāties stundu un nosūtāt to pārbaudei. Ja viss ir izdarīts pareizi, jums būs pieeja nākamajai nodarbībai. Ja jums ir kļūdas vai klupieni, skolotājs jums to norādīs un pastāstīs, kas jums jādara, un pēc tam viņš jūs nosūtīs pārskatīšanai.
• Daudz motivācijas. Pirmkārt, skolotāji vienmēr cenšas motivēt skolēnus, un, otrkārt, tā kā jūs maksājāt lielu naudu par izglītību, jums automātiski ir mērķis atgūt visas izmaksas. Un ja arī apmācība ir ierobežota laikā, tad šeit pats Dievs lika nebūt stulbam.

No šīm tiešsaistes skolām es ieteiktu Jūlijas Pervušinas dizaina skola. Es viņu pazīstu jau ilgu laiku, turklāt viņa veidoja mana emuāra dizainu. Nu, teikšu, ka es pats tur mācījos (lai gan nez kāpēc nepabeidzu), tāpēc zinu visu virtuvi no iekšpuses.

Skolas priekšrocības:

• Adekvāta mācību cena
• Pārbauda mājasdarbus un noved pie rezultāta
• Palīdzība atrast pasūtījumus jums un iespēja strādāt ar viņu komandā vai saņemt viņas pasūtījumus.
• Iespēja iegūt papildu apmācību, ja skolotājs redz, ka jūs mēģināt strādāt, nevis tikai mācībās.
• Skolēni netiek atstāti novārtā. Respektīvi, ja tu ilgi nerādīsies, tad tevi meklēs un prasīs, kas noticis. Ja ir iemesli, tad arī jums tiks pagarināts apmācības laiks.
• Daudz papildu materiālu un resursu, kas palīdzēs mācībās un turpmākajā darbā
• Iespēja studēt dažādās fakultātēs: Web dizaina, Tehniskā dizaina un Ilustrācijas.

Arī Netoloģijas tiešsaistes skola ir sevi ļoti labi pierādījusi. Ir atsevišķa web dizaina fakultāte, kurā 2 mēnešu laikā no nulles iemācīs web dizaina pamatus. Jūs varat lasīt vairāk par nodarbībām, mācībām un atsauksmēm šeit.

Protams, šī nav vienīgā apmācība. Mūsdienās to ir diezgan daudz un dažādām jomām: vietnēm, galvenajām lapām, sociālajiem tīkliem utt. Un nākamajā rakstā es jums pastāstīšu par dažādām šiks skolām katrai gaumei, krāsai un budžetam.

Mācībās kursos vai apmācībās ir tas, ka skolotāji parasti papildus mācībām paši dod daudz vērtīgu materiālu un resursu, piemēram, savu salikto grafiku kolekciju, ikonas, pogas, fontus, noderīgas vietnes, dizaina piemērus, utt.

Mācības bezsaistē

Nu, pēdējais vēlētos redzēt apmācību dažādos bezsaistes kursos. Labā nozīmē tas ir visvairāk Labākais veids mācīšanās, jo viss tiek izstāstīts jums personīgi, jūs atkārtojat visu pēc skolotāja un uzdodat jautājumus reāllaikā. Bet šai metodei ir arī daži trūkumi:

• Attālums. Tas nav fakts, ka iestāde, kurā māca šo profesiju, atrodas kaut kur pie mājas. Personīgi, kad gāju uz kursiem, es devos uz Maskavu 60 kilometrus no savas mājas. Ne pārāk spoža perspektīva.
• Jums nav iespējas vēlreiz pārskatīt nodarbību, tāpēc ceru uz jūsu piezīmēm.

Es pat nezinu, ko šajā gadījumā ieteikt, jo cilvēki joprojām atrodas dažādās pilsētās un valstīs. Bet ja ņem Maskavu, tad ieteiktu aizbraukt uz MSTU centrs "Speciālists". Baumans. Sertifikāti šis centrs ir ļoti labi kotēti un novērtēti dažādos uzņēmumos, un cilvēkiem, kuri varēja tur iegūt apmācību, būs lielākas iespējas iegūt labu darbu.

Kā redzat, ir diezgan daudz veidu, kā ģērbties, un jūs varat viegli atrast sev piemērotāko. Bet personīgi es ieteiktu jums apmeklēt tiešsaistes skolu. Es ticu, ka šeit jums būs daudz labāks rezultāts, nekā izmantojot citas metodes.

Profesijas trūkumi un priekšrocības

Vīriešu profesijai ir gan priekšrocības, gan trūkumi.

Starp šīs radošās profesijas priekšrocībām ir:

• Salīdzinoši zems konkurences līmenis. Atslēgas vārds ir "Salīdzinošs", jo daudzi uzreiz sāk uzskatīt, ka konkurences nav vispār. Konkurence par tēmām ir ievērojama, taču laika gaitā šis rādītājs vairs nemeklēs jums lomas, jo jums pat īsti nav jāmeklē pasūtījumi, viņi jūs atradīs paši.
• Augsts ienākumu līmenis kvalificētam tīmekļa dizainerim, kurš pastāvīgi uzlabo savu zināšanu līmeni. Tāpēc ir svarīgi nemitīgi mācīties, nevis iziet vienu kursu un palikt uz vietas.
• Potenciāla iespēja sadarboties ar klientiem no citām valstīm. Tas būtiski paplašina web dizainera iespējas, jo jo vairāk tirgu ir pieejams jebkuram speciālistam, jo ​​augstāks ir ienākumu līmenis.
• Mākslas vadītāja karjera var beigties. Tas ir ļoti prestiži. Tas ir, ja mēs runājam par bezsaistes profesiju.
• Interesants darbs, kas patiks visiem radošiem cilvēkiem.
• Ir iespēja strādāt nevis ofisā, bet attālināti. Šajā gadījumā cilvēkam nav jātērē laiks, lai nokļūtu darba vietā. Tas ietaupīs uz transporta rēķina, necelies agri no rīta, lai kaut kur steigtos, un pats galvenais – tu esi pats sev priekšnieks.

Starp profesijas trūkumiem var identificēt:

Nepieciešamība pastāvīgi attīstīties. Tā kā tehnoloģijas nestāv uz vietas, web dizainerim ir jāapgūst kaut kas jauns un nepārtraukti jāpilnveido savas prasmes.

Ir gandrīz neiespējami patstāvīgi apgūt visas tīmekļa dizaina smalkumus, tāpēc, iespējams, būs jāatrod specializēta izglītības iestāde vai skolotājs.

Tiem, kam vēl nav pieredzes, ir diezgan grūti atrast klientu. Iemesls ir klienta nevēlēšanās strādāt ar jaunpienācējiem. Tas nozīmē, ka sākumā jums būs jāsavāc portfelis un jāstrādā par nelielu naudu un varbūt pat bez maksas (pozitīvām atsauksmēm).

Darbības jomas, kurās nepieciešami tīmekļa dizaineri

Visbiežāk viņi tiek nolīgti mājas lapas izveidei, taču šo speciālistu profils ir diezgan plašs. Viņi var nodarboties ar jau izveidoto interneta projektu pabeigšanu, kā arī jebkuru darbu, kas saistīts ar aplikāciju vai pat spēļu dizainu. Daudzi profesijas pārstāvji pelna naudu, iesaistoties izklaides jomā. Visbiežāk tas attiecas uz datorspēlēm.

Taču mūsdienās internets ir tik attīstīts, ka dizains var būt nepieciešams kopienām sociālajos tīklos, YouTube kanālos (tikai par kanāla galvenes dizainu cilvēki iekasē 500-3000 rubļu), baneriem, ikonām, logotipiem utt.

Cik pelna profesionāļi?

Lielākā daļa tīmekļa dizaineru agrīnās stadijas Krievijas Federācijā saņem vidēji 30 tūkstošus rubļu mēnesī. Pieredzējuši šīs profesijas pārstāvji var sagaidīt lielāku algu. Piemēram, no 40-80 tūkstošiem rubļu.

Tie, kuriem ir laba reputācija un var izpildīt vissarežģītākos pasūtījumus, saņem vairāk nekā 100 tūkstošus rubļu. Bet tas ir, ja strādājat uzņēmumā.

Ārštata darbinieki var nopelnīt vēl vairāk. Padomājiet paši, par vienu vietni, kuras dizains prasīs vairākas dienas, jūs varat viegli iegūt 10-20 tūkstošus rubļu. Jo vairāk pasūtījumu jums būs, jo vairāk jūs nopelnīsit. Turklāt, izdzīvojot nelielus pasūtījumus dažādiem logotipiem, baneriem un galvenēm, jūs varat arī nopelnīt ļoti labu naudu kopumā.

Bet šie skaitļi ir abstrakti. Patiesībā cenu zīme var būt gan zemāka, gan augstāka.

Kur tīmekļa dizaineri meklē darbu vai pasūtījumus

Viena lieta ir mācīties un kļūt par tīmekļa dizaineru, bet cits jautājums ir, kur pieņemt pasūtījumus? Visbiežāk profesijas pārstāvji savu turpmāko darba vietu izvēlas specializētās vietās. Tieši vietnēs ar vakancēm var atrast piemērotāko piedāvājumu. Šajā gadījumā nāksies konkurēt ar citiem kolēģiem, kuri arī pretendē uz šo amatu.

Ja mēs runājam par pieredzējušu cilvēku, kuram ir liela darba vēsture, tad viņš darbu var atrast caur paziņu. Piemēram, ja IT uzņēmumam steidzami jāizveido cita vietne, tad personāla vadītājs var mēģināt atrast darbiniekus savu draugu lokā. Tas ir uzticamāks un ātrāks veids, kā “aizvērt” vakanci, nekā atlasīt kandidātus profesionālākā darbinieka meklējumos.

Tāpat daudzi tīmekļa dizaineri savus darba devējus meklē sociālo tīklu kopienās. Šī metode ir īpaši populāra iesācēju vidū. Tādējādi jūs varat iegūt pirmo pieredzi un nopelnīt naudu.

Lai saņemtu pasūtījumu, jums ir jāatstāj pēc iespējas labāks iespaids uz potenciālo klientu. Lai to izdarītu, iepriekš ir jāsagatavo kompetents CV, kurā būs skaidri norādītas visas potenciālā darbinieka stiprās puses. Tāpat nebūs lieki apmeklēt jau paveikto darbu (portfeļa) sagatavošanu, lai pasūtītājs varētu personīgi apskatīt citiem pasūtītājiem veiktos darbus.

Bet pats galvenais, nekad nesēdiet uz vietas. Lai sāktu darbu, piesakieties ārštata biržām:

• FL.ru
• weblancer.net
• Workzilla.com

Un netirgojiet tikai lielas vietnes. Iet uz biržu Kvarks un paliec tur. Jūs izpildīsiet nelielus pasūtījumus un piedāvāsiet turpmāku sadarbību. Šis ir patiešām foršs pakalpojums, kurā varat atrast daudz klientu.

Pirmā reize būs grūta, tāpēc pirmie pasūtījumi būs jāizpilda gandrīz par santīmu. Bet, kad jau būsi pie rokas, būs portfolio, par tevi tiks rakstīts daudz pozitīvu atsauksmju, tad varēsi pamazām pacelt latiņu līdz tā patiešām sasniegs sev cienīgu līmeni.

Nu, ar to mans raksts beidzas. Cerams, ka jums tas patika un noderēja. Un es ceru, ka tagad zināt, ka ir jāpieliek lielas pūles, lai kļūtu par tīmekļa dizaineri no nulles. Neaizmirstiet abonēt emuāra atjauninājumus, kā arī publiskos sociālos tīklus. Veiksmi tev. Čau, Čau!

Ar cieņu Dmitrijs Kostins.

Sāciet, apgūstot Photoshop pamatus. Tas ir visu pamatu pamats. Kursu tiešām ir daudz, protams labāk noskatīties video un iekopēt, kas tur notiek, klausoties autora paskaidrojumus. Raksti nav īpaši piemēroti šim gadījumam, IMHO.

Jūs varat arī apgūt Illustrator, taču tas sākotnēji nav tik svarīgi. Bet tad, protams, noderēs!

Varu arī ieteikt jums jau agrīnā stadijā iepazīties ar Dažādi ceļi vietnes izveide. Piemēram, WordPress un Tilda. Šis ir vietņu veidotājs.

Ja jums saka, ka tīmekļa dizainerim ir obligāti jāzīmē ar roku, neticiet. Tas ir paredzēts grafiskajam dizainerim vai spēļu dizainerim, jūsu ierocis ir pele un tastatūra)

Dizaineram ir svarīgi redzēt — viņš tur ieraudzīja foršu iezīmi, ka animācija ir forša — un voila, brīnišķīga vietne. Pārlūkot darbību — tajā ir dažas lieliskas lietas. Šeit ir vēl dažas vietnes, kur skatīties un apbrīnot skaisto:

Šeit ir lieliska informācija par to, kā rakstīt info stilā (galu galā, visticamāk, ka teksti vietnē būs jāraksta tīmekļa dizainerim) soviet.glvrd.ru

Kas attiecas uz izkārtojumu - ir maketētāji un ir web dizaineri, un tas nav viens un tas pats! Jūs veidojat izkārtojumu programmā Photoshop, izkārtojuma dizaineris jau strādā tieši ar html / css.

Sākumā nedomā par izkārtojumu, tad sāc mācīties – darba devēja acīs tas būs pluss. Kirils savā ziņojumā norādīja lieliskas saites - tās noteikti noderēs.

Mazos uzņēmumos projektēšanu un maketēšanu var veikt viens cilvēks, bet lielos uzņēmumos tie ir divi dažādi cilvēki. Ir arī izstrādātāji - viņi strādā ar programmēšanas valodām - PHP vai JavaScript.

Ceru, ka mana atbilde jums palīdzēja - ja kas, rakstiet :)

Web dizainers veido gatavā produkta - vietnes dizainu, un tāpēc viņam ir jāsajūt vides īpatnības un pašam jābūt instrumentiem. Pēc pieredzes:

1. Jums diezgan labi jāsaprot, kas ir lietojamība un pieejamība. Daži cilvēki domā, ka lietojamību var iestādīt vietā divas minūtes pirms nodošanas. Patiesībā lietojamībai jau vajadzētu būt veidnē un pat maketā. Ir klasiskas grāmatas un labi raksti par šo tēmu.
2. Izprotiet, kas ir līdzsvars, fontu kontrasts, kas vieno attālums un dizains. Dizainā jābūt pietiekami daudz gaisa - brīvai vietai, bet nevajadzētu būt lilipiem, kas velk Guliveru - mazs teksts ar niecīgiem intervāliem pie zirgu attēliem un milzu brīva vieta - nez kāpēc tā ir daudzu dizaineru slimība. bijusī PSRS. Piespiežot visu, gandrīz bez apmalēm, tas ir labāk, bet ne pārāk lasāms un parasti izskatās kā sveiks no 1998. gada. Šīs lietas vajag sajust un iegūt pieredzi un garšu.
3. Neatlaidīgi mēģiniet apgūt un sajust, kas ir minimālisms. SVARĪGS! Lasiet rakstus par minimālisma briesmām.
4. Zināt CSS izkārtojuma pamatus ar vismaz pludiņiem, vēlams ar režģi un flex. Tas būs nepieciešams, lai izmantotu elegantus risinājumus, kurus var drukāt, un nevajadzīgi izvairītos no izkārtojumiem, kurus gandrīz nav iespējams drukāt. NELIETOJIET JavaScript izkārtojumā. (Tieši izkārtojumā.)
5. Ziniet pamatus par saskarnes elementiem un modeļiem — cilnēm, sviestmaizi, veidlapu elementiem, populārām opcijām kļūdu parādīšanai veidlapu aizpildīšanā, progresa joslas un pārejas, mainot stāvokļus, kartes, tapas, logus un ikonas, filtrētus sarakstus, pakāpeniskas meklēšanas apgabalu. Tas nav jāmāk, bet jāvadās.
6. Zināt krāsu teorijas pamatus, saprast, kas ir komplementārās krāsas, cik daudz toņiem jāatšķiras, lai tās būtu vieglāk uztveramas.
7. Uzziniet svarīgākās desmitgades tendences: rakstzīmes, RWD, Mobile First, visa veida ķecerība, piemēram, paralakses ritināšana un paralakses viena peidžeri. Ja šī tendence jau ir novecojusi, nekautrējieties: labāk ir izveidot stilīgu vietni pēc pagājušā gada tendencēm, nekā nevienam neko.

Samēra un garšas izjūta.
Instrumenti:

Uz elementiem vērsti vektoru redaktori, piemēram, Sketch.

8. Prototipu veidošanas rīki, jūs varat - diezgan primitīvi, bet ar piekļuvi tīmeklī.
9. Vektoru redaktori, piemēram, Illustrator. Daži pat izmanto InDesign.
10. Fotoattēlu retušēšanas pamatprasmes.
    Neobligāti:

Dizaineram vispār nav jāprot zīmēt. Kurš prot zīmēt, ir zīmētājs (ilustrators). Tomēr, ja jūs zināt, kā arī zīmēt, jums ir nedaudz lielākas iespējas iegūt darbu.

Kas nav vajadzīgs:

Ziniet, kā fotografēt.

Ir forši, ka var rakstīt.

Prot programmēt, rakstīt admin paneļus un veidot tīmekļa aplikācijas.

Lai varētu visus apspiest ar intelektu un izrādīšanu.

Ceru, ka tas palīdz.

Pirmie dizainera "simptomi":

1. Jūs ļoti lidojat, kā izskatās zīmes pilsētā, jūs interesē tos aplūkot, ielūkoties logotipos un salīdzināt savā starpā.
2. Skatoties uz žurnāla vāku, tu domā, kāpēc tev tas patīk, savukārt otrs izraisa tikai riebumu.
3. Internetā jūs visu laiku salīdzināt vietnes.: kāpēc šī vietne ir forša (tajā ir foršs fonts, foto), bet vietne, piemēram, "Moskovskij Komsomoļec" nemaz nav ok.
4. Ja jūs arvien vairāk domājat, kas ir šie cilvēki, kas veido tīmekļa vietnes, banerus, logotipus, mēģinot tajā iedziļināties, tad, acīmredzot, ir pienācis laiks ... ir pienācis laiks beidzot ķerties pie web dizaina. Laba izvēle. Web dizainers var saņemt no 100 000 rubļu mēnesī.

D Vai dizainerim jāprot zīmēt? Tas ir visizplatītākais uzskats. Atbilde ir nē. Deviņdesmitajos gados daži klienti intervijās tikās ar dizaineriem ar jautājumu: "Vai jūs esat beidzis Stroganova skolu?" Patiesībā izrādījās, ka tas ir pilnīgs absurds, kam nav nekāda sakara ar realitāti.

1)Lejupielādējiet Photoshop vai atveriet programmu Figma. Bet atkal ir novecojis viedoklis, ka mums ir nepieciešams Photoshop, lai sāktu. Šis ir diezgan vecs produkts, tāpēc mūsdienu web dizainam tas jau ir nedaudz novecojis. Ja jums ir MacBook, izmēģiniet programmu Sketch.

2) Abonējiet dizaina emuārus un publikācijas vietnē VK.com. Lielajām dizaina studijām vienmēr ir savi emuāri: piemēram, Ideo vai Frog Design. Turpat var arī uzzināt, kuras grāmatas lasīt. Varat abonēt Sidebar.io adresātu sarakstu, kas katru dienu uz jūsu pastu nosūta 5 foršus rakstus par dizaina tēmu, vai arī Think with Google. Tur es, piemēram, sekoju jauniem pētījumiem. Vietnē blog.aic.ru daži raksti par UX dizainu ir pieejami krievu valodā. Arī žurnālā Smashing ir liela rakstu izvēle, taču viss ir angļu valodā. Ja jūs viņu labi pazīstat, varat iegūt noderīgu saturu tieši no labākajiem dizaineriem.

3) Skatieties seminārus un vebinārus. Piemēram, ir pasākumi, kuros varat izsekot bezmaksas dizaina vebināriem.

4)Noteikti reģistrējieties un izveidojiet portfeli vietnē Behance- skatieties, kā top dizaineri no visas pasaules veido stilīgākos futrāļus un prezentējiet savus darbus. Izmēģiniet citu līdzīgu resursu - Dribbble. Krievijas tīmekļa dizaineriem paredzētās platformas nevar salīdzināt ar tām.

Nav iespējams viennozīmīgi pateikt, cik ilgs laiks nepieciešams, lai kļūtu par foršu dizaineri. Galvenais ir to darīt katru dienu. Piemēram, ja jūs veltāt 7-8 stundas dienā dizainam, jūs varat sasniegt taustāmus rezultātus 3-4 mēnešu laikā. Kopā labākajam profesionālajam tīmekļa dizainerim ir jāpavada aptuveni 10 000 stundu, lai sasniegtu patiesi augstu līmeni. Citiem vārdiem sakot, Jūs varat kļūt par tīmekļa dizaina guru pat vissliktākajā sižetā 5 gadu laikā.

Bet! Jūs varat iedziļināties elles daudzās teorijās, pieļaut vienas un tās pašas kļūdas atkal un atkal, mocīt sevi un rezultātā no visa padoties. Nejauši mācoties dažādās lekcijās, vebināros, YouTube nodarbībās, jūs varat palaist garām pamatus. Jūs varat kļūt par tīmekļa dizaineru 12 mēnešos.

Apmācības notiek soli pa solim tiešsaistes lekciju formātā ar individuālu mājasdarbu analīzi mentora vadībā. Kurss sastāv no četriem galvenajiem blokiem. Tie aptver visu tīmekļa dizainera darba jomu: no elementāriem jēdzieniem, piemēram, kas ir slāņi, un pamatzināšanām par tipogrāfiju līdz grūtību analīzei, ar kurām beigās saskaras jebkurš dizaineris, taču nez kāpēc daudzi klusē. par tiem: kā izveidot labu portfeli, sarunāties ar sarežģītu klientu, atrast darbu attālināti ārzemju studijā. Kursa studenti veido tēzes reāliem klientiem, piemēram, Azbuka Vkusa un Ticketland.ru, un pēc tam viņi var trenēties pie tiem.

Vai vēlaties uzzināt, kā pats kļūt par tīmekļa dizaineri? Vai varbūt jums jau ir daži no saviem dizainparaugiem vai pat, un vēlaties pacelt savas prasmes jaunā augstākā līmenī? Tad jūs šobrīd virzāties pareizajā virzienā, jo raksta tēma ir “Kur sākt web dizainu” un tajā mēs detalizēti apskatīsim visus nepieciešamos web dizainera sagatavošanas posmus un palīdzēsim kļūt par tīmekli dizainers pats ar nelielu centību un radošumu.

Vienā rakstā, protams, nevar pastāstīt, kā kļūt par web dizaineru, un pastāstīt par visām prasmēm, nepieciešamajiem rīkiem un tehnoloģijām, kas jāapgūst ceļā uz savu sapņu darbu. Ja tu domā, ka ceļš būs viegls un ātrs, tad man tevi jāsatrauc. Web dizainera darbs ir pastāvīga sevis pilnveidošana, attīstība un tiekšanās pēc jaunām tendencēm un tendencēm. Taču, neskatoties uz visām profesionālajām grūtībām, tieši mācīšanās un jaunu zināšanu iegūšana ir viens no patīkamākajiem šī darba aspektiem.

Pirmkārt, neliela liriska atkāpe dizaineriem, kuri nejauši iemaldījās, lasot šo rakstu. " Es nodarbojos ar web dizainu", jūs, iespējams, teicāt šo frāzi kādam vairāk nekā vienu reizi un piedzīvojāt aukstas bailes, kad jums atbildēja apmēram šādi:" Forši! Un iemācīt man to darīt? Kā kļūt par tīmekļa dizaineri no nulles?» Daudzi cilvēki vienkārši pieņem, ka viņi noklikšķina, uzvelk pāris ikonas uz ekrāna, un dizains ir gatavs. Bet diemžēl tas tā nav. Tāpēc nākamreiz, kad kāds jums jautās, kā izveidot vietnes, vienkārši parādiet viņam šo rakstu.

Laipni lūdzam, dāmas un kungi, MotoCMS ceļvedī dizaineriem iesācējiem. Satveriet savas peles un ērti iejūtieties pie tastatūras. Šis ieraksts solās būt garš. Kafijas pagatavošana nav obligāta, taču tā joprojām ir tā vērta.

Kam ir paredzēts šis tīmekļa dizaina raksts?

Šis raksts ir paredzēts ikvienam, kam interesē "Kā pašam kļūt par tīmekļa dizaineru?". Tas noderēs arī cilvēkiem, kuri vēlas sākt veidot mājas lapas un ir zināma pieredze dizainā un . Viss būs ļoti pieejams un soli pa solim. Raksts ir paredzēts tam, ka jums nav speciālas mākslinieciskās vai tehniskās izglītības, vispār nav kodēšanas prasmju un pieredzes web dizaina nozarē.

Prasības iesācēju tīmekļa dizaineriem

"Minimālās prasības" cilvēkiem, kuri plāno kļūt par tīmekļa dizaineri un vēlas izveidot savu pirmo vietni, ir diezgan vienkāršas. Ja zināt, kas ir mapes, grafiskais teksta faili, jūs varat sākt.

Tomēr, lai gan darba sākšana ir vienkārša, patiešām labas vietnes izveide ir īsta māksla. Ir daudz prasmju, kas jums būs jāapgūst. Jums būs jāapgūst krāsu teorija, grafisko elementu hierarhija, fonti un vietnes vispārējā organizācija.

Tāpat jums būs nepieciešamas zināšanas par galvenajām kodēšanas valodām, proti HTML un CSS, mēs arī par to parunāsim.

Tad jūs, iespējams, vēlēsities iemācīties pamatus JavaScript programmēšana un izdomājiet, kā to izmantot, lai pārvaldītu dažādas vietnes daļas. Un izmisušie bundzinieki, kuri vēlas rakt vēl tālāk, var ienirt sistēmās satura pārvaldība, meklētājprogrammu optimizācija un mārketings.

Taču nevajag steigties uz visu uzreiz, prasmes nāks ar pieredzi un nepieciešamību, tikai centīšos ievirzīt pareizajā virzienā. Un, ja esat izlasījis līdz šai raksta daļai, tad varu droši teikt: “Laipni lūdzam brīnišķīgajā tīmekļa dizaina pasaulē, iesācējs. Esiet gatavs vairākkārt sajaukt lietas un neaizmirstiet izklaidēties!

Kā izmantot šo tīmekļa dizaina rokasgrāmatu iesācējiem

Izlasi to! Ar to pietiks, lai sāktu. Izveidojiet savu pirmo, visticamāk, neveiklo vietni. Atgriezieties un lasiet vēlreiz. Izlabojiet savas kļūdas. Atkārtojiet.
Nē, jūs, iespējams, nevēlaties lasīt visu uzreiz. Ir daudz citu resursu, daudz dažādu pieeju, ko var izmantot. Tas ir labi, bet es tomēr iesaku nedaudz palasīt un mēģināt iziet pirmos soļus.

Dizains pārlūkprogrammā iesācējiem

Jūs droši vien zināt, ka lielākā daļa dizaineru vispirms izmanto grafiskos redaktorus un tikai pēc tam nodod savus projektus kodētājam izkārtojumam. Photoshop ir visizplatītākais rīks, taču dizaineri izmanto arī tādas programmas kā Skice, GIMP, inkscape Un Ilustrators.

Neapšaubāmi, jums ir jāizmēģina daži no tiem un jāizmanto rīki, kas jums vislabāk atbilst. Taču, ja vēlies izveidot mājaslapas, tad mēģini to uzreiz izdarīt to dabiskajā vidē – pārlūkprogrammā! Ideālā gadījumā dariet to vairākās pārlūkprogrammās, jo cilvēki neskata vietnes programmā Photoshop un neredz tās tā, kā jūs to darāt, izmantojot grafiskā redaktora saskarni.

Uz pārlūkprogrammu balstītai darbplūsmai ir vairākas citas priekšrocības:

1) Jūs redzat tieši to, ko iegūstat. Pat profesionāli maketi nenorāda vietņu interaktīvās vai animācijas daļas. Izveidojot uz pārlūkprogrammu balstītu dizainu, varēsiet precīzi redzēt, kā tas darbojas.

Tas jo īpaši attiecas uz atsaucīgu dizainu. (Nezinātājiem: atsaucīgs vai adaptīvs dizains ir tāds, kas tiek pareizi renderēts dažādos ekrānos un ierīcēs, neatkarīgi no tā Mobilais telefons, planšetdatorā vai datorā).

2) Pārlūkprogrammas dizains var padarīt jūs par labāku dizaineru. Pats zinot visu procesu, varēsi saprast, kas un kā darbojas, un brīdināt sevi no daudzām kļūdām. Ikviena dizainera (vai maketētāja, kuram tas būs jādara), strādājot, teiksim, Photoshop, murgs ir viņa turpmākā "izstiepšanās" dzīvā vietnē.

Jebkurā gadījumā šeit ir daži resursi, kas var būt noderīgi darbā ar grafiskie redaktori.

Pārlūkprogrammas dizains var daudzos veidos mainīt jūsu darba veidu un mudināt jūs apgūt jaunas lietas par HTML un CSS. Būtībā, jo vairāk jūs izjauksit netīro kodu, jo labāk sapratīsit, kā vietnes darbojas. Tas nepadarīs jūs par pārsteidzošu dizaineru; bet tas ir lielisks sākums.

Nepieciešamās prasmes, lai kļūtu par tīmekļa dizaineri

Ja vēlaties patstāvīgi kļūt par profesionālu tīmekļa dizaineri, jums būs nepieciešamas dažas īpašas prasmes. Šajā sadaļā mēs atbildēsim uz jautājumu “Kā pašam kļūt par tīmekļa dizaineri?”, kā arī pievērsīsimies prasmēm, kas nepieciešamas, lai faktiski izstrādātu un izveidotu vietni. Protams, būs nepieciešamas arī biznesa un komunikācijas prasmes, bet tas ir nedaudz cits stāsts. Tātad, lai pats kļūtu par tīmekļa dizaineru, jums jāzina tālāk norādītais.

UX / UI dizains

Uz lietotāja pieredzi orientēts dizains jeb UX dizains ir tas, kā izskatīsies un darbosies lietotāja saskarne kopumā. Tas ir process, tā ir filozofija, un tas ir daudz darba. Patiešām labu vietni var izveidot, tikai zinot, kādu ceļu apmeklētājs tajā iet un kā mainās viņa uzvedība atkarībā no grafisko elementu izmaiņām.

Vairāk informācijas par to var atrast rakstā “Kas īsti ir UX/UI dizains? »

Estētiskās prasmes

Estētika ir sarežģīta lieta. Šķiet, ka dažiem cilvēkiem lieliska krāsu shēma citiem var šķist pavisam dīvaina. Fonti, kas šajā vietā jums izskatās “tieši piemēroti”, klientam var nepatikt. Tas šķiet ļoti, ļoti subjektīvi, bet tomēr katram no šiem aspektiem ir savi noteikumi, par kuriem mēs tagad runāsim.

Fontu kombinācija un tipogrāfija

Internets ir teksts. Tie ir vārdi. Un šiem vārdiem ir jāizskatās pārsteidzoši. Tomēr tipogrāfija ir vairāk nekā tikai pareizā fonta izvēle. Tas, pirmkārt, ir lietošanas ērtums. Noformējumā ir pareizi jāizvēlas un jāapvieno fontu izmēri, veidi un stili, lai dizainā izveidotu grafisku hierarhiju.

Lai jūs aizvestu "no A līdz Z", iesaku ieskatīties Emīla Rūdera grāmatā "Tipogrāfija". Lasīšana var būt diezgan ilga, tāpēc tiem, kas vēlas nekavējoties sākt vingrināties - arī īss video par tēmu (tas ir, ja pēkšņi esat jau atradis labu teksta piemēru un vēlaties noteikt tā fontu).

Kad esat apguvis tipogrāfijas noteikumus, varat izmēģināt dažus fontus savam projektam. Patiesībā tīmeklī ir daudz labu bezmaksas fontu, tāpēc paskatieties apkārt.

Daudzi cilvēki, tostarp es, izvēlas savus fontus no . Google fontus var "iegult" vietnē un tas ir diezgan ērti. Turklāt varat izmantot gatavas fontu kombinācijas:

Citus līdzīgus piemērus var atrast tiešsaistē.

Ja vēlaties izveidot savus Google fontu pārus, izmēģiniet Web Font Combiner. Šis ir rīks, kas ļauj ātri skatīt fontu kombinācijas reāllaikā, mainot fontu, izmēru, krāsu, līnijas platumu.

Ja ar Google fontiem nepietiek, varat apskatīt WebDesignerDepot, Fonts-online un citas vietnes.

Krāsu teorija un krāsu shēmas

Krāsu teorijai ir maz sakara ar krāsu tehniskajiem nosaukumiem. Ja jūsu klients vēlas pēc fuksijas, bet ļoti vēlas karsti rozā, izvēle ir jūsu.Krāsu teorija galvenokārt pēta attiecības starp krāsu kombinācijām un cilvēka emocijām, kas to uztver. Šī ir īsta zinātne.
Lai izprastu krāsu teorijas pamatus, ir vairākas lieliskas publikācijas:

No nepieciešamajiem rīkiem - Adobe Color CC

Atcerieties, ka krāsu teorija ir cieši saistīta ar tipogrāfiju. Piemēram, ja teksta krāsa ir pārāk tuvu atlasītā fona krāsai, to būs grūti salasīt un apmeklētāji, visticamāk, vienkārši paies garām šai vietnes daļai vai pat pametīs to.

Sastāvs un vispārējā organizācija

Kā kļūt par tīmekļa dizaineri, nezinot kompozīcijas pamatus? Nevar būt! Man šī daļa, iespējams, ir vissvarīgākā. Galu galā jūs varat izvēlēties skaistus fontus, lielisku krāsu shēmu un pēc tam vienkārši sajaukt pareizo bloku izkārtojumu, hierarhiju un proporcijas un iegūt “vispretīgāko izcilo produktu ēdienu”.

Par šo tēmu ir vairākas noderīgas publikācijas, pēc kurām tas nāk no pirmās (vai gandrīz no pirmās) reizes.

• Zelta koeficienta un trīs likuma izmantošana tīmekļa dizainā

Web dizaina tendences

Jūs varat bezgalīgi runāt par tīmekļa dizaina tendencēm. Kādu lomu viņi spēlē? Visticamāk, visi klienti, pirms nāk pie jums, jau ir apskatījuši vairākus foršu modes vietņu piemērus un, iespējams, pat izlasījuši pāris rakstus ar web dizaina tendencēm. Modes un populāru dizaina elementu pārzināšana ir vienkārši nepieciešama, lai saprastu, ko viņi lūdz, un lai viņiem būtu ko piedāvāt.

Tā kā tīmekļa dizaina tendences pastāvīgi mainās, nav jēgas minēt kādas konkrētas publikācijas kā piemēru. Šeit es varu tikai ieteikt jums sekot līdzi tīmekļa dizaineru vietnēm. Šeit ir daži labi piemēri:

• abduzeedo.com
• behance.net
• noupe.com
• webdesignerwall.com
• flickr.com
• wwwards.com

Kā kļūt par tīmekļa dizaineri: HTML un CSS

HTML tā ir "Valoda hiperteksta marķējums". Katra vietne, kuru esat apskatījis, ir balstīta uz HTML. HTML ir valoda, kurā jūsu pārlūkprogramma saprot, ka vietnē ir teksts, attēls, saite, video vai citi elementi. Pēc tam jūsu pārlūkprogramma pārtulko kodu ekrānā redzamajā formā.

Tiek saukta cita valoda, kas vienkāršos vārdos padara vietni skaistu css, kas nozīmē "kaskādes stila lapas". CSS norāda pārlūkprogrammai, kāds fonts ir tekstā un kādas krāsas tiek izmantotas. CSS, vienkārši sakot, definē izskats jūsu vietne (pogas, stili, krāsas, animācija).

Šo valodu apguve patstāvīgi vai vismaz pamata izpratne par to darbību ir diezgan vienkārša. Šīs ir vienkāršākās datoru valodas. Tomēr tie ir arī diezgan plaši, un tos var izmantot daudzās variācijās, lai radītu satriecošus dizainus.

Tiklīdz jūs zināt pamatus, ir patiešām pārsteidzošs vietņu skaits, kurās varat uzzināt vairāk par to, kā kļūt par tīmekļa dizaineru un patstāvīgi apgūt programmēšanas valodas.

Izliešana tiešraidē

Vai esat gatavs ievietot savu vietni internetā? Tur ir Domēna vārds(piemēram: mywebsite.com) un hostingu (vieta datorā, kas ir pastāvīgi savienots ar internetu vai tiešsaistes hostings iegādāts no trešo pušu pakalpojumu sniedzējiem)? Augšupielādējiet failus savā mitināšanā, apsēdieties, atpūtieties un…

Ko darīt pēc vietnes palaišanas

Izlabojiet kļūdas un pabeidziet to, ko esat aizmirsis

"Ak, jā, tieši tā... Es noteikti gribēju to salabot."– Tā gadās visiem. Gandrīz neizbēgami, ka pēc jebkuras vietnes palaišanas parādās kļūdas. Un jo lielāka vietne, jo lielāka iespēja, ka esat palaidis garām kļūdu vai kaut ko aizmirsis. Jūsu ērtībām šeit ir diezgan detalizēts kontrolsaraksts:

Apkopojiet atsauksmes

Jūs nevarat uzlaboties, ja nezināt, kur esat pieļāvis kļūdas. Laiks un pieredze to var iemācīt, bet citi var iemācīt ātrāk.
Kad mēģināt kļūt par tīmekļa dizaineri no nulles un mācīties pats, es aicinu jūs pievienoties kopienām, lai sazinātos ar citiem dizaineriem, kuri var jums palīdzēt un sniegt profesionālus padomus.

Kā kļūt par tīmekļa dizaineri - kopsavilkums

Raksts iznāca diezgan garš, bet to visu būtu grūti ietilpināt mazākos vārdos, tāpēc vēlos apsveikt visus, kas izlasīja līdz galam un sirsnīgi pateikties par pacietību. Ja vēlies uzzināt vairāk par web dizaina apmācībām, vai par konkrētiem darba rīkiem un stratēģijām, raksti to komentāros, un mēs noteikti izveidosim noderīgākus materiālus par tēmu. Veiksmi visiem!

Un, ja esat gatavs pārbaudīt savas prasmes dzīvajā projektā un jums ir nepieciešams labs hostings - kā bonusu jūs varat iegādāties hostingu uz gadu no mūsu partnera Inmotion tikai par USD 1.

Sveiki visiem, draugi! Šajā materiālā jūs uzzināsiet, kas ir tīmekļa dizains, kas ir UI / UX, Wireframing mūsdienu tīmekļa dizainā, apsvērsiet pamatnoteikumus augstas kvalitātes UI dizainam, pareizai darba organizācijai tīmekļa dizaina lietojumprogrammās, apsvērsiet HTML nozīmi. makets web dizainā un kā patstāvīgi un pareizi apgūt web dizainu un attīstīties kā web dizaineram. Citiem vārdiem sakot, draugi ir labākais tīmekļa dizainera ceļvedis, kas būs ārkārtīgi noderīgi ne tikai iesācējiem, bet arī pieredzējušiem web dizaineriem, kuri vēlas profesionāli attīstīties.

forši

Piespraud to

Pirmā daļa: UX ir visa galva

Kas vēl ir UX un kāda cita galva, jūs jautājat ar neizpratni? Sāksim ar sausām un nedzīvām definīcijām, tad visu analizēsim sīkāk un cilvēku valodā.

UX- disciplīna, kas studē mijiedarbības pieredze lietotājs ar produktu, uztvere un reakcija, kas izriet no lietošanas.

UX ir jēdziens, kas pielietojams ne tikai web dizainā, bet arī citās jomās. Padziļināsimies un aplūkosim reālās dzīves piemērus. Mijiedarbības pieredze ir, kad speciālists rūpnīcā kontrolē sarežģītas iekārtas, nospiežot pāris pogas, un izslēgšanas poga ir daudz lielāka; UX ir tad, kad jūs izmantojat īsceļu uz savu māju, lai gan tur ir skaista un tīra ietve; tas ir tad, kad jūs ievietojat kafijas tasi īpašos padziļinājumos uz paneļa automašīnas salonā; kad bremžu pedālis ir platāks par gāzes pedāli. UX ir tad, kad redzat saites uz visiem nodarbību materiāliem, kas izmantoti manu YouTube videoklipu aprakstā, un jums nav tālu jāmeklē nepieciešamie faili. Tas viss ir lietotāja pieredzes mijiedarbība. Piemēru var būt daudz, bet būtība ir viena: UX ir veids, kā lietotājs var sasniegt mērķi visērtākajā veidā. Un, ja vēlaties būt lielisks tīmekļa dizainers un kopumā veiksmīgs cilvēks, jums ir jāiemācās to izdarīt.

Vispirms apskatīsim attēlu. Tas jums var būt šokējošs atklājums, taču UX ir joma, kas ietver gan izpēti un dizainu, gan vizualizāciju un izkārtojumu. Darba pie UX rezultātā mums vajadzētu iegūt strādājošu prototipu. Ja mēs runājam par web dizaina idejām, šāds prototips ir HTML izkārtojums. Ja paņemam un izvelkam no telefona ekrānu, tad bez paša ekrāna varam redzēt vadus, oderes, lipīgās šuves. Šī ir saskarne. Labs dizainers izstrādā saskarni ar visiem elementiem, ieskaitot izkārtojumu. Turpmāk ekrāns tiks savienots ar tālruņa plati (Back-end, PHP, Python, Ruby) vai programmēts (Front-end, JS). Saprotu, ka daži cilvēki jutīsies neomulīgi no šādiem izteikumiem, īpaši vecie maketētāji, kuriem maketēšana ir vesela pasaule, atsevišķs zināšanu lauks. Bet paskatīsimies uz attīstību objektīvi un sauksim lietas tos vārdus. Un realitāte ir tāda, ka mēs izstrādājam modeli, kuram labākajā gadījumā ir jānokārto tests, un tas ir jūsu kā tīmekļa dizainera uzdevums. Tālāk šis modelis(HTML izkārtojumu) var tieši pārsūtīt uz Back-end izstrādi vai, ja tas ir sarežģīts projekts, uz Front-end izstrādātāju, lai uzrakstītu lietojumprogrammas JS kodu.

Daudzos vidējos un lielos uzņēmumos UX, UI speciālisti un HTML kodētāji bieži vien ir dažādi cilvēki. Bet šis modelis praktiski nedarbojas ārštatā. Visefektīvākais dizainers ir tas, kurš savu ideju spēj īstenot no sākuma līdz beigām, nevis pusi darba nodot citam, pazaudējot idejas zelta pavedienu. Vietas zem saules paliek arvien mazāk, un tagad "tikai salikums", tas ir kā autovadītājs, kurš var tikai nospiest bremzi. Izkārtojumā nav nekā sarežģīta. Tas ir parasts vidējas sarežģītības rutīnas darbs.

UX tīmeklī ir pamats, uz kura tiek veidots vietnes vai lietojumprogrammas dizains. Šis ir interfeisa dizains, ņemot vērā to cilvēku vajadzības, kuriem veidojat vietni. Kas ir galalietotājs, kādus mērķus cilvēks tiecas, izmantojot jūsu saskarni, kā palīdzēt viņam iegūt rezultātu pēc iespējas ātrāk un ērtāk? Šeit ir norādīti galvenie uzdevumi, ko UX atrisina.

Grūtības, veidojot lietotāja pieredzi, ir nepieciešamība izprast lietotāju vajadzības labāk, nekā viņi paši tās saprot.
Džesa Gareta.

Daudzi iesācēju (un ne tikai iesācēju) tīmekļa dizaineri jauc tīmekļa dizainu ar vizuālo dizainu. Kāds joprojām uzskata, ka mājas lapas dizaina veidošanas process, pirmkārt, ir bilžu, pogu, ikonu (UI) veidošana, pilnībā aizmirstot par pamatu (UX), par cilvēku izpēti, kam tiek zīmēta visa šī ekonomika .

Esmu vairākkārt redzējis, kā vizuāli ne pārāk skaistas vietnes un LP ir ienesuši milzīgus pārdošanas apjomus un darbojās labāk nekā jebkura aizjūras plakana saskarne ar stilīgām ikonām un infografiku. Jā, jā, tās bija vietnes ar smieklīgiem gradientiem, milzīgām pogām, neapstrādātiem fotoattēliem bez retušēšanas un saspiestiem teksta blokiem. Bet viņi strādāja. Brīnums, jūs sakāt? ES nedomāju. Vienkārši dizainers, kurš uzzīmēja šādu vietni, veica klienta auditorijas izpēti, vienkārši dizaineris prot uzklausīt un saprast produkta lietotāju patiesās vajadzības, lai gan viņam nav īpašas vizuālās gaumes. Vai arī nejauši uzminējis pareizo virzienu. Ja vēlies būt patiesi lielisks web dizainers, tev ir jābūt 2 spožām, pulētām vienas monētas pusēm - no vienas puses, tev jākļūst par labu UX speciālistu, no otras, jāattīsta gaumes izjūta, lai jūsu saskarnes ir ne tikai funkcionālas, bet arī pievilcīgas — tā ir lietotāja saskarne. Ja runājam par to, kurš dizainers ir labāks - tas, kurš zīmē, ņemot vērā lietotāja pieredzi, bet ne skaisti, vai tas, kurš zīmē pārsteidzoši glītus interfeisus, bet absolūti neiedziļinās cilvēku problēmās, tad noteikti uzvar pirmais. Un tas ir saprotams, jo tas ir pirmais, kas vienkāršā izteiksmē ienesīs biznesam vairāk naudas un klientu.

Mans pazemīgais viedoklis: dizains beigs pastāvēt vizuālajam dizainam, Web 3.0 ir UX, informācijas un ērtības laikmets.

UX uzdevumi

Pamazām mēs pārejam no teorijas uz praksi. Kādas problēmas var atrisināt UX?

Dizainera galvenais uzdevums ir maksimāli palielināt gala lietotāja apmierinātības līmeni no mijiedarbības ar produktu. Tālāk mēs ar produktu sapratīsim jebkuru mijiedarbības objektu ar lietotāju neatkarīgi no tā, vai tas ir īsts produkts, pakalpojums, tīmekļa lietojumprogramma vai vietne.

Tīmekļa dizainers ir kāds, kurš veido tiltu starp uzņēmuma īpašnieku un potenciālo klientu. Es domāju, ka nav vajadzīgas smadzenes, lai saprastu, ka galvenais UX dizaina izpētes darbs ir izprast produkta potenciālo auditoriju. Grūtākais šeit ir tas, ko nevar sajust, nav izmērāms – tā ir web dizainera vai UX speciālista empātija, spēja izprast citu cilvēku vēlmes un jūtas. Tīmekļa dizainerim ir jābūt pietiekami pieredzējušam dzīvē, lai, visticamāk, noteiktu potenciālās auditorijas vēlmes un jūtas. Tas ir diezgan sarežģīts subjektīvs process, taču to var sakārtot un uzlabot jūsu UX prasmes, izmantojot vispāratzītas izpētes un projektēšanas metodes.

Otrā daļa: Pētniecība

Jūs nevarat vienkārši paņemt klienta produktu un izveidot tam vietni, lietotni vai galveno lapu. Būtībā ir nepareizi izņemt kāda cita galveno lapu, kāda cita darbu, bet vēl trakāk ir izsūkt no pirksta ideju un uzzīmēt tai kaut kādu īslaicīgu dizainu, pa ceļam ievietojot atslēgvārdus produkta teksta blokos. Lielākā daļa to dara, lai gan tas ir fundamentāli nepareizi. Šis ir strupceļš, ceļš uz nekurieni, neskatoties uz to, ka tīmekļa dizainā mazāk izglītoti klienti katram gadījumam noraksta smieklīgus un neveiksmīgus slikta speciālista lēmumus, kurš tomēr saņem savu naudu.

Jums ir skaidri jāsaprot, KĀPĒC jūs veidojat šo sadaļu, šos elementus, šo pasūtījumu Web lapā. Visas jūsu darbības jāatbalsta ar dzelzsbetona pamatni. Paskaidrojums jautājumam "Kāpēc šeit ir šie mazie apaļumi?" skanēs diezgan dīvaini. formā - "Tāpēc, ka es kaut kur šos redzēju un nolēmu izmantot šo formu jūsu fiktīvajam saturam, jo ​​mana iztēle nedarbojas." Dīvaini, vai ne?

Pareizais ceļš – pētniecība. Izpēte ir dizainera pirmais solis, strādājot pie jebkura projekta. Jums skaidri jāattēlo lietotāju grupa, jāiepazīst auditorija, kurai veidojat saskarni, jānoskaidro šīs auditorijas vajadzības. Protams, pamatojoties tikai uz jūsu personīgo pieredzi un sajūtām, saskarnē ir diezgan grūti pieņemt objektīvi pareizu lēmumu, jo jūs neesat objektīvs attiecībā uz jūsu radošuma rezultātu un jūsu personīgā pieredze attiecībā uz konkrēto produktu var būt ļoti ierobežotam. Tomēr, ja esat izpētījis produktu, kuram veidojat vietni, varat izdarīt dažus secinājumus un pieņemt lēmumus. Minimums, kas vienkārši ir jādara, ja esi ārštata darbinieks, strādā viens un tev nav savas UX speciālistu komandas, ir jāizpēta šī brīža biznesa pieredze, jāizmet produkta vidusmēra patērētāja portrets. Piemēram, ja veidojat lauksaimniecības tehnikas pārdošanas izvietošanas lapu, visticamāk, potenciālie klienti nemeklē īpašus volānus vietnes vizuālajā noformējumā, viņus vairāk interesē preču katalogs, fotogrāfijas, termini un piegādes veidi uz savu reģionu, cenas un iespējamās atlaides. Pēdējais punkts saka, ka UX dizains ir ļoti cieši saistīts ar biznesu. Par to tīmekļa dizaineri parasti nerunā, bet visi domā.

Pētījuma sākumā jums ir jāsazinās ar uzņēmuma īpašnieku, savu klientu. Viņš ir sava produkta speciālists un viņam ir pieredze darbā ar klientiem, viņš pazīst savu auditoriju. Pierakstiet visus galvenos punktus uz līmlapiņām vai piezīmju grāmatiņā turpmākai analīzei. Ja esat ārštata darbinieks - izpētiet līdzīgu produktu, tematisko forumu un kopienu pieredzi, bet akli neizmantojiet konkurentu sasniegumus savā projektā - tas nav pareizi un neefektīvi. Ja esat studija, jums ir resursi un projekta budžets, lai veiktu padziļinātu izpēti – veiktu tiešsaistes aptaujas, intervijas ar auditoriju, vairāku potenciāli efektīvu prototipu A/B testēšanu.

Mēs ejam tālāk. Izveidojiet apmeklētāju raksturīgo īpašību sarakstu, kas jūs vispirms interesē. Lai to izdarītu, izveidojiet tabulu ar personām, kas potenciāli var būt produkta lietotāji, un aprakstiet tās. Nostāj sevi cilvēka vietā, pierod pie lomas un sāc domāt kā cilvēks:

Lūdzu, ņemiet vērā, ka, pareizi raksturojot 1-2-3 personas, jūs, visticamāk, trāpīsit mērķī, salīdzinot ar lielu skaitu cilvēku ar līdzīgām vērtībām un vajadzībām šajā tēmā. Identificējot 2–3 (vai vairāk) personas, varat noteikt uzdevumus, ko apmeklētāji var atrisināt, izmantojot jūsu saskarni.

Trešā daļa: Stiepļu ietvars

Kad esat definējis auditoriju, noteicis personu mērķus un vērtības, varat sākt modelēt interfeisa ietvaru, tā saukto Wireframing. Wireframe kalpo informācijas izplatīšanai nākamajās lapās svarīguma secībā - no augšas uz leju. Modelēšanas procesā jūs pārdomājat, kāda informācija būs lapā, nosakāt informācijas izvadīšanas pamatformu, bet neiedziļināties detaļās, neveicat vizualizāciju. Jums nevajadzētu aizrauties, jo, ja nākotnē sapratīsit, ka struktūra nav līdz galam veiksmīga, jums tik un tā viss ir jāpārkārto. Aizmirstiet par stilu un koncentrējieties uz struktūru.

Lai izveidotu rāmi, var izmantot īpašu aplikāciju vai zīmēt ar roku uz papīra kastītē vai punktā, pēc tam skenēt un ievietot mapē ar projekta materiāliem. Es parasti lietoju tiešsaistes lietojumprogramma wireframe.cc, jo iespējams veikt izmaiņas reāllaikā un saskaņot ar klientu. Bet dažreiz uz papīra izstrādāju lapu struktūru, ja man ir slinkums sēsties pie datora.

Padoms: neapstājieties pie viena vietnes galvenās lapas vai programmas galvenā ekrāna rāmja, izveidojiet vairākas struktūras izkārtojuma skices. Galvenajā lapā ņemiet informāciju no personu tabulas, sakārtojiet mērķus un vērtības pēc svarīguma un eksperimentējiet ar formu, kādā jūs pasniegsiet informāciju apmeklētājiem.

Pārstrādājiet visas vietnes vai lietojumprogrammas lapas un tikai pēc tam, kad visas vietnes skelets ir gatavs, pārejiet pie nākamās darbības.

Ceturtā daļa: UI, vizualizācija

Kad esat rūpīgi izstrādājis UX, izveidojis vairākus karkasus un izvēlējies pievilcīgākās iespējas, varat sākt vizualizēt. Vizualizācija ir karkasu zīmēšana, vienota stila veidošana, satura noformēšana. Citiem vārdiem sakot, mēs sākam strādāt pie lietotāja interfeisa. Visbiežāk vizualizācijai tiek izmantoti Adobe Photoshop, Sketch.app, Inkscape + Gimp vai citi rīki. Es iesaku izmantot Adobe XD, lai renderētu un izstrādātu interaktīvu grafisko prototipu. Turpmāk mūsu nodarbībās dizaina izveidei izmantosim tikai šo rīku, jo šeit uzreiz varēsi izveidot vizualizāciju un parādīt, kā lietotāji pārvietosies pa lapām. Lai strādātu ar vektorgrafika Es izmantoju Inkscape - šeit es veidoju ikonas un citus nepieciešamos grafikus darbam ar bitkartes grafiku - labākais risinājums, tas ir Adobe Photoshop.

Labas manieres noteikumi

Tīmekļa dizainā nav noteikumu, saka Artemijs Ļebedevs. Web dizainā ir labas manieres, es atbildēšu. Izstrādājot mājas lapas dizainu, web dizainers ievēro noteiktus neizteiktus noteikumus. Līniju atstarpes, polsterējums, fonti, elementu izmēri — tas viss ir izmērāms, un, atklāti sakot, ir arī sliktas ieviešanas. Tāpēc ir iespējams sastādīt noteikumu kopumu, kuru ievērojot, jūs noteikti neveidosit sliktu sava dizaina vizualizāciju, pat ja esat iesācējs un jūsu gaumes izjūta ir pašā sākuma stadijā.

Lūdzu, ņemiet vērā, ka šos noteikumus var pārkāpt, ja jums ir liela dizaina pieredze un zināt, ko darāt. Varat arī pārkāpt šos noteikumus, ja esat jauns un eksperimentējat. Ja esat iesācējs tīmekļa dizainers, mēģiniet neizlaist ražošanā saskarnes, kas pārkāpj kādu no iepriekš minētajiem noteikumiem.

1. Tipogrāfija, teksts, saites

   • Neizmantojiet pārāk lielus virsrakstus;
   • Neizmantojiet fontu, kas mazāks par 12 pikseļiem;
   • Nepadariet pārāk mazu vai pārāk lielu atstarpi starp rindām;
   • Neizstiepiet burtus ar rīku "Transformēt", fontam jābūt dabiski proporcionālam;
   • Neizmantojiet vairāk kā 3 fontus vienā lapā;
   • Neizmantojiet pārāk mazu kontrastu, nedrukājiet gaiši pelēku uz balta vai tumši pelēku uz melna;
   • Uzmanīgi izmantojiet rakstzīmju atstarpes, ja zināt, ko darāt, un jūsu izvēlētais fonts nodrošina elegantāko gaisīgo tekstu;
   • Neveidojiet pārāk mazus ievilkumus starp rindkopām, virsrakstiem un elementiem, piešķiriet noformējumam gaisu;
   • Nelietojiet vāciņus bez vajadzības;
   • Galvenajiem teksta blokiem neizmantojiet pārāk sarežģītu dekoratīvo fontu, tam jābūt vienkāršam un viegli lasāmam Sans vai Serif saimes fontam (Serif un Slab — ja zināt, ko darāt);
   • Visām saitēm, izņemot navigācijas vienumus, jābūt pasvītrotām. Mēģiniet arī padarīt saites, kas jau ir apmeklētas, tumšākas nekā saišu noklusējuma krāsa;
   • Ja vietņu hierarhijā ir vairāk nekā 3 līmeņi, neaizmirstiet par rīvmaize.

2. Grafika, ikonas, fotogrāfijas

   • Neizmantojiet veidņu fotoattēlus savā dizainā. Labāk to darīt pašam, ieteikt klientam sazināties ar fotogrāfu vai atrast "dzīves" bildes;
   • Neizmantojiet ikonas, kas izgatavotas no fotogrāfijām;
   • Visām ikonām jābūt izgatavotām tādā pašā stilā;
   • Nepalieliniet fotoattēlu, pārsniedzot tā sākotnējo izmēru;
   • Nepārveidojiet grafikas mērogu;
   • Neizmantojiet slāņu sajaukšanas režīmus, izņemot parastos (normāls);
   • Centieties neizmantot filtrus attēliem, kuriem vajadzētu būt vairākiem stāvokļiem (parasti, piemēram, virzot kursoru). Visi pārklājumi, izmaiņas - tikai uzklājot jaunu slāni. Visam jābūt viegli reproducējamam HTML izkārtojumā. Tas neattiecas uz retušēšanu un fotoattēlu sagatavošanu;
   • Nepārveidojiet fotoattēlu, pirms to pārveidojat par viedo objektu;
   • Apgrieziet fotoattēlu, tikai izmantojot formas izgriešanas masku, oriģinālais fotoattēls, tāpat kā iepriekšējā rindkopā, ir jāsaglabā viedajā objektā;
   • Ja zīmējat ikonas programmā Photoshop, nesamaziniet tās, lai tās rastrētu. Neaizmirstiet, ka izkārtojumam joprojām ir izkārtojuma stadija un visas ikonas būs jāvektorizē. Oriģinālajiem viedajiem objektiem ar ikonām jābūt pietiekami lieliem, lai nodrošinātu augstas kvalitātes izsekošanu;
   • Ideālā gadījumā visas plakanas ikonas un SVG grafikas būtu atsevišķā mapē. Ja esat slinks dizainers - apsveriet iespēju kvalitatīvi pārveidot vai eksportēt ikonas uz SVG;

3. Krāsa

   • Neizmantojiet tīras krāsas, noteikti mēģiniet sasniegt patīkamāko nokrāsu;
   • Tekstam neizmantojiet vairāk kā 2 akcentu krāsas vienā lapā un ne vairāk kā 2 tumši pelēkas (vai melnas) krāsas. Ideālā gadījumā tekstam ir tikai 1 akcenta krāsa un 1 tumši pelēka/melna krāsa. Es izmantoju krāsas 111111 - 222222 galvenajam fontam uz gaiša fona;
   • Mēģiniet pārkrāsot ar akcentu tikai tos elementus, kas lapā ir vissvarīgākie, koncentrējieties uz tiem. Tās ir pogas, bultiņas, svarīgu vienumu izvēles rūtiņas, teksta saites, informatīvas ikonas (mazas ikonas, piemēram, "pieteikšanās", "parole", "pasts" un ikonas veidlapās, nav jāuzsver);

4. Noteikumi darbam grafiskajā redaktorā, darba organizācija utt.

   • Nosauciet slāņus ar nozīmi;
   • Mēģiniet sakārtot semantiskos blokus un interfeisa komponentus grupās;
   • Vienmēr izveidojiet atsevišķu mapi ar visiem izmantotajiem fontiem TTF vai OTF formātā. Šajā mapē jāievieto arī ikonu fonti;
   • Izveidojiet 1 in 1 izkārtojumus (72 ppi). 100% displejā izkārtojumiem ir jābūt tādā pašā mērogā, kāds ir paredzēts HTML izkārtojuma rezultātam;
   • Noteikti savā darbā izmantojiet kādu režģa sistēmu. To var izstrādāt pats, taču iesaku izmantot Bootstrap režģa sistēmu. Satura platumu var pielāgot no sākotnējā Bootstrap režģa platuma, šim nolūkam varat izmantot spraudņus režģu veidošanai, ja esat Photoshop lietotājs;
   • Neveidojiet dekoratīvos elementus, ja tam nav praktiskas jēgas. Ja šī ir attēlu vietne un jums ir nepieciešams Jauka bilde, šo noteikumu var izlaist;
   • Pieturieties pie semantiskās vizuālās hierarhijas. Lasiet par vizuālo hierarhiju;
   • Izmantojiet "iekšējo un ārējo" noteikumu, kas saka, ka attālumiem starp bloku iekšējiem elementiem jābūt mazākiem par ārējo attālumu starp blokiem;
   • Neaizmirstiet, ka cilvēki visbiežāk nāk nevis uz vietnes galveno lapu, bet gan uz iekšējām, tāpēc padomājiet par informatīviem universāliem blokiem - galvenes, kājenes, sānjoslas (ja tādas ir). Virsrakstam jābūt pēc iespējas informatīvākam, bet ne pārsātinātam. Obligātie elementi: Logo, projekta nosaukums, navigācija. Vietnes meklēšana un citi elementi tiek ievietoti atkarībā no projekta.
   • Labs risinājums ir kājenē ievietot paplašinātu navigāciju vai vietnes karti ar visām slēptajām vietām. Kājene vai pagrabs parasti ir atsevišķa tēma, kas ir atsevišķa raksta vērta. Mēģiniet pārdomāt pagrabu līdz mazākajai detaļai, mēģiniet neveidot niecīgus šaurus pagrabus ar logotipu un tālruņa numuru. Šeit atkal tas ir atkarīgs no projekta, bet visbiežāk kājene ir labāk, lai tā būtu augsta un izvietota. Pagrabā ļoti bieži atrodu nepieciešamo slēpto informāciju un man patīk augsti un pārdomāti pagrabi. Es nedomāju, ka es tā teikšu par pagrabiem.

Mēs esam apsvēruši galvenos apgalvojumus, kurus var saukt par noteikumiem. Tagad apskatīsim izplatītākos tīmekļa dizaina mītus, kas kādam bija noteikumi un pat darbības ceļvedis, bet profesionāļi tos vairs neizmanto.

Web dizaina mīti

• Trīs klikšķu noteikums. Mīts. Ja lietotāju interesē informācija par mājas lapa, viņš veiks tik daudz klikšķu, cik vēlas, lai sasniegtu mērķi. Mums tikai nedaudz jāpalīdz viņam šajā jautājumā - pareizi novietojiet norādes navigācijā uz vēlamo materiālu. Navigācijai jābūt vienkāršai un skaidrai;
• Satura slīdnis- tas ir labs lēmums. Ļoti strīdīgs paziņojums. Es ļoti bieži izmantoju slīdņus kā satura parādīšanas formu, taču ir pētījumi, kas apstiprina, ka daži cilvēki tos ritina, un kaut kas man saka, ka tā ir taisnība. Varbūt tuvākajā nākotnē satura slīdņu efektivitāte kļūs par mītu;
• Lai izveidotu labu dizainu, ir nepieciešams daudz darba.. Mīts. Pareizi identificējot auditoriju, pietiek ar vienu veiksmīgu attēlu, nosaukumu un teksta bloku, lai lietotājs patiesi interesētos par produktu. Ir situācijas, kad tīmekļa dizaineris pēc klienta pieprasījuma ir spiests interfeisā ievietot jebko (sadaļu ar CTA, atpakaļskaitīšanas taimeriem, uzlauztiem aicinājumiem uz darbību) ar apsūdzībām, ka dizaineris nav pietiekami strādājis. Tas ir smieklīgi un smieklīgi. Diemžēl šī ir visuresoša uzņēmumu īpašnieku iezīme, un jums tikai jāprot pareizi izskaidrot, ka tīmekļa dizainā nedarbojas noteikums "jo vairāk, jo labāk";
• Dizainam jābūt oriģinālam. Tas, protams, ir labi, ja jums ir mēnesis, un klientam ir resns maks. Bet bieži vien tas tā nav. Jūs varat tērēt lielu naudu un laiku unikālām ilustrācijām, dizainam, bet nonākt pie tāda paša rezultāta, it kā tādu iespēju nebūtu. Strādājiet pie UX un lieliskam rezultātam šāda laika un naudas izšķiešana būs lieka. Bieži lietotāji, kuri ir pieraduši pie noteikta universālo bloku izkārtojuma (navigācijas galvene, kājene), apjūk, apmeklējot vietnes, kurās viss ir “oriģināls un neparasts”. Pieturieties pie tīmekļa standartiem, un jums nebūs jāizgudro ritenis no jauna. Turklāt jaunuzņēmumiem bieži vien nav laika vai naudas eksperimentiem. Uzskatu, ka ir iespējams izveidot lakonisku dizainu ar pievilcību, kas patiešām noderēs un piesaistīs klientus, neizmantojot vizuālus ņiprus.

Piektā daļa: izkārtojums

Es uzskatu, ka tīmekļa dizainerim ir jāprot drukāt. Lai gan noteikti būs daudz slinku kolēģu, kuri man nepiekritīs. Lūdzu, ņemiet vērā, ka mans kanāls tiek saukts web dizaina meistars un pat tad, kad sāku ierakstīt nodarbības, man bija diezgan skaidrs priekšstats par to, kas ir tīmekļa dizains un ko tas ietver. Protams, kaut kas ir mainījies, kaut kas palicis nemainīgs, bet arvien vairāk pārliecinos, ka šāds pasaules skatījums ir ļoti objektīvs.

Es neesmu spēcīgs Front-end, jo īstā Front-end ir dziļais JavaScript, sarežģītas interfeisa loģikas izstrāde lieliem un nopietniem projektiem. Man ir atšķirīgs domāšanas veids - nevis programmētājs, bet dizainers, tāpēc es neredzu jēgu piespiest sevi jomā, kas man nepatīk. Bet es vienmēr varu atdzīvināt savu dizainu un, ja nepieciešams, izveidot strādājošu HTML prototipu pietiekami augstā līmenī. Un šī ir diezgan eleganta iespēja tīmekļa dizainerim, jo ​​jūsu kā speciālista cena palielinās vismaz divas reizes. Nebaidieties izpētīt jaunus apvāršņus. Izkārtojums nav grūts.

Ja vēlaties apgūt priekšgala izstrādātāja izkārtojumu un pamatprasmes, iesaku:

1. Izprotiet HTML pamatus
2. Studiju teorija. Iesaku šim nolūkam apgūt vietni htmlbook.ru. No sākuma līdz beigām, visi HTML tagi, visi CSS rekvizīti
3. Nostipriniet zināšanas praksē. Šim nolūkam man ir piemēroti šādi materiāli:

Materiāla par HTML izkārtojumu ir vairāk nekā pietiekami, tāpēc tas ir viss ar izkārtojumu.

Sestā daļa: Pašmācības un pašattīstība

Web dizains un tīmekļa izstrāde kopumā ir jomas, kurās, tāpat kā neviens cits būtiskiņem pašizglītība. Galu galā mums nav skolu, koledžu un institūtu, kas sagatavotu profesionāļus web dizaina jomā (pašreizējam 2016. gadam), un pati nozare nestāv uz vietas un vienmēr ir jābūt uz viļņa.

Runājot par UX, šeit viss ir kluss un mierīgs. Un tā tas būs vēl ilgi, jo patiesībā UX ir disciplīna, kas pēta psiholoģiju, un te diez vai tuvākajā laikā kaut kas varētu mainīties. Šeit pašizglītība sastāv no iekšējās pasaules, savas pieredzes attīstības. Izpētījis datubāzi, jūs varat droši strādāt daudzus gadus, tikai laiku pa laikam pārraugot ziņas šajā jomā un lasot labus detektīvus. Taču UI pašmācībai ir jāpievērš īpaša uzmanība, dzīve te rit pilnā sparā, vizuālā dizaina tendences viena otru nomaina, papildina un attīstās gandrīz katru dienu! Neesmu akli tendenču un tendenču sekošanas piekritējs, taču, kā liecina prakse, tendencēs ir racionāls grauds un tām ir jāseko.

Kas attiecas uz prasmju uzlabošanu lietotāja interfeisā, šeit nevar dot skaidrus norādījumus, ieteikt grāmatu, pēc kuras iegūsit skaistas saskarnes. Taču, neskatoties uz to, es varu sniegt dažus padomus, balstoties uz savu pieredzi, kā pašmācība man darbojas.

1. Pastāvīgi studējiet darbu pie ThemeForest - moderna tīmekļa dizaina noliktavas. Mēģiniet savā darbā izmantot dažus pievilcīgus satura attēlojuma veidus, taču neaizraujieties un neaizmirstiet par bāzi - UX, visam jābūt tēmā;
2. Esiet regulārs vietnes awwwards.com apmeklētājs un skatieties foršos darbus, lai neslinkotu ;-)
3. Tāpat garšas izjūtas attīstīšanai noderēs periodiski papētīt labos darbus vietnē behance.net. Veltiet laiku praksei – atkārtojiet sev tīkamo darbu praksē grafiskajā redaktorā, taču nekādā gadījumā nepublicējiet savas kopijas nekur. Tas ir paredzēts tikai praksei un pašattīstībai;
4. Kritizējiet reklāmu savas pilsētas ielās un padomājiet, kā jūs varat darīt labāk;
5. Kritizējiet UX uz ielām un padomājiet arī par to, cik daudzas lietas varētu uzlabot. Par laimi, mums postpadomju telpā ir vieta, kur mēs varam par to klīst. Domājiet par cilvēkiem, domājiet kā cilvēki.

No autora: Web dizainera ceļš ir ērkšķains un grūts. Panākumus šeit var gūt tikai ar neatlaidību un centību. Pirms uzsākt šo ceļu, vairumam iesācēju rodas daudz jautājumu: kādām zināšanām ir jābūt, vai pašmācības web dizains palīdzēs un cik ilgi tas prasīs, kur apgūt profesionālās iemaņas, kādas programmas jāapgūst, uc Uz šiem un citiem aktuāliem jautājumiem es mēģināšu atbildēt šajā rakstā.

Web dizains no pamatiem ir grūti apgūstams, bet ne neiespējams, un iegūtās zināšanas jums noderēs daudzās dzīves un karjeras jomās. Web dizaineri vienmēr ir pieprasīti, labu speciālistu ir par maz, tāpēc web dizains ir ne tikai pašrealizācijas iespēja, bet arī veids kā palielināt savus ienākumus.

Kas ir web dizains?

Mūsdienu tīmekļa dizains ir ne tikai vietnes izskata veidošana, bet arī tās izkārtojums ar izmantojot CSS un HTML. Gatavajam vietnes izkārtojumam ir ne tikai jāatbilst noteiktām prasībām, bet arī pareizi jāapstrādā visas zināmās pārlūkprogrammas.

Burtiskā tulkojumā tīmekļa dizains nozīmē "tīkla dizains". Vietņu izveides process ietver gan radošus, gan tehniskus komponentus:

tehniskās izstrādes stadija, kas nosaka objekta mērķi, funkcijas utt.;

veidojot loģisku struktūru un izvēloties formas, pēc kurām informācija tiks pasniegta lietotājam;

grafiskais dizains - vietnes izkārtojuma izkārtojums, izmantojot grafisko redaktoru;

vietnes izkārtojums - vietnes grafiskā komponenta pārvēršana kodā, ņemot vērā pareizu vietnes attēlojumu dažādās pārlūkprogrammās;

tīmekļa pārzinis — vietne tiek mitināta, optimizēta meklētājprogrammām un tiek reklamēta tīklā.

Ja plānojat patstāvīgi kļūt par tīmekļa dizaineri, apmācību var veikt, izmantojot:

patstāvīga nodarbību un video nodarbību atkārtošana no tematiskām vietnēm;

literatūras lasīšana par tīmekļa dizainu (grāmatas, žurnāli, emuāri);

garšas izjūtas attīstīšana, analizējot skaistas, funkcionālas, talantīgi izstrādātas vietnes;

profesionālā līmeņa un darba ātruma uzlabošana ar regulāru praksi;

attīstīt komunikācijas prasmes ar potenciālajiem klientiem un darba devējiem.

Ar pārliecību varu teikt, ka ikviens var apgūt tīmekļa dizainu, un arī jūs varat. Lai to izdarītu, pietiek ar spēcīgu vēlmi, pielikt zināmas pūles un lielāko daļu laika atvēlēt pašmācībai.

Veiksmes formula

Ja jūs joprojām meklējat efektīvu formulu, kā patstāvīgi apgūt tīmekļa dizainu, šeit ir jums gatava darbību secība.

Iemācieties strādāt ar grafiskajiem redaktoriem līdz vidējam līmenim. Turklāt mēs runājam gan par vektoru, gan rastra grafiku. Visizplatītākās grafikas programmas ir Adobe Photoshop, Adobe Illustrator un CorelDRAW. Tas gan nenozīmē, ka pilnīgi visi instrumenti ir jāzina no galvas. Tas nozīmē, ka pēc iespējas īsākā laikā jums kā tīmekļa dizaineram jāizpilda uzdevumi.

Jūs saprotat tīmekļa dizaina pamatjēdzienus: līdzsvars, kompozīcija, vietnes izkārtojums, krāsu palete, kontrasts, modulārais režģis, faktūra, tipogrāfija utt. Kopumā jūs saprotat visu, kas saistīts ar pienācīgas vietnes dizaina izveidi.

Atrodiet studiju un dodieties tur strādāt vai reģistrējieties ārštata biržā un sāciet praktizēt, vispirms izpildot visus pasūtījumus pēc kārtas, lai tikai iegūtu pieredzi un reputāciju. Darbs ar reāliem pasūtījumiem ir lielisks veids, kā patstāvīgi apgūt tīmekļa dizainu.

Neaizmirsti mācīties, mācīties un vēlreiz mācīties. Sākumā tavs līmenis būs skricelēju zīmēšanas Photoshop līmenī (daži "nelaimīgie dizaineri" paliek šajā līmenī), tad būs pastāvīgi klienti un laba peļņa, tad varēsi kļūt, piemēram, par mākslas direktoru. studija un tā tālāk - šis sevis pilnveidošanas veids ir bezgalīgs.

Kā uzturēt sevi labā formā?

Lai ieņemtu uzticamu pozīciju tīmekļa dizaineru "augstākajā kastā", jums ir ilgi un smagi jāstrādā, jāpraktizējas, kritiski jāpieiet savām dizaina prasmēm, jāiedvesmo un jāmācās no saviem "kolēģiem veikalā", jāiegūst papildu izglītība bezsaistē un tiešsaistes kursi ar tīmekļa dizaina pamācībām.

Kad esat apguvis pamatprasmes mājas lapas dizaina izveidē, pakāpeniski paplašiniet savu tehnisko un māksliniecisko arsenālu. Sekojiet līdzi visiem jauninājumiem un tendencēm nozarē, ieviesiet savā darbā jaunas iespējas, apgūstiet jaunas programmas, paņēmienus un rīkus, uzlabojiet komunikācijas prasmes ar klientiem.

Tas padarīs jūs un jūsu dizainus atbilstošākus, oriģinālākus un konkurētspējīgākus, kā arī veicinās jūsu profesionālo izaugsmi.

Cik ilgs laiks nepieciešams, lai apgūtu tīmekļa dizainu?

Nesen forumā redzēju ziņu, kurā teikts:

Tagad jūs saprotat, kāpēc pašpasludināto tīmekļa dizaineru pūļos joprojām nav pietiekami daudz labu speciālistu? Tīmekļa dizains nav tikai skaists attēls vai iespēja nodrošināt kvalitatīvu, soli pa solim video pamācību.

Es jums atklāšu noslēpumu: īstam dizainerim ir jāuzvedas kā inženierim, kuram pirmajā vietā ir vietnes efektivitāte, nevis tās skaistums. Katram lapas elementam ir jāpilda tam piešķirtā loma un jāatbilst vietnes galvenajam mērķim. Kādam mērķim, jūsuprāt, kalpo lielākā daļa vietņu? Pareizi, pienaglot mīklu, lai gūtu peļņu!

Tāpēc, ja pēc pāris mēnešiem, mēģinot patstāvīgi apgūt tīmekļa dizainu un nodarboties ar Photoshop, jums rodas ideja: "Tā tas ir, es esmu tīmekļa dizainers un varu izveidot vietnes", atzīmējiet to visnežēlīgākajā veidā. . Apskatiet ar palielināmo stiklu slavenu dizaineru vietnes vai tikai vietnes, kas jums patīk. Vai vēlaties pamest visu un doties strādāt par krāvēju? Tieši tā!

Tavs kā web dizainera uzdevums ir izveidot tēlu, kas vietnes apmeklētājā raisīs noteiktas emocijas un mudinās viņu veikt darbības, piemēram, reģistrēties, abonēt biļetenu, iegādāties noteiktu produktu utt. apgūt ne tikai Photoshop, bet un mārketinga metodes, zīmolu un pozicionēšanu, izkārtojuma pamatus, HTML un CSS, lietojamības principus, tekstu rakstīšanu un informācijas arhitektūru.

Šeit es beigšu savu nodarbību. Visbeidzot, es vēlos atzīmēt: ja jūs meklējat vienkāršu veidu, kā pats kļūt par tīmekļa dizaineri, tad jums nevajadzētu gaidīt zelta kalnus. Ja esi strādīgs, atbildīgs, mīli to, ko dari, un tici saviem spēkiem, tad tev noteikti viss izdosies.

Veiksmi un labu garastāvokli visiem! Abonējiet mūsu atjauninājumus un vispirms saņemiet jaunākos tīmekļa dizaina rakstus!