Hammaga salom! Bugun biz noldan qanday qilib veb-dizayner bo'lish, bu kasbni mustaqil ravishda qaerdan o'rganish va belgilangan yo'ldan qaytmaslik uchun qaerdan boshlash haqida gaplashamiz. Bu kasb qanchalik qiziqarli ko'rinmasin, u o'zining go'zalligi bilan qanchalik maftun bo'lmasin, ko'pchilik uni o'rganishga vaqt topa olmasdan o'tkazib yuboradi. Shuning uchun, bugun men maksimal darajada berishni xohlayman batafsil tavsif Shunday qilib, siz kasb haqida to'liq tasavvurga ega bo'lishingiz va sizga kerak yoki yo'qligini darhol tushunishingiz, shuningdek, agar siz hali ham qaror qilsangiz, o'zingizning o'qish yo'lingizni tanlashingiz mumkin.

Ish tavsifi veb-dizayner

Veb-dizayner kasbi nisbatan yaqinda paydo bo'ldi. Uning paydo bo'lishi rivojlanish bilan uzviy bog'liqdir axborot texnologiyalari. Ushbu kasb vakili veb-saytlarning yoki boshqa Internet-resurslarning eng jozibali dizaynini yaratishga qodir bo'lishi kerak (masalan, ijtimoiy tarmoqlardagi guruh dizayni yoki ilovalar dizayni). Ushbu vazifani engish uchun siz nostandart fikrlashga ega bo'lishingiz kerak. Ko'p murakkab vazifalar cheklangan vaqt ichida hal qilinishi kerak.

Odatda, veb-dizayner nafaqat saytning ko'rinishini o'ylab topishi, balki keyingi tartib uchun foydali bo'lgan maketni ham yaratishi kerak. Ba'zi hollarda, u tartib uchun ham javobgardir. Ushbu mutaxassisning vazifalariga barcha turdagi piktogrammalar, bannerlar va hatto tasvirlangan kontentni yaratish kiradi. Har bir mutaxassis bu vazifalarni bajara olmaydi, ayniqsa ixtisoslashtirilgan ta'lim muassasasidan yaqinda kelgan odam haqida gap ketganda.

Veb-dizaynerga yuklangan yana bir mashhur vazifa bu illyustratsiyalar va tasvirlangan kontent yaratishdir. Bundan tashqari, bu mutaxassis ko'proq "kichik" vazifalarni bajarishi kerak. Masalan, saytga joylashtirilgan barcha rasmlar va fotosuratlarni qayta ishlash.

Kerakli veb-dizayn ko'nikmalari

Illustrator, Photoshop va CorelDraw kabi dasturlardan foydalana bilishingiz kerak. Bundan tashqari, barcha turdagi interfeyslarni loyihalashni va prototiplarni yaratishni o'rganish ortiqcha bo'lmaydi. Eng qulay interfeysni yaratish uchun nazariy asoslarsiz qilish mumkin emas.

Har bir mutaxassis nimani bilishi kerak

Foydalanish qobiliyati va odamlarning veb-saytlar bilan qanday aloqada bo'lishini tushunish. Siz nafaqat tajribali foydalanuvchilar uchun, balki hech qanday ko'nikma va bilimga ega bo'lmaganlar uchun saytdan foydalanishga imkon beradigan bunday interfeysni yaratish qobiliyatiga ega bo'lishingiz kerak.

Texnik cheklovlar sohasidagi bilimlarga bo'lgan ehtiyojni ta'kidlash kerak. Ba'zi dizayn qarorlarini amalga oshirish mumkin emas, yoki bu juda qiyin, noqulay va qimmat bo'lib, bunga loyiq bo'lmaydi. Shuning uchun, ularni ishlab chiquvchi bu haqda oldindan bilishi kerak, aks holda barcha ishlar hech kim uchun foydasiz bo'lib qolishi mumkin.

Ba'zi hollarda veb-dizayner saytning turli xil navigatsiya elementlari qayerda joylashganligini, ularning tashqi ko'rinishi qanday bo'lishini, shuningdek, foydalanuvchi ular bilan qanday munosabatda bo'lishini aniq aniqlashi kerak. Har qanday zamonaviy veb-saytning eng muhim xususiyatlaridan biri bu ergonomikadir. Buning sababi shundaki, agar sayt foydalanish uchun noqulay bo'lsa, dizayn qanchalik zamonaviy bo'lmasin, foydalanuvchilarga mutlaqo farq qilmaydi.

Ish vaqtining ko'p qismini egallashi mumkin bo'lgan mutaxassisning asosiy mas'uliyati turli xil "kichik narsalar" ni ishlab chiqish bilan bog'liq. Bu oddiy tugmani yaratish juda ko'p vaqt va kuch sarflashini anglatadi. Ish beruvchilar interfeysni malakali o'rganishga alohida e'tibor berishadi.

Veb-dizaynerning kasbi sayt dizayni uchun mas'ul shaxsning nafaqat maxsus ma'lumotga ega ekanligini, balki ushbu kasbga moyilligini ham anglatadi. Buning sababi shundaki, bu kasb ijodiy toifaga kiradi.

Qayerdan boshlash kerak va harakatlar rejasi qanday?

Tabiiyki, ko'pchilik bunday ijodiy kasbni yaxshi ko'radi, shuning uchun ular qanday qilib mustaqil ravishda veb-dizayner bo'lish va uni qaerdan o'rganishingiz mumkinligi bilan qiziqishadi. Aytmoqchimanki, bir-ikki haftada bu kasbni o'rganolmaysiz. Bunga ko'p vaqt ajratishingiz kerak bo'ladi. Bu juda oson emas, "Men xohlayman" kabi va darhol bitta bo'lib qoldi. O'zim ham shunday deb o'yladim, hatto shu kasbga o'qishga ham bordim. Men bu haqda ushbu maqolada gaplashdim. Ammo keling, hamma narsa haqida tartibda gaplashaylik.

Boshlash uchun biz veb-dizayner sifatida o'z yo'lingizni qaerdan boshlashni muhokama qilamiz, chunki siz darhol shov-shuvga o'tmasligingiz kerak.

1. Barcha kerakli boshlang'ich nazariyani o'rganing: dizayn turlari, tasvir formatlari, rangli modellar infografika va tipografiya nima va hokazo.
2. Tabiiyki, Adobe Photoshop kabi grafik muharrirni o'zlashtirish kerak. Siz dasturning o'zida yaxshi bo'lishingiz va barcha vositalar va xususiyatlardan qanday foydalanishni bilishingiz kerak. Buning uchun men o'qishni tavsiya qilaman bu video kurs.
3. Bundan tashqari, hech bo'lmaganda Adobe Illustrator yoki Corel Draw kabi vektor grafik muharriri asoslarini o'rganish ortiqcha bo'lmaydi. Siz chuqurroq borishingiz shart emas, lekin bu sizga foydali bo'ladi.
4. Yutuqlaringizni yozib olish uchun o'zingizga kundalik tuzing. Yoki ishingizni sana bo'yicha yuklaydigan maxsus arxiv yarating. Umuman olganda, o'z blogingizni yaratganingiz ma'qul (hech bo'lmaganda o'zingiz uchun, yutuqlaringizni qayd etish uchun)
5. Professionallardan o'rganing (Kurslar, onlayn va oflayn maktablar). Bu batafsilroq muhokama qilinadi.
6. To'xtamang va rivojlanishda davom eting.
7. Har qanday buyurtmani qabul qiling va birinchi navbatda ortiqcha to'lov qilmang.
8. Portfelingizni yarating va endi ishlar, narxlar va kontaktlar bilan o'z blogingizni boshlashni unutmang.

Veb-dizayner bo'lishni qayerdan o'rganish kerak?

Veb-dizaynni o'rganishning kamida bir necha yo'li mavjud.

• Bepul usullar
• Kitoblar
• Kurslar
• Onlayn maktablar va treninglar
• O'qituvchi bilan oflayn o'rganish

O'z yo'lingizni qanday printsip asosida qurish haqida fikrga ega bo'lish uchun har bir usulni alohida ko'rib chiqing.

Bepul yo'llar va darslar

Veb-dizayner bo'lishni o'rganishning ushbu usuli ayniqsa foydalanish uchun tavsiya etilmaydi. Men Internetda juda ko'p foydali ma'lumotlarni, video darsliklar va boshqalarni topishingiz mumkinligiga roziman, ammo bu erda bir nechta nuanslar mavjud:

• Qoidaga ko'ra, jamoat mulkida aniq va tuzilgan ma'lumotlar mavjud emas. U yoki bu mavzuga oz vaqt ajratiladi. Odamlar “suv quyib”, nazariyaga ilinib qolishadi. Hammasi tarqab ketgan.
• Bitta manbada siz barcha muhim ma'lumotlarni topa olmaysiz, shuning uchun siz bir saytdan ikkinchisiga o'tishingiz kerak.
• Ma'lumotlar turli manbalardan sezilarli darajada farq qiladi, chunki ularning har biri o'z uslubiga ega. Bir nechta bunday mashg'ulotlardan so'ng siz shunchaki "boshingizda bo'tqa"ga ega bo'lasiz.
• Etarli hajmda haqiqatan ham foydali ma'lumotlar etarli emas, shuning uchun uni o'rganishga ko'p vaqt sarflashingiz kerak bo'ladi.

men gapirmayman. Bu umidsiz yo'l, lekin faqat juda maqsadli, grafik dizayn bilan og'rigan odamlar buni qila oladi. Bir nechta bunday sakrashlardan keyin odamlarning 99% dan ortig'i shunchaki yiqilib, mashg'ulotlardan voz kechishadi.

Ammo agar siz bunga jiddiy yondashsangiz, hamma narsaga erishib, haqiqiy professional bo'lishingiz mumkin. Oxir oqibat, muvaffaqiyatda asosiy rolni istak va qat'iyat o'ynaydi, deb bejiz aytishmaydi. YouTube endi bunday videolarga to'lib ketgan, shuning uchun yo'qolmang.

Misol uchun, men sizga Mari Smit kanaliga havola yuboraman, u uni yuklaydi veb-dizayn amaliyoti. Shaxsan men ularni tomosha qilmadim, faqat varaqladim, lekin umuman olganda taassurot yaxshi va sharhlar o'zlari uchun gapiradi. Men tavsiya qiladigan yagona narsa - u nutq bilan ishlashi va yaxshiroq mikrofonga ega bo'lishidir.

Kitoblar

Bir qarashda, kitoblardan veb-dizaynni o'rganish, tuzilgan ma'lumotlarga ega bo'lgan juda arzon usuldir. Ammo bir oz chuqurroq qazib olsak, biz bir nechtasini topamiz tuzoqlar.

• Veb-dizayn bo'yicha bitta kitob yo'q, shuning uchun siz nazariyadan tortib, tipografiya, infografika, ranglar va boshqalarni saralashdan tortib, kamida 5-10 xil nusxani sotib olishingiz kerak bo'ladi. Va bu juda ko'p ma'lumot, ularning aksariyati keraksiz suvdir.
• Agar siz ularni biror joydan torrentdan yuklab olmagan bo'lsangiz, kitoblarni jamlangan o'rganish uchun ko'p pul sarflashingiz kerak bo'ladi.
• Bunday kasbni o'rganishda bosma materiallar ancha kechiktiriladi, shuning uchun mashg'ulotlar uzoqroq va zerikarli bo'ladi.

Albatta, bu usul avvalgisidan ancha yaxshi, lekin odamlarning katta qismi bu vazifani kitoblar orqali engishmaydi, shuning uchun ular hamma narsani tashlab ketishadi. Va bu kitoblar yomon emas. Bu odamlarning o'zi, ularning dangasaligi, o'qishni istamasligi va boshqalar haqida.

• Veb-dizayner entsiklopediyasi (Boris Leontiev)
• Veb-dizayn (Dmitriy Kirsanov)
• Veb-dizaynni o'rganish (Jennifer Robins)
• Jonli tipografiya (Alexandra Korotkova) - bu umuman dizayn haqida emas, balki shriftlar va matn tartibi haqida. O'qish uchun talab qilinadi.
• Portfelingizni yoqing! Dizayn maktabida ular o'rgatmaydigan narsa shundaki, kitob hazil bilan yozilgan, ammo uning ichida berilgan 111 ta maslahat haqiqatan ham veb-dizayn olamidagi barcha qiyinchiliklarni yengib o'tishga yordam beradi. Yangi boshlanuvchilar uchun ham, ilg'or mutaxassislar uchun ham javob beradi.
• Moslashuvchan dizayn. Biz har qanday qurilma uchun veb-saytlar yaratamiz (Tim Kedleck)
• Zamonaviy veb-dizayn (Yu.Sirix)

Tabiiyki, yana ko'plab kitoblar mavjud va har bir professional dizaynerning qo'lida yuqori sifatli adabiyotlar to'plami mavjud.

Video kurslar

O'rganishning juda yaxshi usuli. Bugun siz veb-dizayn bo'yicha juda ko'p yuqori sifatli video kurslarni topishingiz mumkin, ular yordamida siz ushbu kasbni egallashingiz mumkin. Ular odamlar uchun yaratilgan, u erda suv ko'p emas, hamma narsa tirik odamlar uchun aytiladi va eng muhimi, hamma narsa boshidan oxirigacha tuzilgan. Va, albatta, shuni unutmasligimiz kerakki, kurslar juda ko'p kitoblarni sotib olish yoki jonli (shu jumladan onlayn) treningdan ko'ra ancha arzon.

Shaxsan men ushbu ta'lim usulining faqat ikkita kamchiliklarini ta'kidlayman:

• Hech kim sizga yo'l-yo'riq ko'rsatmaydi, biror narsa sizga mos kelmasa, aytmaydi. Albatta, mualliflar qo'llab-quvvatlamoqda, ammo bu unday emas. Ular sizni qo'lingizdan yetaklamaydi.
• Kichik motivatsiya. Ba'zi odamlar eshakda zarba, ya'ni qo'shimcha motivatsiyaga ega emaslar, shuning uchun ular materialni o'rganishni keyinroq, butunlay unutmaguncha qoldirib ketishadi.

Ammo bu sizni qo'rqitmasa, men sizga o'qishni maslahat beraman veb-dizayner kursi Daniil Volosatov va WebForMySelf studiyasidan. Daniil o'z sohasining haqiqiy professionali va butun Rossiya va undan tashqaridagi axborot biznesmenlari doimo unga murojaat qilishadi.

Onlayn maktablar va treninglar

Endi men veb-dizayner bo'lishni o'rganishning eng tavsiya etilgan usuliga, ya'ni onlayn maktablarga o'tmoqchiman. Ularning afzalliklari nimada? Ularning afzalliklari kurslarni o'rganish bilan bir xil, faqat ulardan farqli o'laroq, ularning barcha kamchiliklari afzalliklarga aylanadi. Bu erda yagona kamchilik - nisbatan yuqori narx. lekin bu kamchilik ustunlikka aylanadi.

• Onlayn maktablar bosqichma-bosqich o'rganishni o'z ichiga oladi, ya'ni siz darsni tomosha qilasiz va uni tekshirish uchun yuborasiz. Agar hamma narsa to'g'ri bajarilgan bo'lsa, keyingi darsga kirish imkoniga ega bo'lasiz. Agar sizda xatolar yoki qoqilishlar bo'lsa, o'qituvchi ularni sizga ko'rsatib beradi va nima qilish kerakligini aytadi, shundan so'ng u sizni qayta ko'rib chiqishga yuboradi.
• Ko'p motivatsiya. Birinchidan, o'qituvchilar doimo talabalarni rag'batlantirishga harakat qilishadi, ikkinchidan, siz ta'lim uchun juda ko'p pul to'laganingiz uchun siz avtomatik ravishda barcha xarajatlaringizni qoplash maqsadiga egasiz. Va agar mashg'ulot ham vaqt bilan cheklangan bo'lsa, bu erda Xudoning o'zi ahmoq bo'lmaslikni buyurgan.

Ushbu onlayn maktablardan men tavsiya qilaman Yuliya Pervushina dizayn maktabi. Men uni anchadan beri bilaman, bundan tashqari u mening blogim dizaynini ham qilgan. Xo'sh, men o'zim u erda o'qiganimni aytaman (ba'zi sabablarga ko'ra o'qishni tugatmagan bo'lsam ham), shuning uchun men butun oshxonani ichkaridan bilaman.

Maktab imtiyozlari:

• Tegishli o'quv narxi
• Uy vazifasini tekshirish va natijaga olib borish
• Siz uchun buyurtmalarni topishda yordam bering va u bilan jamoada ishlash yoki uning buyurtmalarini olish imkoniyati.
• Agar o'qituvchi sizni mashg'ulotda emas, balki ishlashga harakat qilayotganingizni ko'rsa, qo'shimcha ta'lim olish imkoniyati.
• Talabalar ortda qolmaydi. Ya'ni, agar siz uzoq vaqt ko'rinmasangiz, ular sizni qidirib, nima bo'lganini so'raydilar. Agar sabablar bo'lsa, siz ham treningni uzaytirasiz.
• O'qish va keyingi ishingizda sizga yordam beradigan qo'shimcha materiallar va resurslar to'plami
• Turli fakultetlarda o'qish imkoniyati: veb-dizayn, texnik dizayn va illyustratsiya.

Bundan tashqari, Netology onlayn maktabi o'zini juda yaxshi isbotladi. Alohida veb-dizayn fakulteti mavjud bo'lib, u yerda 2 oy ichida sizga noldan veb-dizayn asoslari o'rgatiladi. Siz darslar, o'qitish va fikr-mulohazalar haqida ko'proq o'qishingiz mumkin Bu yerga.

Albatta, bu yagona trening emas. Bugungi kunda ular juda ko'p va turli sohalar uchun: veb-saytlar, ochilish sahifalari, ijtimoiy tarmoqlar va boshqalar. Va keyingi maqolada men sizga har qanday lazzat, rang va byudjet uchun turli xil hashamatli maktablar haqida gapirib beraman.

Kurslar yoki treninglardan o'rganishning yaxshi tomoni shundaki, o'qituvchilar o'zlarini o'qitishdan tashqari, odatda juda ko'p qimmatli materiallar va resurslarni beradilar, masalan, grafikalar, piktogrammalar, tugmalar, shriftlar, foydali saytlar, dizayn namunalari, va boshqalar.

Oflayn o'rganish

Xo'sh, ikkinchisi turli xil oflayn kurslarda treningni ko'rishni xohlaydi. Yaxshi ma'noda, bu eng ko'p Eng yaxshi yo'l o'rganish, chunki hamma narsa sizga shaxsan aytiladi, siz o'qituvchidan keyin hamma narsani takrorlaysiz va real vaqtda savollar berasiz. Ammo bu usulning bir qator kamchiliklari ham bor:

• Masofadan uzoqlik. Bu kasbni o'rgatadigan muassasa uyga yaqin joyda joylashgani haqiqat emas. Shaxsan men kurslarga borganimda uyimdan 60 kilometr uzoqlikda Moskvaga bordim. Juda yorqin istiqbol emas.
• Sizda darsni qayta ko'rib chiqish imkoningiz yo'q, shuning uchun hamma sizning eslatmalaringizni umid qiladi.

Bu holatda nima maslahat berishni ham bilmayman, chunki odamlar hali ham turli shahar va mamlakatlarda. Ammo agar siz Moskvani olib ketsangiz, men borishni maslahat beraman MSTU qoshidagi "Mutaxassis" markazi. Bauman. Sertifikatlar bu markaz Ular turli kompaniyalarda juda yaxshi taklif qilinadi va qadrlanadi va u erda ta'lim olishga qodir bo'lgan odamlar yaxshi ish topish imkoniyatiga ega bo'ladi.

Ko'rib turganingizdek, kiyinishning bir qancha usullari mavjud va siz o'zingiz uchun eng yaxshisini osongina topishingiz mumkin. Lekin shaxsan men sizga onlayn maktabga borishingizni maslahat beraman. Ishonamanki, bu erda siz boshqa usullardan foydalangandan ko'ra ancha yaxshi natijaga erishasiz.

Kasbning kamchiliklari va afzalliklari

Erkak kasbining ham afzalliklari, ham kamchiliklari bor.

Ushbu ijodiy kasbning afzalliklari orasida:

• Nisbatan past darajadagi raqobat. Kalit so'z "Qiyosiy", chunki ko'pchilik darhol raqobat yo'qligiga ishonishni boshlaydi. Mavzular uchun katta raqobat mavjud, ammo vaqt o'tishi bilan bu ko'rsatkich endi siz uchun rollarni qidirmaydi, chunki siz hatto buyurtma izlashingiz shart emas, ular sizni o'zlari topadilar.
• O'z bilim darajasini doimiy ravishda oshirib boruvchi malakali veb-dizayner bo'lsa, yuqori darajadagi daromad. Shuning uchun, doimiy ravishda o'rganish va bitta kursni o'tmaslik va o'z joyida qolish muhimdir.
• Boshqa mamlakatlardan kelgan mijozlar bilan hamkorlik qilish uchun potentsial imkoniyat. Bu veb-dizaynerning imkoniyatlarini sezilarli darajada kengaytiradi, chunki har qanday mutaxassis uchun bozorlar qanchalik ko'p bo'lsa, daromad darajasi shunchalik yuqori bo'ladi.
• Karyera badiiy rahbar sifatida tugashi mumkin. Bu juda nufuzli. Bu agar gaplashamiz oflayn kasb haqida.
• Barcha ijodkor shaxslarga yoqadigan qiziqarli ish.
• Ofisda emas, masofadan turib ishlash mumkin. Bunday holda, odam ish joyiga borish uchun vaqtni behuda sarflashi shart emas. Bu transportni tejashga yordam beradi, erta tongda biron joyga shoshilish uchun uyg'onmang va eng muhimi, siz o'zingizning xo'jayiningizsiz.

Kasbning kamchiliklari orasida quyidagilarni ajratib ko'rsatish mumkin:

Doimiy rivojlanish zarurati. Texnologiya bir joyda turmasligi sababli, veb-dizayner yangi narsalarni o'rganishi va doimiy ravishda o'z mahoratini oshirishi kerak.

Veb-dizaynning barcha nozik tomonlarini mustaqil ravishda o'zlashtirish deyarli mumkin emas, shuning uchun siz ixtisoslashgan o'quv muassasasi yoki o'qituvchini topishingiz kerak bo'lishi mumkin.

Hali tajribaga ega bo'lmaganlar uchun mijoz topish juda qiyin. Sababi, mijozning yangi kelganlar bilan ishlashni istamasligi. Bu shuni anglatadiki, dastlab siz portfel to'plashingiz va ozgina pul evaziga ishlashingiz kerak, hatto bepul (ijobiy sharhlar uchun).

Veb-dizaynerlar kerak bo'lgan faoliyat sohalari

Ko'pincha ular veb-sayt yaratish uchun yollanadi, ammo bu mutaxassislarning profili juda keng. Ular allaqachon yaratilgan Internet-loyihalarni yakunlash, shuningdek, ilovalar yoki hatto o'yinlar dizayni bilan bog'liq har qanday ish bilan shug'ullanishlari mumkin. Kasbning ko'plab vakillari o'yin-kulgi sohasidagi ishlanmalar bilan shug'ullanib, pul ishlashadi. Ko'pincha bu kompyuter o'yinlariga tegishli.

Ammo bugungi kunda Internet shunchalik rivojlanganki, dizayn ijtimoiy tarmoqlardagi jamoalar, YouTube kanallari (faqat kanal sarlavhasi dizayni uchun odamlar 500-3000 rubl olishadi), bannerlar, piktogrammalar, logotiplar va boshqalar uchun kerak bo'lishi mumkin.

Professionallar qancha maosh oladi?

Ko'pgina veb-dizaynerlar erta bosqichlar Rossiya Federatsiyasida oyiga o'rtacha 30 ming rubl oladi. Ushbu kasbning tajribali vakillari yuqori ish haqini kutishlari mumkin. Masalan, 40-80 ming rubldan.

Yaxshi obro'ga ega bo'lgan va eng murakkab buyurtmalarni bajara oladiganlar 100 ming rubldan ortiq pul oladi. Ammo bu agar siz kompaniyada ishlasangiz.

Freelancerlar ko'proq pul topishlari mumkin. O'zingiz o'ylab ko'ring, dizayni bir necha kun davom etadigan bitta sayt uchun siz 10-20 ming rublni osongina olishingiz mumkin. Qanchalik ko'p buyurtmalar bo'lsa, shuncha ko'p pul olasiz. Bundan tashqari, turli xil logotiplar, bannerlar va sarlavhalar uchun kichik buyurtmalardan omon qolgan holda, siz jami juda yaxshi pul ishlashingiz mumkin.

Ammo bu raqamlar mavhumdir. Aslida, narx yorlig'i ham past, ham yuqori bo'lishi mumkin.

Veb-dizaynerlar ish yoki buyurtmalarni qayerdan izlaydilar

O'rganish va veb-dizayner bo'lish bir narsa, ammo boshqa savol - buyurtmalarni qayerdan qabul qilish kerak? Ko'pincha, kasb vakillari ixtisoslashgan saytlarda kelajakdagi ish joyini tanlaydilar. Aynan bo'sh ish o'rinlari bo'lgan saytlarda siz eng mos taklifni topishingiz mumkin. Bunday holda, siz lavozimga da'vogarlik qilayotgan boshqa hamkasblar bilan raqobatlashishingiz kerak bo'ladi.

Agar biz uzoq ish tajribasiga ega bo'lgan tajribali odam haqida gapiradigan bo'lsak, u tanishi orqali ish topishi mumkin. Misol uchun, agar IT kompaniyasi zudlik bilan boshqa veb-sayt yaratishi kerak bo'lsa, u holda HR menejeri do'stlari orasidan xodimlarni topishga harakat qilishi mumkin. Bu eng professional xodimni izlash uchun nomzodlarni tanlashdan ko'ra bo'sh o'rinni "yopish" ning ishonchli va tezroq usuli.

Bundan tashqari, ko'plab veb-dizaynerlar o'z ish beruvchilarini ijtimoiy tarmoqlardagi jamoalardan qidiradilar. Bu yangi boshlanuvchilar orasida ayniqsa mashhur. Shunday qilib, siz birinchi tajribaga ega bo'lishingiz va biroz pul ishlashingiz mumkin.

Buyurtmani olish uchun siz potentsial mijozda eng yaxshi taassurot qoldirishingiz kerak. Buning uchun oldindan malakali rezyumeni tayyorlash kerak, unda potentsial xodimning barcha kuchli tomonlari aniq ko'rsatilgan. Bundan tashqari, mijoz boshqa mijozlar uchun bajarilgan ishlarni shaxsan ko'rishi uchun allaqachon tugallangan ishlarni (portfelni) tayyorlashda ishtirok etish ortiqcha bo'lmaydi.

Lekin eng muhimi, hech qachon bir joyda o'tirmang. Boshlash uchun o'zingizni freelance birjalariga joylashtiring:

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

Va shunchaki yirik saytlar bilan savdo qilmang. Birjaga boring Kvark va u erda qoling. Siz kichik buyurtmalarni bajarasiz va keyingi hamkorlikni taklif qilasiz. Bu juda ajoyib xizmat bo'lib, unda siz ko'plab mijozlarni topishingiz mumkin.

Birinchi marta qiyin bo'ladi, shuning uchun siz deyarli bir tiyinga birinchi buyurtmalaringizni bajarishingiz kerak bo'ladi. Ammo siz allaqachon qo'lingizni olganingizda, portfelingiz bor, siz haqingizda juda ko'p ijobiy sharhlar yoziladi, keyin siz o'zingiz uchun munosib darajaga yetguncha barni asta-sekin ko'tarishingiz mumkin.

Xo'sh, bu mening maqolamni yakunlaydi. Umid qilamanki, sizga yoqdi va foydali bo'ldi. Umid qilamanki, endi siz noldan veb-dizayner bo'lish uchun juda ko'p harakat qilish kerakligini bilasiz. Blog yangilanishlariga, shuningdek, ijtimoiy tarmoqlardagi ommaga obuna bo'lishni unutmang. Omad sizga. Hayr hayr!

Hurmat bilan, Dmitriy Kostin.

Photoshop asoslarini o'rganishdan boshlang. Bu barcha asoslarning asosidir. Darhaqiqat, kurslar juda ko'p, albatta, muallifning tushuntirishlarini tinglagan holda videoni tomosha qilish va u erda sodir bo'layotgan voqealarni nusxalash yaxshiroqdir. Maqolalar bu ish uchun juda mos emas, IMHO.

Illustrator-ni ham o'rganishingiz mumkin, lekin bu birinchi navbatda unchalik muhim emas. Ammo keyin, albatta, foydali bo'ladi!

Men sizga erta bosqichda tanishishingizni maslahat beraman turli yo'llar bilan sayt yaratish. Masalan, WordPress va Tilda. Bu sayt yaratuvchisi.

Agar sizga veb-dizaynerning qo'lda chizishi majburiy ekanligi aytilsa, ishonmang. Bu grafik dizayner yoki o'yin dizayneri uchun, sizning qurolingiz sichqoncha va klaviatura)

Dizayner uchun ko'rish muhim - u erda ajoyib xususiyatni ko'rdi, animatsiya ajoyib - va voila, ajoyib sayt. Ko'zdan kechiring - u erda ajoyib narsalar bor. Mana yana bir nechta saytlarni tomosha qilish va go'zallikka qoyil qolish uchun:

Bu erda ma'lumot uslubida qanday yozish haqida ajoyib ma'lumot (axir, veb-dizayner saytdagi matnlarni yozishi kerak bo'ladi) soviet.glvrd.ru

Tartibga kelsak - maket dizaynerlari bor va veb-dizaynerlar bor va bu bir xil narsa emas! Siz Photoshop-da maket yaratasiz, maket dizayneri allaqachon html/css bilan to'g'ridan-to'g'ri ishlamoqda.

Dastlab, tartib haqida o'ylamang, keyin o'rganishni boshlang - ish beruvchining nazarida bu ortiqcha bo'ladi. Kiril o'z xabarida ajoyib havolalarni ko'rsatdi - ular albatta foydali bo'ladi.

Kichik kompaniyalarda dizayn va tartibni bir kishi bajarishi mumkin, lekin yirik kompaniyalarda bu ikki xil odam. Ishlab chiquvchilar ham bor - ular dasturlash tillari - PHP yoki JavaScript bilan ishlaydi.

Umid qilamanki, mening javobim sizga yordam berdi - agar biror narsa bo'lsa, yozing :)

Veb-dizayner tayyor mahsulot - sayt dizaynini yaratadi va shuning uchun atrof-muhitning xususiyatlarini his qilishi va asboblarga ega bo'lishi kerak. Tajribaga ko'ra:

1. Foydalanish va qulaylik nima ekanligini juda yaxshi tushunishingiz kerak. Ba'zi odamlar foydalanish imkoniyatini taslim bo'lishdan ikki daqiqa oldin saytga ekish mumkin deb o'ylashadi. Aslida, foydalanish imkoniyati allaqachon shablonda va hatto maketda bo'lishi kerak. Bu borada klassik kitoblar va yaxshi maqolalar mavjud.
2. Balans, shrift kontrasti, masofa va dizayn bo'yicha birlashma nima ekanligini tushuning. Dizaynda havo etarli bo'lishi kerak - bo'sh joy, lekin Gulliverni tortib oluvchi mittilar bo'lmasligi kerak - ot rasmlari yonida kichik intervalli kichik matn va ulkan bo'sh joy - negadir bu kenglikdagi ko'plab dizaynerlarning kasalligi. sobiq SSSR. Deyarli hech qanday chegarasiz hamma narsani mahkam bosish yaxshiroq, lekin unchalik o'qilmaydi va odatda 1998 yildagi salomga o'xshaydi. Siz bu narsalarni his qilishingiz va tajriba va ta'mga ega bo'lishingiz kerak.
3. Minimalizm nima ekanligini o'zlashtirishga va his qilishga tirishqoqlik bilan harakat qiling. MUHIM! Minimalizm xavfi haqida maqolalarni o'qing.
4. Hech bo'lmaganda floats, afzalroq grid va flex bilan CSS tartibi asoslarini biling. Bu sizga terish mumkin bo'lgan oqlangan echimlardan foydalanish va terish deyarli imkonsiz bo'lgan tartiblardan keraksiz ravishda qochish uchun kerak bo'ladi. Tartibda JavaScript dan foydalanmang. (Ayniq tartibda.)
5. Interfeys elementlari va naqshlari - yorliqlar, sendvich, shakl elementlari, shakllarni to'ldirishda xatolarni ko'rsatishning mashhur variantlari, holatlarni o'zgartirishda harakatlanish satrlari va o'tishlar, xaritalar, pinlar, oynalar va piktogrammalar, filtrlangan ro'yxatlar, qo'shimcha qidiruv maydoni haqida asosiy ma'lumotlarni bilib oling. Qodir bo'lish shart emas, lekin siz yo'l-yo'riq ko'rsatishingiz kerak.
6. Rang nazariyasi asoslarini bilib oling, qo'shimcha ranglar nima ekanligini, ularni idrok etishni osonlashtirish uchun qancha soyalar farqlanishi kerakligini tushuning.
7. O'n yillikning eng muhim tendentsiyalarini biling: belgilar, RWD, Mobil Birinchidan, parallaks aylantirish va parallaks bir-pager kabi bid'atning barcha turlari. Agar trend allaqachon eskirgan bo'lsa, xijolat bo'lmang: hech kim yo'q bo'lgandan ko'ra, o'tgan yilning trendida zamonaviy sayt yaratish yaxshiroqdir.

Proportsionallik va ta'm hissi.
Asboblar:

Sketch kabi elementlarga asoslangan vektor muharrirlari.

8. Prototiplash vositalarini siz juda ibtidoiy, ammo Internet orqali ishlatishingiz mumkin.
9. Illustrator kabi vektor muharrirlari. Ba'zilar hatto InDesign-dan foydalanadilar.
10. Fotosuratlarni retush qilishning asosiy ko'nikmalari.
    Ixtiyoriy:

Dizayner umuman chiza olishi shart emas. Kim chiza oladi - chizmachi (illyustrator). Biroq, agar siz chizishni ham bilsangiz, ishga joylashish imkoniyati biroz yuqoriroq.

Nima kerak emas:

Rasmga olishni biling.

Yozishni bilish juda yaxshi.

Dasturlash, administrator panellarini yozish va veb-ilovalarni yaratish imkoniyatiga ega bo'lish.

Aql va ko‘z-ko‘z bilan hammani bostirish.

Umid qilamanki, bu yordam beradi.

Dizaynerning birinchi "alomatlari":

1. Siz juda suzib yurasiz, shahar belgilari qanday ko'rinadi, siz ularga qarashga, logotiplarga qarashga va bir-biringiz bilan solishtirishga qiziqasiz.
2. Jurnalning muqovasiga qarab, nima uchun uni yoqtirasiz, deb o'ylaysiz, ikkinchisi esa faqat jirkanchlikka sabab bo'ladi.
3. Internetda siz doimo veb-saytlarni solishtirasiz.: nima uchun bu sayt ajoyib (uning ajoyib shrifti, fotosurati bor), lekin sayt, masalan, "Moskovskiy komsomolets" umuman yaxshi emas.
4. Agar siz ko'proq va ko'proq qiziqsangiz, veb-saytlar, bannerlar, logotiplar yaratadigan bu odamlar kimlar, unga kirishga harakat qilib, keyin, aftidan, vaqt keldi ... nihoyat veb-dizaynga kirish vaqti keldi. Yaxshi tanlov. Veb-dizayner oyiga 100 000 rubldan olishi mumkin.

D Dizayner chizishni bilishi kerakmi? Bu eng keng tarqalgan e'tiqoddir. Javob yo‘q. 90-yillarda intervyularda ba'zi mijozlar dizaynerlarni "Stroganov maktabini bitirganmisiz?" Degan savol bilan uchratishdi. Aslida, bu haqiqatga hech qanday aloqasi bo'lmagan mutlaqo bema'nilik ekanligi ma'lum bo'ldi.

1)Photoshop-ni yuklab oling yoki Figma-ni oching. Ammo yana, eskirgan fikr bor, biz Photoshopni boshlashimiz kerak. Bu juda eski mahsulot, shuning uchun zamonaviy veb-dizayn uchun u allaqachon eskirgan. Agar sizda MacBook bo'lsa, Sketch dasturini sinab ko'ring.

2) VK.com saytidagi dizayn bloglari va ommaboplariga obuna bo'ling. Katta dizayn studiyalari har doim o'z bloglariga ega: masalan, Ideo yoki Frog Design. Qaysi kitoblarni o‘qishni ham u yerda bilib olishingiz mumkin. Siz har kuni sizning pochtangizga dizayn mavzusiga oid 5 ta ajoyib maqolalarni yuboradigan Sidebar.io pochta ro'yxatiga obuna bo'lishingiz yoki Google bilan Think-ga obuna bo'lishingiz mumkin. U erda men, masalan, yangi tadqiqotlarni kuzatib boraman. Blog.aic.ru saytida UX dizayni bo'yicha ba'zi maqolalar rus tilida mavjud. Shuningdek, Smashing jurnalida maqolalarning katta tanlovi mavjud, ammo barchasi ingliz tilida. Agar siz uni yaxshi bilsangiz, eng yaxshi dizaynerlarning og'zidan foydali tarkibni olishingiz mumkin.

3) Seminarlar va vebinarlarni tomosha qiling. Masalan, bepul dizayn veb-seminarlarini kuzatishingiz mumkin bo'lgan tadbirlar mavjud.

4)Behance-da ro'yxatdan o'tishni va portfel yaratishni unutmang- butun dunyodagi eng yaxshi dizaynerlar eng zo'r g'iloflarni qanday yasashini tomosha qiling va u erda o'z ishingizni taqdim eting. Boshqa shunga o'xshash manbani sinab ko'ring - Dribbble. Veb-dizaynerlar uchun rus platformalarini ular bilan taqqoslab bo'lmaydi.

Ajoyib dizayner bo'lish uchun qancha vaqt kerakligini aniq aytish mumkin emas. Asosiysi, buni har kuni qilish. Misol uchun, agar siz dizaynga kuniga 7-8 soat ajratsangiz, 3-4 oy ichida aniq natijalarga erishishingiz mumkin. Birgalikda, eng yaxshi professional veb-dizayner haqiqatan ham yuqori darajaga erishish uchun mintaqada 10 000 soat sarflashi kerak. Boshqa so'zlar bilan aytganda, 5 yil ichida siz hatto eng yomon hikoyada ham veb-dizayn gurusi bo'lishingiz mumkin.

Lekin! Siz juda ko'p nazariyani qazishingiz mumkin, bir xil xatolarga qayta-qayta yo'l qo'yishingiz, o'zingizni qiynashingiz va natijada hamma narsadan voz kechishingiz mumkin. Turli ma'ruzalarda, vebinarlarda, YouTube darslarida tasodifiy o'qish, siz asosiy narsalarni o'tkazib yuborishingiz mumkin. Siz 12 oy ichida veb-dizayner bo'lishingiz mumkin.

Trening bosqichma-bosqich onlayn ma'ruzalar formatida ustoz rahbarligida uy vazifalarini individual tahlil qilish bilan o'tkaziladi. Kurs to'rtta asosiy blokdan iborat. Ular veb-dizaynerning butun ish sohasini qamrab oladi: boshlang'ich tushunchalardan, masalan, qanday qatlamlar va tipografiya bo'yicha asosiy bilimlar oxirida har qanday dizayner duch keladigan qiyinchiliklarni tahlil qilishgacha, lekin negadir ko'pchilik jim. ular haqida: qanday qilib yaxshi portfel qilish, qiyin mijoz bilan suhbatlashish, chet el studiyasida masofadan turib ish topish. Kurs talabalari haqiqiy mijozlar uchun tezislar tayyorlaydilar, masalan, Azbuka Vkusa va Ticketland.ru, keyin ular bilan mashg'ulotlar o'tkazishlari mumkin.

Qanday qilib o'zingiz veb-dizayner bo'lishni o'rganmoqchimisiz? Yoki sizda allaqachon o'zingizning bir nechta dizaynlaringiz yoki hattoki bor va o'z mahoratingizni yangi ilg'or darajaga olib chiqishni xohlaysizmi? Keyin siz hozir to'g'ri yo'nalishda harakat qilyapsiz, chunki maqolaning mavzusi "Veb-dizaynni qaerdan boshlash kerak" va unda biz veb-dizaynerni tayyorlashning barcha zarur bosqichlarini batafsil ko'rib chiqamiz va sizga veb bo'lishga yordam beramiz. bir oz tirishqoqlik va ijodkorlik bilan mustaqil ravishda dizayner.

Albatta, bitta maqola sizga qanday qilib veb-dizayner bo'lishni ayta olmaydi va orzuingizdagi ish yo'lida o'zlashtirishingiz kerak bo'lgan barcha ko'nikmalar, zarur vositalar va texnologiyalar haqida gapirib bera olmaydi. Agar yo'l oson va tez bo'ladi deb o'ylasangiz, men sizni xafa qilishim kerak. Veb-dizayner sifatida ishlash - bu doimiy o'z-o'zini takomillashtirish, rivojlanish va yangi tendentsiyalar va tendentsiyalarga intilish. Ammo, barcha kasbiy qiyinchiliklarga qaramay, bu ishning eng yoqimli tomonlaridan biri bu o'rganish va yangi bilimlarni olishdir.

Birinchidan, tasodifan ushbu maqolani o'qishga kirgan dizaynerlar uchun kichik lirik chekinish. " Men veb-dizayn bilan shug'ullanaman", ehtimol siz bu iborani kimgadir bir necha marta aytdingiz va sizga shunday javob berilganda sovuq qo'rquvni boshdan kechirdingiz:" Ajoyib! Va buni qanday qilishni menga o'rgating? Qanday qilib noldan veb-dizayner bo'lish mumkin?» Ko'p odamlar shunchaki bosish, bir nechta piktogrammani ekranga sudrab borish va dizayn tayyor deb o'ylashadi. Ammo, afsuski, bunday emas. Shunday qilib, keyingi safar kimdir sizdan veb-saytlarni qanday loyihalashni so'rasa, ularga ushbu maqolani ko'rsating.

Xush kelibsiz, xonimlar va janoblar, MotoCMS-ning Dizaynerlar uchun boshlovchilar uchun qo‘llanmasiga xush kelibsiz. Sichqonlaringizni oling va klaviaturada qulay bo'ling, bu post uzoq bo'lishini va'da qiladi. Qahva tayyorlash ixtiyoriy, ammo baribir bunga arziydi.

Ushbu veb-dizayn maqolasi kim uchun?

Ushbu maqola "Qanday qilib o'zingiz veb-dizayner bo'lishingiz mumkin?" Degan har bir kishi uchun. Bundan tashqari, veb-saytlar yaratishni boshlamoqchi bo'lgan va dizayn va dizayn sohasida biroz tajribaga ega bo'lgan odamlar uchun foydali bo'ladi. Hamma narsa juda qulay va bosqichma-bosqich bo'ladi. Maqola sizda maxsus badiiy yoki texnik ma'lumotga ega emasligingiz, umuman kodlash ko'nikmalaringiz va veb-dizayn sohasida tajribangiz yo'qligi uchun mo'ljallangan.

Ajam veb-dizaynerlar uchun talablar

Veb-dizayner bo'lishni o'ylayotgan va o'zining birinchi veb-saytini yaratmoqchi bo'lgan odamlar uchun "minimal talablar" juda oddiy. Agar papkalar nima ekanligini bilsangiz, grafik matnli fayllar, boshlashingiz mumkin.

Biroq, boshlash juda oddiy bo'lsa-da, haqiqatan ham yaxshi sayt yaratish haqiqiy san'atdir. Siz o'rganishingiz kerak bo'lgan ko'plab ko'nikmalar mavjud. Ranglar nazariyasi, grafik elementlar ierarxiyasi, shriftlar va saytning umumiy tashkil etilishi haqida ma'lumot olishingiz kerak bo'ladi.

Bundan tashqari, sizga asosiy kodlash tillarini bilish kerak bo'ladi, ya'ni HTML va CSS, bu haqda ham gaplashamiz.

Keyin siz asosiy narsalarni o'rganishni xohlashingiz mumkin JavaScript dasturlash va saytingizning turli qismlarini boshqarish uchun qanday foydalanishni aniqlang. Va yanada chuqurroq qazishni xohlaydigan umidsiz barabanchilar tizimlarga sho'ng'ishlari mumkin kontentni boshqarish, qidiruv tizimini optimallashtirish va marketing.

Ammo siz birdaniga hamma narsaga shoshilmasligingiz kerak, mahorat tajriba va zarurat bilan birga keladi, men sizni to'g'ri yo'nalishga yo'naltirishga harakat qilaman. Va agar siz maqolaning ushbu qismini o'qigan bo'lsangiz, men ishonch bilan ayta olaman: “Veb-dizaynning ajoyib olamiga xush kelibsiz, yangi boshlovchi. Vaziyatni qayta-qayta buzishga tayyor bo'ling va zavqlanishni unutmang!"

Yangi boshlanuvchilar uchun ushbu veb-dizayn qo'llanmasidan qanday foydalanish kerak

O'qing! Bu sizni boshlash uchun etarli bo'ladi. O'zingizning birinchi, ehtimol noqulay saytingizni yarating. Qaytib keling va yana o'qing. Xatolaringizni tuzating. Takrorlang.
Yo'q, ehtimol siz hamma narsani birdaniga o'qishni xohlamaysiz. Foydalanish mumkin bo'lgan ko'plab boshqa manbalar, turli xil yondashuvlar mavjud. Yaxshi, lekin men hali ham bir oz o'qishni va birinchi qadamlardan o'tishga harakat qilishni maslahat beraman.

Yangi boshlanuvchilar uchun brauzerda dizayn

Ehtimol, bilasizki, ko'pchilik dizaynerlar avval grafik muharrirlardan foydalanadilar va shundan keyingina ular o'z loyihalarini maket uchun kodlovchiga beradilar. Photoshop eng ko'p qo'llaniladigan vositadir, lekin dizaynerlar shu kabi dasturlardan ham foydalanadilar Eskiz, GIMP, inkscape Va Illustrator.

Shubhasiz, siz ulardan bir nechtasini sinab ko'rishingiz va o'zingiz uchun eng mos keladigan vositalardan foydalanishingiz kerak. Ammo, agar siz veb-saytlar yaratmoqchi bo'lsangiz, uni darhol ularning tabiiy muhitida - brauzerda qilishga harakat qiling! Ideal holda - buni bir nechta brauzerlarda qiling - chunki odamlar Photoshop-da veb-saytlarni ko'rmaydilar va ularni grafik muharrir interfeysi orqali siz ko'rgan tarzda ko'rishadi.

Brauzerga asoslangan ish jarayoni bir qator boshqa afzalliklarga ega:

1) Siz nima olganingizni aniq ko'rasiz. Hatto professional maketlar ham veb-saytlarning interaktiv yoki animatsion qismlarini etkaza olmaydi. Brauzerga asoslangan dizaynni yaratish orqali siz uning qanday ishlashini aniq ko'rishingiz mumkin bo'ladi.

Bu, ayniqsa, sezgir dizaynga kelganda to'g'ri keladi. (Bilmaganlar uchun: sezgir yoki moslashuvchan dizayn turli ekranlar va qurilmalarda to'g'ri ko'rsatiladigan dizayndir. Uyali telefon, planshet yoki kompyuter).

2) Brauzerga asoslangan dizayn sizni yaxshi dizaynerga aylantirishi mumkin. Butun jarayonni o'zingiz bilsangiz, nima va qanday ishlashini tushunishingiz va o'zingizni ko'plab xatolardan ogohlantira olasiz. Aytaylik, Photoshop-da ishlaydigan har qanday dizaynerning (yoki buni amalga oshirishi kerak bo'lgan maket dizaynerining) dahshatli tushi uning jonli saytdagi keyingi "cho'zilishi".

Har holda, bu erda ishlashda foydali bo'lishi mumkin bo'lgan bir nechta manbalar mavjud grafik muharrirlar.

Brauzerdagi dizayn sizning ishlash uslubingizni ko'p jihatdan o'zgartirishi va HTML va CSS haqida yangi narsalarni o'rganishga undashi mumkin. Asosan, iflos kod bilan qanchalik ko'p aralashsangiz, veb-saytlar qanday ishlashini yaxshiroq tushunasiz. Bu sizni ajoyib dizaynerga aylantirmaydi; lekin bu ajoyib boshlanish.

Veb-dizayner bo'lish uchun kerak bo'lgan ko'nikmalar

Agar siz o'zingiz professional veb-dizayner bo'lishni istasangiz, sizga maxsus ko'nikmalar kerak bo'ladi. Ushbu bo'limda biz "Qanday qilib mustaqil ravishda veb-dizayner bo'lish mumkin?" Degan savolga javob beramiz, shuningdek, veb-saytni loyihalash va yaratish uchun zarur bo'lgan ko'nikmalarga e'tibor qaratamiz. Albatta, sizga biznes va muloqot qobiliyatlari ham kerak bo'ladi, ammo bu biroz boshqacha hikoya. Shunday qilib, mustaqil ravishda veb-dizayner bo'lish uchun siz quyidagilarni bilishingiz kerak.

UX / UI dizayni

Foydalanuvchi tajribasiga yo'naltirilgan dizayn yoki UX dizayni butun foydalanuvchi interfeysi qanday ko'rinishi va ishlashidir. Bu jarayon, bu falsafa va bu juda ko‘p mehnat. Haqiqatan ham yaxshi saytni faqat tashrif buyuruvchining qaysi yo'ldan borishini va grafik elementlarning o'zgarishiga qarab uning xatti-harakati qanday o'zgarishini bilish orqali yaratish mumkin.

Bu haqda ko'proq ma'lumotni "UX / UI dizayni nima?" maqolasida topishingiz mumkin. »

Estetik qobiliyatlar

Estetika murakkab narsa. Ba'zi odamlar uchun ajoyib ranglar sxemasi boshqalar uchun g'alati ko'rinishi mumkin. Bu joyda sizga "to'g'ri" ko'rinadigan shriftlar mijozga umuman yoqmasligi mumkin. Bu juda sub'ektiv ko'rinadi, ammo shunga qaramay, bu jihatlarning har biri o'z qoidalariga ega, biz hozir gaplashamiz.

Shrift kombinatsiyasi va tipografiya

Internet - bu matn. Bu so'zlar. Va bu so'zlar ajoyib ko'rinishi kerak. Biroq, tipografiya faqat to'g'ri shriftni tanlashdan ko'proq narsani anglatadi. Bu, birinchi navbatda, foydalanish qulayligi. Dizaynda grafik ierarxiyani yaratish uchun dizayndagi shriftlarning o'lchamlari, turlari va uslublarini to'g'ri tanlash va birlashtirish kerak.

Sizni "A dan Zgacha" olib borish uchun men Emil Ruderning "Tipografiya" kitobiga qarashni taklif qilaman. O'qish juda uzoq davom etishi mumkin, shuning uchun darhol mashq qilishni xohlaydiganlar uchun - mavzu bo'yicha qisqa video (agar siz to'satdan siz allaqachon matnning yaxshi namunasini topib, uning shriftini aniqlamoqchi bo'lsangiz).

Tipografiya qoidalarini o'rganganingizdan so'ng, loyihangiz uchun ba'zi shriftlarni sinab ko'rishingiz mumkin. Internetda juda ko'p yaxshi bepul shriftlar mavjud, shuning uchun atrofga qarang.

Ko'p odamlar, jumladan, men o'z shriftlarini dan tanlaydilar. Google shriftlari saytga "ko'milgan" bo'lishi mumkin va bu juda qulay. Bundan tashqari, siz tayyor shrift birikmalaridan foydalanishingiz mumkin:

Boshqa shunga o'xshash misollarni Internetda topish mumkin.

Agar siz o'zingizning Google shrift juftlaringizni yaratmoqchi bo'lsangiz, "Web Font Combiner" ni sinab ko'ring. Bu shrift, o'lcham, rang, chiziq kengligini o'zgartirish orqali real vaqt rejimida shrift birikmalarini tezda ko'rish imkonini beruvchi vositadir.

Agar Google shriftlari etarli bo'lmasa, WebDesignerDepot, Fonts-online va boshqa saytlarga qarashingiz mumkin.

Rang nazariyasi va rang sxemalari

Rang nazariyasi ranglarning texnik nomlari bilan deyarli aloqasi yo'q. Agar sizning mijozingiz fuchsiyani so'rasa, lekin chindan ham pushti pushti rangni xohlasa, tanlov sizniki.Rang nazariyasi birinchi navbatda ranglarning kombinatsiyasi va uni idrok etgan odamning his-tuyg'ulari o'rtasidagi munosabatni o'rganadi. Bu haqiqiy fan.
Rang nazariyasi asoslarini tushunish uchun bir nechta ajoyib nashrlar mavjud:

Kerakli vositalardan - Adobe Color CC

Rang nazariyasi tipografiya bilan chambarchas bog'liqligini unutmang. Misol uchun, agar matn rangi tanlangan fon rangiga juda yaqin bo'lsa, uni o'qish qiyin bo'ladi va tashrif buyuruvchilar saytning ushbu qismidan shunchaki o'tib ketishlari yoki hatto uni tark etishlari mumkin.

Tarkibi va umumiy tashkil etilishi

Kompozitsiya asoslarini bilmasdan qanday qilib veb-dizayner bo'lish mumkin? Bo'lishi mumkin emas! Men uchun bu qism, ehtimol, eng muhimi. Oxir oqibat, siz chiroyli shriftlarni, ajoyib ranglar sxemasini olishingiz mumkin, keyin shunchaki bloklar, ierarxiya va nisbatlarning to'g'ri joylashishi bilan aralashib, "ajoyib mahsulotlarning eng jirkanch taomini" olishingiz mumkin.

Ushbu mavzu bo'yicha bir nechta foydali nashrlar mavjud, shundan so'ng u birinchi (yoki deyarli birinchi) marta keladi.

• Veb-dizaynda Oltin nisbat va uch qoidasidan foydalanish

Veb-dizayn yo'nalishlari

Siz veb-dizayndagi tendentsiyalar haqida cheksiz gapirishingiz mumkin. Ular qanday rol o'ynaydi? Ehtimol, barcha mijozlar sizga kelishdan oldin ajoyib moda saytlarining bir nechta misollarini ko'rib chiqishgan va hatto veb-dizayn tendentsiyalari bilan bog'liq bir nechta maqolalarni o'qib chiqishgan. Moda va mashhur dizayn elementlarini bilish, ular nimani so'rayotganini tushunish va ularga biror narsa taklif qilish uchun zarurdir.

Veb-dizayn tendentsiyalari doimo o'zgarib borayotganligi sababli, biron bir maxsus nashrni misol sifatida keltirish mantiqiy emas. Bu erda men sizga veb-dizaynerlar uchun veb-saytlarni kuzatib borishingizni maslahat beraman, bu erda bir nechta yaxshi misollar:

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

Qanday qilib veb-dizayner bo'lish mumkin: HTML va CSS

HTML bu "Til gipermatn belgisi". Siz ko'rgan har bir veb-sayt HTML-ga asoslangan. HTML - bu sizning brauzeringiz sayt matn, rasm, havola, video yoki boshqa elementlarni o'z ichiga olganligini tushunadigan tildir. Brauzeringiz kodni ekranda ko'rgan narsangizga tarjima qiladi.

Oddiy so'zlar bilan saytni chiroyli qiladigan yana bir til deyiladi css, bu "Kaskadli uslublar jadvallari" degan ma'noni anglatadi. CSS brauzerga matnda qanday shrift borligini va qanday ranglardan foydalanilganligini aytadi. CSS, sodda qilib aytganda, belgilaydi tashqi ko'rinish saytingiz (tugmalar, uslublar, ranglar, animatsiya).

Ushbu tillarni mustaqil ravishda o'rganish yoki hech bo'lmaganda ular qanday ishlashi haqida asosiy tushunchaga ega bo'lish juda oson. Bular eng oddiy kompyuter tillari. Biroq, ular juda keng va ajoyib dizaynlarni yaratish uchun ko'plab o'zgarishlarda ishlatilishi mumkin.

Asoslarni bilganingizdan so'ng, veb-dizayner bo'lish va mustaqil ravishda dasturlash tillarini o'rganish haqida ko'proq bilib olishingiz mumkin bo'lgan juda ajoyib saytlar mavjud.

Jonli efirda

Veb-saytingizni Internetga joylashtirishga tayyormisiz? U yerda Domen nomi(masalan: mywebsite.com) va xosting (internetga doimiy ulangan kompyuterdagi joy yoki onlayn xosting uchinchi tomon provayderlaridan sotib olinganmi)? Fayllaringizni xostingingizga yuklang, oʻtiring, dam oling va…

Sayt ishga tushirilgandan keyin nima qilish kerak

Xatolarni tuzating va unutganingizni tugating

"Oh, ha, shunday ... Men buni aniq tuzatmoqchi edim."- Hammada shunday bo'ladi. Har qanday saytni ishga tushirgandan so'ng xatolar paydo bo'lishi deyarli muqarrar. Va sayt qanchalik katta bo'lsa, xatoni o'tkazib yuborganingiz yoki biror narsani unutganingiz ehtimoli shunchalik yuqori bo'ladi. Sizga qulay bo'lishi uchun bu erda juda batafsil nazorat ro'yxati:

Fikr-mulohazalarni yig'ish

Qaerda xato qilganingizni bilmasangiz, yaxshilay olmaysiz. Vaqt va tajriba sizga buni o'rgatishi mumkin, ammo boshqalar sizni tezroq o'rgatishi mumkin.
Agar siz noldan veb-dizayner bo'lishga va mustaqil ravishda o'rganishga harakat qilayotganingizda, sizga yordam beradigan va professional maslahatlar beradigan boshqa dizaynerlar bilan bog'lanish uchun sizni hamjamiyatlarga qo'shilishingizni tavsiya qilaman.

Qanday qilib veb-dizayner bo'lish mumkin - xulosa

Maqola juda uzun bo'lib chiqdi, ammo bularning barchasini kamroq so'z bilan ifodalash qiyin bo'lar edi, shuning uchun men oxirigacha o'qiganlarning barchasini tabriklayman va sabr-toqatingiz uchun chin dildan minnatdorchilik bildirmoqchiman. Agar siz veb-dizayn bo'yicha treninglar yoki ishlash uchun maxsus vositalar va strategiyalar haqida ko'proq bilmoqchi bo'lsangiz, uni izohlarda yozing va biz ushbu mavzu bo'yicha ko'proq foydali materiallarni yaratamiz. Hammaga omad!

Va agar siz jonli loyihada o‘z mahoratingizni sinab ko‘rishga tayyor bo‘lsangiz va sizga yaxshi xosting kerak bo‘lsa – bonus sifatida bizning hamkorimiz Inmotion’dan atigi $1 evaziga bir yilga xosting sotib olishingiz mumkin.

Hammaga salom, do'stlar! Ushbu materialda siz veb-dizayn nima ekanligini, UI / UX nima ekanligini, zamonaviy veb-dizayndagi Wireframing, yuqori sifatli UI dizayni uchun asosiy qoidalarni, veb-dizayn ilovalarida ishni to'g'ri tashkil etishni, HTML ahamiyatini ko'rib chiqasiz. veb-dizayndagi layout va veb-dizaynni mustaqil va to'g'ri o'rganish va veb-dizayner sifatida qanday rivojlanish. Boshqacha aytganda, do'stlar yakuniy veb-dizayner uchun qo'llanma, bu nafaqat yangi boshlanuvchilar uchun, balki professional darajada rivojlanmoqchi bo'lgan tajribali veb-dizaynerlar uchun ham juda foydali bo'ladi.

salqin

Uni mahkamlang

Birinchi qism: UX hamma narsaning boshidir

UX yana nima va yana qanday bosh, deb hayron bo'lib so'raysiz? Keling, quruq va jonsiz ta'riflardan boshlaylik, keyin biz hamma narsani batafsilroq va inson tilida tahlil qilamiz.

UX- o'rganadigan fan o'zaro ta'sir tajribasi mahsulot bilan foydalanuvchi, foydalanish natijasida paydo bo'lgan idrok va reaktsiya.

UX - bu nafaqat veb-dizaynda, balki boshqa sohalarda ham qo'llaniladigan tushunchadir. Keling, chuqurroq qazaylik va hayotiy misollarni ko'rib chiqaylik. O'zaro ta'sir qilish tajribasi shundaki, zavoddagi mutaxassis bir nechta tugmachalarni bosib murakkab uskunani boshqaradi va o'chirish tugmasi ancha katta bo'ladi; UX - bu sizning uyingizga yorliq bo'lganingizda, garchi u erda chiroyli va toza piyodalar yo'lagi mavjud bo'lsa ham; bu sizning avtomobilingiz salonidagi paneldagi maxsus chuqurchalarga bir chashka qahva qo'yganingizda; tormoz pedali gaz pedaliga qaraganda kengroq bo'lganda. UX bu mening YouTube videolarim tavsifida foydalanilgan barcha dars materiallariga havolalarni ko'rganingizda va uzoqqa qarashingiz shart emas. kerakli fayllar. Bularning barchasi foydalanuvchi tajribasining o'zaro ta'siri. Misollar ko'p bo'lishi mumkin, ammo mohiyati bir: UX foydalanuvchining maqsadga eng qulay tarzda erishish yo'lidir. Va agar siz ajoyib veb-dizayner va umuman muvaffaqiyatli odam bo'lishni istasangiz, buni qanday qilishni o'rganishingiz kerak.

Keling, avval rasmga qaraylik. Bu sizni hayratda qoldiradigan vahiy bo'lishi mumkin, ammo UX tadqiqot va dizaynni, shuningdek vizualizatsiya va tartibni o'z ichiga olgan sohadir. UX ustida ishlash natijasida biz ishlaydigan prototipni olishimiz kerak. Agar veb-dizayn g'oyalari haqida gapiradigan bo'lsak, bunday prototip HTML tartibidir. Agar biz telefondan ekranni olib, tortib olsak, ekranning o'zidan tashqari, simlar, astarlar, yopishtiruvchi tikuvlarni ko'rishimiz mumkin. Bu interfeys. Yaxshi dizayner barcha giblets, jumladan, tartib bilan interfeysni ishlab chiqadi. Kelajakda ekran telefon platasiga ulanadi (Back-end, PHP, Python, Ruby) yoki dasturlashtirilgan (Front-end, JS). Men tushunamanki, ba'zi odamlar bunday gaplardan o'zlarini noqulay his qilishadi, ayniqsa eski maket dizaynerlari, ular uchun maket butun dunyo, alohida bilim sohasi. Ammo keling, rivojlanishga xolis nazar bilan qaraymiz va bir belkurak deylik. Va haqiqat shundaki, biz eng yaxshi holatda sinovdan o'tishi kerak bo'lgan modelni ishlab chiqmoqdamiz va bu veb-dizayner sifatida sizning vazifangiz. Keyinchalik bu model(HTML layout) to'g'ridan-to'g'ri Back-end ishlanmasiga yoki agar u murakkab loyiha bo'lsa, dasturning JS kodini yozish uchun Front-end dasturchiga o'tkazilishi mumkin.

Ko'pgina o'rta va yirik kompaniyalarda UX, UI mutaxassislari va HTML koderlari ko'pincha turli odamlardir. Ammo bu model deyarli frilanserda ishlamaydi. Eng samarali dizayner o'z g'oyasini boshidan oxirigacha amalga oshira oladigan va g'oyaning oltin ipini yo'qotib, ishning yarmini boshqa shaxsga o'tkaza oladigan kishidir. Quyosh ostida bo‘sh joy tobora kamayib bormoqda va “faqat terishchi” endi faqat tormozni bosa oladigan haydovchiga o‘xshaydi. Tartibda murakkab narsa yo'q. Bu o'rtacha murakkablikdagi oddiy muntazam ish.

Internetda UX veb-sayt yoki ilova dizayni qurilgan poydevordir. Bu veb-saytni yaratayotgan odamlarning ehtiyojlarini hisobga olgan holda interfeys dizayni. Yakuniy foydalanuvchi kim, sizning interfeysingizdan foydalanib, odam qanday maqsadlarni ko'zlaydi, unga natijani imkon qadar tez va qulay tarzda olishga qanday yordam berish kerak? Mana UX hal qiladigan asosiy vazifalar.

Foydalanuvchi tajribasini yaratishdagi qiyinchilik - foydalanuvchilarning ehtiyojlarini o'zlari tushungandan ko'ra yaxshiroq tushunish zarurati.
Jess Garrett.

Ko'pgina yangi (va nafaqat yangi) veb-dizaynerlar veb-dizaynni vizual dizayn bilan aralashtirib yuborishadi. Kimdir hanuzgacha veb-sayt dizaynini yaratish jarayoni, birinchi navbatda, poydevor (UX) haqida butunlay unutib, rasmlar, tugmalar, piktogrammalarni (UI) yaratish, bu iqtisodni o'z ichiga olgan odamlarni o'rganishdir, deb hisoblaydi. .

Vizual jihatdan unchalik chiroyli boʻlmagan saytlar va LPlar qanday qilib katta sotuvlar olib kelganini va zamonaviy piktogramma va infografikaga ega har qanday chet el Flat interfeysidan yaxshiroq ishlaganini bir necha bor koʻrganman. Ha, ha, bu kulgili gradientli saytlar, ulkan tugmalar, retushsiz xom fotosuratlar va siqilgan matn bloklari edi. Lekin ular ishladilar. Mo''jiza, deysizmi? Men o'ylamayman. Shunchaki, bunday saytni chizgan dizayner mijozning auditoriyasini o'rganishni o'tkazdi, shunchaki dizayner o'ziga xos vizual didga ega bo'lmasa-da, mahsulot foydalanuvchilarining haqiqiy ehtiyojlarini tinglashni va tushunishni biladi. Yoki tasodifan to'g'ri yo'nalishni taxmin qildi. Agar siz haqiqatan ham ajoyib veb-dizayner bo'lishni istasangiz, sizda bitta tanganing 2 ta porloq, sayqallangan tomoni bo'lishi kerak - bir tomondan, siz yaxshi UX mutaxassisi bo'lishingiz kerak, boshqa tomondan, did tuyg'usini rivojlantirishingiz kerak. Sizning interfeyslaringiz nafaqat funktsional, balki jozibali - bu UI. Agar qaysi dizayner yaxshiroq ekanligi haqida gapiradigan bo'lsak - foydalanuvchi tajribasini inobatga olgan holda chizgan, lekin chiroyli emas yoki ajoyib toza interfeyslarni chizgan, lekin insoniy muammolarni mutlaqo o'rganmaydigan, birinchisi, albatta, g'alaba qozonadi. Va bu tushunarli, chunki bu biznesga ko'proq pul va mijozlarni olib keladigan birinchi narsa, sodda qilib aytganda.

Mening kamtarona fikrim: dizayn vizual dizayn uchun mavjud bo'lishni to'xtatadi, Web 3.0 - UX, ma'lumot va qulaylik davri.

UX vazifalari

Asta-sekin biz nazariyadan amaliyotga o'tamiz. UX qanday muammolarni hal qilishi mumkin?

Dizaynerning asosiy vazifasi oxirgi foydalanuvchining mahsulot bilan o'zaro aloqasidan qoniqish darajasini maksimal darajada oshirishdir. Bundan keyin biz mahsulotni foydalanuvchi bilan har qanday o'zaro ta'sir ob'ekti sifatida tushunamiz, xoh u haqiqiy mahsulot, xizmat, veb-ilova yoki veb-sayt bo'ladimi.

Veb-dizayner - bu biznes egasi va potentsial mijoz o'rtasida ko'prik quradigan odam. Menimcha, UX dizaynidagi asosiy tadqiqot ishi mahsulotning potentsial auditoriyasini tushunish ekanligini tushunish uchun miya kerak emas. Bu erda eng qiyin narsa - bu his qilib bo'lmaydigan, o'lchash mumkin bo'lmagan narsa - bu veb-dizayner yoki UX mutaxassisining empatiyasi, boshqa odamlarning istaklari va his-tuyg'ularini tushunish qobiliyati. Veb-dizayner potentsial auditoriyaning istaklari va his-tuyg'ularini aniqlash uchun hayotda etarlicha tajribaga ega bo'lishi kerak. Bu ancha murakkab sub'ektiv jarayon, lekin uni tartibga solish va UX ko'nikmalaringizni yaxshi o'rnatilgan tadqiqot va dizayn texnikasi orqali yaxshilash mumkin.

Ikkinchi qism: Tadqiqot

Siz shunchaki mijozning mahsulotini olib, uning uchun veb-sayt, ilova yoki ochilish sahifasini yarata olmaysiz. Birovning ochilish sahifasini, boshqa birovning ishini olish tubdan noto'g'ri, lekin barmog'ingizdan g'oyani so'rib olish va uning uchun qandaydir vaqtinchalik dizaynni chizish, yo'l davomida mahsulotdagi matn bloklariga kalit so'zlarni kiritish bundan ham yomoni. Ko'pchilik buni qiladi, garchi bu tubdan noto'g'ri bo'lsa ham. Veb-dizayn bo'yicha kamroq ma'lumotga ega bo'lgan mijozlar har qanday holatda ham pulini oladigan yomon mutaxassisning bema'ni va baxtsiz qarorlarini yozib qo'yishlariga qaramay, bu boshi berk ko'cha, hech qaerga yo'l.

Siz NEGA bu bo'limni, ushbu elementlarni, veb-sahifadagi tartibni yaratganingizni aniq tushunishingiz kerak. Sizning barcha harakatlaringiz temir-beton tayanch bilan qo'llab-quvvatlanishi kerak. “Nima uchun bu kichik dumaloqlar bu yerda?” degan savolga tushuntirish juda g'alati tuyuladi. shaklda - "Chunki men buni qaerdadir ko'rganman va bu shaklni sizning xayoliy kontentingiz uchun ishlatishga qaror qildim, chunki mening tasavvurim ishlamayapti." G'alati, shunday emasmi?

To'g'ri yo'l - tadqiqot. Tadqiqot har qanday loyiha ustida ishlashda dizaynerning birinchi qadamidir. Siz foydalanuvchilar guruhini aniq ko'rsatishingiz, interfeysni ishlab chiqayotgan auditoriya bilan tanishishingiz, ushbu auditoriyaning ehtiyojlarini bilib olishingiz kerak. Albatta, faqat shaxsiy tajribangiz va his-tuyg'ularingizga asoslanib, interfeysda ob'ektiv ravishda to'g'ri qaror qabul qilish juda qiyin, chunki siz o'zingizning ijodingiz natijasiga va ma'lum bir mahsulotga nisbatan shaxsiy tajribangizga nisbatan xolis emassiz. juda cheklangan bo'ling. Shunga qaramay, agar siz saytni loyihalashtirayotgan mahsulotni o'rgangan bo'lsangiz, ba'zi xulosalar chiqarishingiz va qaror qabul qilishingiz mumkin. Agar siz frilanser bo'lsangiz, yolg'iz ishlasangiz va sizning shaxsiy UX bo'yicha mutaxassislar jamoasi bo'lmasa, qilishingiz kerak bo'lgan minimal narsa bu hozirgi biznes tajribasini o'rganish, mahsulotning o'rtacha iste'molchisining portretini tashlashdir. Misol uchun, agar siz qishloq xo'jaligi texnikasini sotish uchun ochilish sahifasini yaratayotgan bo'lsangiz, ehtimol potentsial mijozlar saytning vizual dizaynida biron bir maxsus jingalaklarni qidirmaydilar, ular ko'proq mahsulot katalogi, fotosuratlari, shartlari va boshqalarga qiziqishadi. o'z mintaqasiga etkazib berish usullari, narxlari va mumkin bo'lgan chegirmalar. Oxirgi nuqta UX dizayni biznes bilan chambarchas bog'liqligini aytadi. Bu veb-dizaynerlar odatda gapirmaydigan narsa, lekin hamma o'ylaydi.

Tadqiqotingizning boshida siz biznes egasi, mijozingiz bilan muloqot qilishingiz kerak. U o'z mahsuloti bo'yicha mutaxassis va mijozlar bilan ishlash tajribasiga ega, u o'z auditoriyasini biladi. Qo'shimcha tahlil qilish uchun barcha asosiy fikrlarni yopishqoq qog'ozlarga yoki daftarga yozing. Agar siz frilanser bo'lsangiz - shunga o'xshash mahsulotlar, tematik forumlar va jamoalar tajribasini o'rganing, lekin loyihangizda raqobatchilarning yutuqlarini ko'r-ko'rona qo'llamang - bu to'g'ri emas va samarali emas. Agar siz studiya bo'lsangiz, sizda chuqur tadqiqotlar o'tkazish uchun resurslaringiz va loyiha byudjetingiz bor - onlayn so'rovlar o'tkazing, auditoriya bilan suhbatlar o'tkazing, bir nechta potentsial samarali prototiplarning A / B testini o'tkazing.

Biz davom etamiz. Sizni birinchi navbatda qiziqtiradigan tashrif buyuruvchilarning xarakterli fazilatlari ro'yxatini tuzing. Buning uchun mahsulotdan potentsial foydalanuvchi bo'lishi mumkin bo'lgan shaxslar jadvalini tuzing va ularni tavsiflang. O'zingizni odamning o'rniga qo'ying, rolga o'rganing va odam kabi o'ylashni boshlang:

E'tibor bering, 1-2-3 kishini to'g'ri tavsiflash orqali siz ushbu mavzu bo'yicha o'xshash qadriyatlar va ehtiyojlarga ega bo'lgan juda ko'p sonli odamlarga nisbatan maqsadga erishishingiz mumkin. 2-3 (yoki undan ko'p) shaxslarni aniqlash orqali siz tashrif buyuruvchilar sizning interfeysingiz yordamida hal qila oladigan vazifalarni aniqlashingiz mumkin.

Uchinchi qism: Wireframing, Wireframing

Tomoshabinlarni aniqlaganingizdan, shaxslarning maqsadlari va qadriyatlarini aniqlaganingizdan so'ng, siz Wireframing deb ataladigan interfeys ramkasini modellashtirishni boshlashingiz mumkin. Wireframe kelajakdagi sahifalarda ma'lumotlarni tarqatish uchun xizmat qiladi ahamiyatiga ko'ra - yuqoridan pastgacha. Modellashtirish jarayonida siz sahifada qanday ma'lumotlar bo'lishi haqida o'ylaysiz, ma'lumotni chiqarishning asosiy shaklini aniqlaysiz, lekin tafsilotlarga kirmang, vizualizatsiya qilmang. Siz chalg'itmasligingiz kerak, chunki kelajakda tuzilma to'liq muvaffaqiyatli emasligini tushunsangiz, siz hali ham hamma narsani qayta tiklashingiz kerak. Styling haqida unuting va tuzilishga e'tibor bering.

Ramka yaratish uchun siz maxsus dasturdan foydalanishingiz yoki qog'ozga qutiga yoki nuqtaga qo'lda chizishingiz mumkin, keyin skanerdan o'tkazib, loyiha materiallari bilan papkaga qo'yishingiz mumkin. Men odatda foydalanaman onlayn ariza wireframe.cc, chunki real vaqtda o'zgartirishlar kiritish va mijoz bilan muvofiqlashtirish mumkin. Ammo ba'zida men kompyuterda o'tirishga dangasa bo'lsam, qog'ozdagi sahifalar tuzilishini ishlab chiqaman.

Maslahat: saytning asosiy sahifasi yoki ilovaning asosiy ekrani uchun bitta simli ramkada to'xtamang, struktura tartibining bir nechta eskizlarini tuzing. Asosiy sahifa uchun shaxslar jadvalidan ma'lumotlarni oling, maqsadlar va qadriyatlarni ahamiyati bo'yicha saralang va tashrif buyuruvchilarga ma'lumot taqdim etadigan shakl bilan tajriba o'tkazing.

Veb-sayt yoki ilovaning barcha sahifalari bo'ylab ishlang va faqat butun saytning skeleti tayyor bo'lgach, keyingi bosqichga o'ting.

To'rtinchi qism: UI, vizualizatsiya

UX-ni yaxshilab ishlab chiqqaningizdan, bir nechta simli ramkalarni yaratganingizdan va eng jozibali variantlarni tanlaganingizdan so'ng, siz vizualizatsiya qilishni boshlashingiz mumkin. Vizualizatsiya - bu simli ramkalarni chizish, birlashtirilgan uslubni yaratish, kontentni loyihalash. Boshqacha qilib aytganda, biz UI ustida ishlashni boshlaymiz. Ko'pincha Adobe Photoshop, Sketch.app, Inkscape + Gimp yoki boshqa vositalar vizualizatsiya uchun ishlatiladi. Interaktiv grafik prototipni yaratish va ishlab chiqish uchun Adobe XD dan foydalanishni tavsiya qilaman. Kelajakda darslarimizda dizayn yaratish uchun faqat ushbu vositadan foydalanamiz, chunki bu erda siz darhol vizualizatsiya qilishingiz va foydalanuvchilar sahifalar bo'ylab qanday harakat qilishlarini ko'rsatishingiz mumkin. Bilan ishlash uchun vektor grafikasi Men Inkscape-dan foydalanaman - bu erda bitmap grafikalar bilan ishlash uchun piktogramma va boshqa kerakli grafiklarni yarataman - eng yaxshi yechim, bu Adobe Photoshop.

Yaxshi xulq-atvor qoidalari

Veb-dizaynda hech qanday qoidalar yo'q, deydi Artemiy Lebedev. Veb-dizaynda yaxshi odoblar bor, men javob beraman. Veb-sayt dizaynini ishlab chiqishda veb-dizayner loyihalashda ma'lum bir aytilmagan qoidalarga amal qiladi. Satr oralig'i, to'ldirish, shriftlar, elementlarning o'lchamlari - bularning barchasini o'lchash mumkin va ochiqchasiga yomon ilovalar mavjud. Shuning uchun, siz yangi boshlovchi bo'lsangiz va sizning didingiz go'daklik davrida bo'lsa ham, siz o'zingizning dizayningizni yomon vizualizatsiya qilmaysiz, bir qator qoidalarni ishlab chiqishingiz mumkin.

E'tibor bering, agar sizda ko'p dizayn tajribangiz bo'lsa va nima qilayotganingizni bilsangiz, ushbu qoidalar buzilishi mumkin. Agar siz yangi va tajriba o'tkazayotgan bo'lsangiz, ushbu qoidalarni ham buzishingiz mumkin. Agar siz boshlang'ich veb-dizayner bo'lsangiz, yuqoridagi qoidalarni buzadigan interfeyslarni ishlab chiqarishga qo'ymaslikka harakat qiling.

1. Tipografiya, matn, havolalar

   • Katta hajmli sarlavhalardan foydalanmang;
   • 12px dan kichik shriftdan foydalanmang;
   • Satr oralig'ini juda kichik yoki juda katta qilmang;
   • "Transform" vositasi bilan harflarni cho'zmang, shrift tabiiy ravishda mutanosib bo'lishi kerak;
   • Har bir sahifada 3 dan ortiq shriftdan foydalanmang;
   • Juda kam kontrast ishlatmang, oq rangga ochiq kul rang yoki qora rangga quyuq kul rangni chop qilmang;
   • Agar nima qilayotganingizni bilsangiz va siz tanlagan shrift eng oqlangan havodor matnni yaratishga imkon bersa, belgilar oralig'idan ehtiyotkorlik bilan foydalaning;
   • Paragraflar, sarlavhalar va elementlar o'rtasida juda kichik bo'shliqlar qilmang, dizaynga havo bering;
   • Qopqoqlarni keraksiz ishlatmang;
   • Asosiy matn bloklari uchun haddan tashqari murakkab dekorativ shriftdan foydalanmang, u ba'zi Sans yoki Serif oilasining oddiy va o'qish oson shrifti bo'lishi kerak (Serif va Slab - agar nima qilayotganingizni bilsangiz);
   • Navigatsiya elementlaridan tashqari barcha havolalar tagiga chizilgan boʻlishi kerak. Shuningdek, allaqachon tashrif buyurilgan havolalarni havolalarning standart rangidan quyuqroq qilishga harakat qiling;
   • Agar sayt ierarxiyasi 3 dan ortiq darajani o'z ichiga olsa, non sindirish haqida unutmang.

2. Grafika, piktogramma, fotosuratlar

   • Dizayningizda shablonli fotosuratlardan foydalanmang. Buni o'zingiz qilishingiz yaxshiroq, mijozga fotosuratchi bilan bog'lanishni tavsiya eting yoki eng "hayot" fotosuratlarini toping;
   • Fotosuratlardan tayyorlangan piktogrammalardan foydalanmang;
   • Barcha piktogrammalar bir xil uslubda bajarilishi kerak;
   • Suratni asl o'lchamidan tashqariga kattalashtirmang;
   • Grafiklarni mutanosib ravishda oshirmang;
   • Oddiy (Oddiy) dan boshqa qatlamlarni aralashtirish rejimlarini qo'llamang;
   • Bir nechta holatga ega bo'lishi kerak bo'lgan tasvirlarga filtrlarni qo'llamaslikka harakat qiling (odatda, masalan, hoverda). Barcha qoplamalar, o'zgarishlar - faqat yangi qatlamni qoplash orqali. HTML tartibida hamma narsa osongina takrorlanishi kerak. Bu retush va fotosurat tayyorlashga taalluqli emas;
   • Fotosuratni Smart Ob'ektga aylantirishdan oldin uni o'lchamini oshirmang;
   • Suratni faqat shakl uchun qirqish niqobidan foydalanib kesib oling, oldingi xatboshidagi kabi asl fotosurat aqlli ob'ektga saqlanishi kerak;
   • Agar siz Photoshop-da piktogramma chizayotgan bo'lsangiz, ularni kichraytirilgan holda rasterlashtirmang. Shuni unutmangki, tartib hali ham tartib bosqichiga ega va barcha piktogrammalarni vektorlashtirish kerak bo'ladi. Belgilar bilan original aqlli ob'ektlar yuqori sifatli kuzatuv uchun etarlicha katta bo'lishi kerak;
   • Ideal holda, sizda alohida papkada barcha tekis piktogramma va SVG grafika bo'lishi kerak. Agar siz dangasa dizayner bo'lsangiz - piktogrammalarni SVG-ga yuqori sifatli aylantirish yoki eksport qilish imkoniyatini ko'rib chiqing;

3. Rang

   • Sof ranglardan foydalanmang, eng yoqimli soyaga erishishga harakat qiling;
   • Har bir sahifada 2 dan ortiq aksent ranglardan va matn uchun 2 dan ortiq quyuq kulrang (yoki qora) rangdan foydalanmang. Ideal holda, matn uchun faqat 1 ta urg'u rangi va 1 ta to'q kulrang/qora. Men engil fonda asosiy shrift uchun 111111 - 222222 ranglarini ishlataman;
   • Urg'u rangi bilan faqat sahifada eng muhim bo'lgan elementlarni bo'yashga harakat qiling, ularga e'tibor qarating. Bular tugmalar, strelkalar, muhim elementlarning belgilash katakchalari, matnli havolalar, ma'lumot beruvchi piktogrammalar ("login", "parol", "pochta" kabi kichik piktogrammalar va shakllardagi piktogrammalarni ta'kidlash shart emas);

4. Grafik muharrirda ishlash qoidalari, ishni tashkil etish va h.k.

   • Qatlamlarni ma'nosi bilan nomlash;
   • Semantik bloklar va interfeys komponentlarini guruhlarga ajratishga harakat qiling;
   • Har doim TTF yoki OTF formatida foydalanadigan barcha shriftlar bilan alohida papka yarating. Belgi shriftlari ham ushbu jildga joylashtirilishi kerak;
   • 1 dan 1 ta maket yarating (72 ppi). 100% displeyda tartiblar HTML tartibi natijasi qanday bo'lishi kerak bo'lsa, xuddi shunday masshtabda bo'lishi kerak;
   • Ishingizda qandaydir grid tizimidan foydalanganingizga ishonch hosil qiling. Siz uni o'zingiz ishlab chiqishingiz mumkin, lekin men Bootstrap grid tizimidan foydalanishni tavsiya qilaman. Kontent kengligi asl Bootstrap panjara kengligidan moslashtirilishi mumkin, buning uchun siz Photoshop foydalanuvchisi bo'lsangiz, to'rlarni yaratish uchun plaginlardan foydalanishingiz mumkin;
   • Amaliy ma'noga ega bo'lmasa, dekorativ elementlarni yaratmang. Agar bu rasm sayti bo'lsa va sizga kerak bo'lsa Yahshi surat, bu qoida o'tkazib yuborilishi mumkin;
   • Semantik vizual ierarxiyaga rioya qiling. Vizual ierarxiya haqida o'qing;
   • Bloklarning ichki elementlari orasidagi masofalar bloklar orasidagi tashqi masofadan kamroq bo'lishi kerakligini aytadigan "ichki va tashqi" qoidasidan foydalaning;
   • Shuni unutmangki, odamlar ko'pincha saytning asosiy sahifasiga emas, balki ichki sahifalarga kelishadi, shuning uchun ma'lumot beruvchi universal bloklar - sarlavha, pastki qism, yon panellar (agar mavjud bo'lsa) haqida o'ylang. Sarlavha imkon qadar ma'lumotga ega bo'lishi kerak, lekin ortiqcha to'yinmagan bo'lishi kerak. Majburiy elementlar: logotip, loyiha nomi, navigatsiya. Saytni qidirish va boshqa elementlar loyihaga qarab joylashtiriladi.
   • Yaxshi yechim - kengaytirilgan navigatsiyani pastki qismga yoki barcha yashirin joylarga ega sayt xaritasiga joylashtirish. Altbilgi yoki podval odatda alohida maqolaga loyiq alohida mavzudir. Podvalni eng mayda tafsilotlarigacha o'ylab ko'ring, logotip va telefon raqami bilan arzimas tor podvallarni yasamaslikka harakat qiling. Bu erda yana, bu loyihaga bog'liq, lekin ko'pincha altbilgi uni baland qilish va joylashtirish uchun yaxshiroqdir. Men ko'pincha podvalda kerakli yashirin ma'lumotlarni topaman va men baland va o'ylangan podvallarni yaxshi ko'raman. Yerto‘lalar haqida bunday deyishni o‘ylamagandim.

Biz qoidalar deb atash mumkin bo'lgan asosiy bayonotlarni ko'rib chiqdik. Keling, veb-dizaynning eng keng tarqalgan afsonalarini ko'rib chiqaylik, ular kimdir uchun qoidalar va hatto harakatlar uchun qo'llanma bo'lgan, ammo endi professionallar tomonidan qo'llanilmaydi.

Veb-dizayn afsonalari

• Uch marta bosish qoidasi. Mif. Agar foydalanuvchi haqida ma'lumot qiziqsa bosh sahifa, u maqsadga erishish uchun xohlagancha ko'p marta bosadi. Biz unga bu borada ozgina yordam berishimiz kerak - navigatsiyadagi ko'rsatgichlarni kerakli materialga to'g'ri joylashtiring. Navigatsiya oddiy va tushunarli bo'lishi kerak;
• Kontent slayderi- bu yaxshi qaror. Juda ziddiyatli bayonot. Men ko'pincha slayderlardan tarkibni ko'rsatish shakli sifatida foydalanardim, ammo tadqiqotlar mavjud bo'lib, ular orasida juda kam odam aylanib yuradi va menga bu haqiqat ekanligini aytadi. Ehtimol, yaqin kelajakda kontent slayderlarining samaradorligi afsonaga aylanadi;
• Yaxshi dizayn yaratish uchun ko'p mehnat talab etiladi.. Mif. Tomoshabinni to'g'ri aniqlagandan so'ng, foydalanuvchini mahsulotga chin dildan qiziqtirish uchun bitta muvaffaqiyatli rasm, sarlavha va matn bloki kifoya qiladi. Ba'zida veb-dizayner mijozning iltimosiga binoan dizaynerni etarli darajada ishlamaganlikda ayblab, interfeysga biron bir narsani (CTA-lar, teskari hisoblash taymerlari, harakatga qo'ng'iroqlar bilan) to'ldirishga majbur bo'lgan holatlar mavjud. Bu kulgili va kulgili. Afsuski, bu biznes egalarining keng tarqalgan xususiyati va siz veb-dizaynda "qanchalik ko'p bo'lsa, shuncha yaxshi" qoidasi ishlamasligini to'g'ri tushuntira olishingiz kerak;
• Dizayn original bo'lishi kerak. Bu, albatta, agar sizda bir oy bo'sh vaqtingiz bo'lsa va mijozning yog'li hamyoni bo'lsa yaxshi bo'ladi. Ammo ko'pincha bunday bo'lmaydi. Noyob illyustratsiyalar, dizayn uchun katta pul va vaqt sarflashingiz mumkin, lekin xuddi shunday imkoniyatlar bo'lmagandek, xuddi shunday natijaga kelishingiz mumkin. UX ustida ishlang va ajoyib natijaga erishish uchun vaqt va pulni behuda sarflash keraksiz bo'ladi. Ko'pincha universal bloklarning ma'lum bir tartibiga (navigatsiya sarlavhasi, altbilgisi) o'rganib qolgan foydalanuvchilar hamma narsa "asl va g'ayrioddiy" bo'lgan saytlarga tashrif buyurishda chalkashib ketishadi. Veb-standartlarga rioya qiling va g'ildirakni qayta ixtiro qilishingiz shart emas. Bundan tashqari, startaplarda ko‘pincha tajriba o‘tkazish uchun vaqt ham, pul ham bo‘lmaydi. Vizual burilishlarga murojaat qilmasdan, haqiqatan ham ishlaydigan va mijozlarni jalb qiladigan ixcham dizaynni yaratish mumkinligiga ishonaman.

Beshinchi qism: Tartib

Men veb-dizayner matn terish qobiliyatiga ega bo'lishi kerak deb o'ylayman. Garchi men bilan rozi bo'lmaydigan dangasa hamkasblar ko'p bo'lishi aniq. E'tibor bering, mening kanalim chaqirilgan veb-dizayn ustasi va hatto darslarni yozishni boshlaganimda ham, men veb-dizayn nima ekanligini va u nimani o'z ichiga olishi haqida aniq tasavvurga ega bo'ldim. Albatta, nimadir o‘zgardi, nimadir o‘zgarishsiz qoldi, lekin men bunday dunyoqarashning o‘ta ob’ektiv ekanligiga borgan sari amin bo‘lyapman.

Men Front-endda kuchli emasman, chunki haqiqiy Front-end chuqur JavaScript, yirik va jiddiy loyihalar uchun murakkab interfeys mantiqini ishlab chiqishdir. Menda boshqacha fikr bor - dasturchi emas, balki dizayner, shuning uchun men o'zimni yoqtirmaydigan sohaga majburlashdan ma'no ko'rmayapman. Ammo men har doim o'z dizaynimni jonlantira olaman va agar kerak bo'lsa, ishlaydigan HTML prototipini etarlicha yuqori darajada qila olaman. Va bu veb-dizayner uchun juda chiroyli variant, chunki sizning narxingiz mutaxassis sifatida kamida ikki marta ko'tariladi. Yangi ufqlarni kashf qilishdan qo'rqmang. Joylashtirish qiyin emas.

Agar siz Front-end dasturchisining tartibini va asosiy ko'nikmalarini egallashni istasangiz, men maslahat beraman:

1. HTML asoslarini tushunish
2. O'rganish nazariyasi. Buning uchun htmlbook.ru saytini o'zlashtirishingizni maslahat beraman. Boshidan oxirigacha, barcha HTML teglari, barcha CSS xususiyatlari
3. Amaliyotda bilimlarni mustahkamlash. Buning uchun quyidagi materiallar menga mos keladi:

HTML maketida yetarlicha materiallar mavjud, shuning uchun bu tartib bilan.

Oltinchi qism: O'z-o'zini o'rganish va o'z-o'zini rivojlantirish

Veb-dizayn va umuman veb-ishlab chiqish boshqa hech kimga o'xshamaydigan sohalardir muhim oladi o'z-o'zini tarbiyalash. Axir, bizda veb-dizayn sohasida mutaxassislarni tayyorlaydigan maktablar, kollejlar va institutlar yo'q (joriy 2016 yil uchun) va sanoatning o'zi to'xtamaydi va siz doimo to'lqinda bo'lishingiz kerak.

UXga kelsak, bu erda hamma narsa tinch va osoyishta. Va bu uzoq vaqt davomida shunday bo'ladi, chunki aslida UX bu psixologiyani o'rganadigan intizom va bu erda yaqin kelajakda biror narsa o'zgarishi dargumon. Bu erda o'z-o'zini tarbiyalash ichki dunyoni, o'z tajribasini rivojlantirishdan iborat. Ma'lumotlar bazasini o'rganib chiqib, siz ko'p yillar davomida xavfsiz ishlashingiz mumkin, faqat vaqti-vaqti bilan ushbu sohadagi yangiliklarni kuzatib boring va yaxshi detektiv hikoyalarni o'qing. Ammo UI-ni o'z-o'zini o'rganish alohida e'tibor talab qiladi, bu erda hayot qizg'in davom etmoqda, vizual dizayndagi tendentsiyalar bir-birini almashtiradi, deyarli har kuni to'ldiradi va rivojlanadi! Men tendentsiyalar va tendentsiyalarga ko'r-ko'rona ergashish tarafdori emasman, lekin amaliyot shuni ko'rsatadiki, tendentsiyalarda oqilona don bor va ularga amal qilish kerak.

UI bo'yicha mahoratingizni oshirishga kelsak, siz bu erda aniq ko'rsatmalar bera olmaysiz, kitobni tavsiya etasiz, shundan so'ng siz chiroyli interfeyslarga ega bo'lasiz. Ammo, shunga qaramay, men o'z tajribamga asoslanib, o'z-o'zini o'rganish men uchun qanday ishlashini maslahat bera olaman.

1. Zamonaviy veb-dizayn ombori bo'lgan ThemeForest-dagi ishlarni doimiy ravishda o'rganing. Ishingizda kontentni ko'rsatishning jozibali shakllaridan foydalanishga harakat qiling, lekin o'zingizni bezovta qilmang va baza - UX haqida unutmang, hamma narsa mavzuda bo'lishi kerak;
2. Bo'shashmaslik uchun awwwards.com saytiga doimiy tashrif buyuruvchi bo'ling va ajoyib ishlarni tomosha qiling ;-)
3. Bundan tashqari, did hissini rivojlantirish uchun vaqti-vaqti bilan behance.net saytida yaxshi ishlarni o'rganish foydali bo'ladi. Mashq qilish uchun vaqt ajrating - o'zingiz yoqtirgan ishni grafik muharrirda amalda takrorlang, lekin hech qanday holatda nusxalaringizni hech qanday joyda nashr qilmang. Bu faqat amaliyot va o'z-o'zini rivojlantirish uchun;
4. O'z shahringiz ko'chalarida reklamani tanqid qiling va qanday qilib yaxshiroq qilish mumkinligi haqida o'ylang;
5. Ko'chalarda UXni tanqid qiling va qancha narsalarni yaxshiroq qilish mumkinligi haqida o'ylang. Yaxshiyamki, bizning postsovet hududida bu borada aylanib yuradigan joyimiz bor. Odamlar haqida o'ylang, odamlar kabi o'ylang.

Muallifdan: Veb-dizaynerning yo'li mashaqqatli va qiyin. Bu erda muvaffaqiyatga faqat qat'iyat va mehnatsevarlik orqali erishish mumkin. Ushbu yo'lga kirishdan oldin, ko'pchilik yangi boshlanuvchilarda juda ko'p savollar tug'iladi: qanday bilimlarga ega bo'lishingiz kerak, veb-dizaynni mustaqil o'rganish yordam beradimi va bu qancha vaqt oladi, qayerda professional ko'nikmalarga ega bo'lish kerak, qanday dasturlarni o'zlashtirish kerak, va hokazo. Ushbu va boshqa dolzarb savollarga men ushbu maqolada javob berishga harakat qilaman.

Asoslardan veb-dizaynni o'zlashtirish qiyin, ammo imkonsiz emas va olingan bilim sizga hayot va martabaning ko'p sohalarida foydali bo'ladi. Veb-dizaynerlar har doim talabga ega, yaxshi mutaxassislar etarli emas, shuning uchun veb-dizayn nafaqat o'zini o'zi anglash imkoniyati, balki daromadingizni oshirish usulidir.

Veb-dizayn nima?

Zamonaviy veb-dizayn nafaqat saytning ko'rinishini yaratish, balki uning joylashuvini ham anglatadi CSS yordamida va HTML. Tayyor sayt tartibi nafaqat ma'lum talablarga javob berishi, balki barcha ma'lum brauzerlar tomonidan to'g'ri ishlov berilishi kerak.

To'g'ridan-to'g'ri tarjimada web-dizayn "tarmoq dizayni" degan ma'noni anglatadi. Veb-saytlarni yaratish jarayoni ijodiy va texnik qismlarni o'z ichiga oladi:

saytning maqsadi, uning funktsiyalari va boshqalarni belgilaydigan texnik rivojlanish bosqichi;

mantiqiy tuzilmani yaratish va foydalanuvchiga ma'lumot taqdim etiladigan shakllarni tanlash;

grafik dizayn - grafik muharrir yordamida saytning joylashuvi;

sayt tartibi - saytning turli brauzerlar tomonidan to'g'ri ko'rsatilishini hisobga olgan holda saytning grafik komponentini kodga aylantirish;

webmastering - sayt joylashtirilgan, qidiruv tizimlari uchun optimallashtirilgan va tarmoq orqali targ'ib qilinadi.

Agar siz o'zingiz veb-dizayner bo'lishni rejalashtirmoqchi bo'lsangiz, o'qitish quyidagi usullar yordamida amalga oshirilishi mumkin:

mavzuli saytlardan darslar va video darslarni mustaqil takrorlash;

veb-dizayn bo'yicha adabiyotlarni o'qish (kitoblar, jurnallar, bloglar);

chiroyli, funktsional, iste'dodli tarzda ishlab chiqilgan saytlarni tahlil qilish orqali ta'm tuyg'usini rivojlantirish;

muntazam amaliyot orqali ishning kasbiy darajasi va tezligini oshirish;

potentsial mijozlar va ish beruvchilar bilan muloqot qilish ko'nikmalarini rivojlantirish.

Ishonch bilan ayta olamanki, har kim veb-dizaynni o'zlashtira oladi, siz ham. Buning uchun kuchli istak, ma'lum bir kuch sarflash va ko'p vaqtni mustaqil o'rganishga ajratish kifoya.

Muvaffaqiyat uchun formula

Agar siz hali ham veb-dizaynni mustaqil ravishda o'rganishning samarali formulasini izlayotgan bo'lsangiz, bu erda siz uchun tayyor harakatlar ketma-ketligi.

O'rta darajagacha grafik muharrirlar bilan ishlashni o'rganing. Bundan tashqari, biz vektor va rastr grafikasi haqida gapiramiz. Eng keng tarqalgan grafik dasturlar Adobe Photoshop, Adobe Illustrator va CorelDRAW. Bu siz barcha asboblarni yoddan bilishingiz kerak degani emas. Bu veb-dizayner sifatida sizning oldingizda turgan vazifalarni eng qisqa vaqt ichida bajarish imkoniyatini anglatadi.

Siz veb-dizaynning asosiy tushunchalarini tushunasiz: balans, kompozitsiya, sayt tartibi, ranglar palitrasi, kontrast, modulli panjara, tekstura, tipografiya va boshqalar. Umuman olganda, siz munosib veb-sayt dizayni yaratish bilan bog'liq hamma narsani tushunasiz.

Studiya toping va u erda ishlashga boring yoki frilanser birjada ro'yxatdan o'ting va amaliyotni boshlang, birinchi navbatda barcha buyurtmalarni ketma-ket bajaring, shunchaki tajriba va obro'ga ega bo'ling. Haqiqiy buyurtmalar ustida ishlash - veb-dizaynni mustaqil ravishda o'rganishning ajoyib usuli.

O'qishni, o'qishni va yana o'qishni unutmang. Avvaliga sizning darajangiz Photoshop-da chizmalarni chizish darajasida bo'ladi (ba'zi "baxtsiz dizaynerlar" shu darajada qoladi), keyin sizning doimiy mijozlaringiz va yaxshi daromadlaringiz bo'ladi, keyin siz, masalan, san'at direktori bo'lishingiz mumkin. studio va boshqalar - bu o'z-o'zini takomillashtirish yo'li cheksizdir.

Qanday qilib o'zingizni yaxshi holatda saqlashingiz mumkin?

Veb-dizaynerlarning "yuqori kastasida" ishonchli o'rinni egallash uchun siz uzoq va qattiq ishlashingiz, mashq qilishingiz, dizayn mahoratingizga tanqidiy yondashishingiz, ilhom olishingiz va "do'kondagi hamkasblaringizdan" o'rganishingiz, oflayn rejimda qo'shimcha ta'lim olishingiz va onlayn kurslar, veb-dizayn bo'yicha darsliklar.

Veb-sayt dizaynini yaratishda asosiy ko'nikmalarga ega bo'lganingizdan so'ng, texnik va badiiy arsenalingizni asta-sekin kengaytiring. Sohadagi barcha innovatsiyalar va tendentsiyalarni kuzatib boring, ishingizga yangi xususiyatlarni kiriting, yangi dasturlar, uslublar va vositalarni o'rganing, mijozlar bilan muloqot qilish ko'nikmalaringizni yaxshilang.

Bu sizni va dizaynlaringizni yanada dolzarb, original va raqobatbardosh qiladi, shuningdek, professional o'sishingizga yordam beradi.

Veb-dizaynni o'zlashtirish uchun qancha vaqt ketadi?

Men yaqinda forumda quyidagi yozuvni ko'rdim:

Endi tushundingizmi, nima uchun o'zini veb-dizaynerlar deb e'lon qilgan olomon orasida yaxshi mutaxassislar hali ham etarli emas? Veb-dizayn shunchaki chiroyli rasm yoki sifatli bosqichma-bosqich video darslikni taqdim etish qobiliyati emas.

Men sizga bir sirni aytaman: haqiqiy dizayner o'zini muhandis kabi tutishi kerak, ular uchun saytning go'zalligi emas, balki uning samaradorligi birinchi o'rinda turadi. Sahifaning har bir elementi o'ziga yuklangan rolni bajarishi va saytning asosiy maqsadiga mos kelishi kerak. Sizningcha, ko'pchilik saytlar qanday maqsadga xizmat qiladi? To'g'ri, foyda olish uchun xamirni mixlash!

Shuning uchun, agar bir necha oy o'zingiz veb-dizaynni o'rganishga urinib, Photoshop bilan shug'ullansangiz, sizda shunday fikr paydo bo'lsa: "Mana shunday, men veb-dizaynerman va men veb-saytlar qila olaman", buni eng shafqatsiz tarzda belgilang. . Mashhur dizaynerlarning saytlariga yoki faqat o'zingiz yoqtirgan saytlarga lupa bilan qarang. Hamma narsani tashlab, yuk ko'taruvchi bo'lib ishlashni xohlaysizmi? Bo'ldi shu!

Veb-dizayner sifatida sizning vazifangiz saytga tashrif buyuruvchida ma'lum his-tuyg'ularni uyg'otadigan tasvirni yaratish va uni harakatlarga undash, masalan, ro'yxatdan o'tish, axborot byulleteniga obuna bo'lish, ma'lum bir mahsulotni sotib olish va hokazo. Buning uchun sizga kerak. nafaqat Photoshop, balki marketing texnikasi, brending va joylashishni aniqlash, tartib asoslari, HTML va CSS, qulaylik tamoyillari, kopirayter va axborot arxitekturasini ham o'rganing.

Bu erda men darsimni yakunlayman. Va nihoyat, shuni ta'kidlamoqchiman: agar siz o'zingiz veb-dizayner bo'lishning oson yo'lini izlayotgan bo'lsangiz, unda oltin tog'larni kutmasligingiz kerak. Agar siz mehnatsevar, mas'uliyatli bo'lsangiz, qilayotgan ishingizni sevsangiz va o'z kuchingizga ishonsangiz, unda siz uchun hamma narsa albatta amalga oshadi.

Hammaga omad va yaxshi kayfiyat! Yangilanishlarimizga obuna bo'ling va birinchi navbatda eng so'nggi veb-dizayn maqolalarini oling!