Sketch-da UX dizayni bilan ishlashni boshlash

Yangi UX dizaynerlari va dizaynerlik talabalari uchun astar

So'nggi ikki yil ichida biz UX Power Tools-da eskiz bo'yicha maslahatlar haqida ko'p yozdik va men ularni UX-ga kirishni boshlayotgan dizaynerlarga yordam beradigan tarzda tashkil qilmoqchi edim.

Shuni ham ta'kidlash kerakki, men qaysi vositaning eng yaxshisi ekanligi haqida bahslashmayman - shunchaki siz allaqachon Sketch eng yaxshi ekanligini angladingiz va uni UX dizayneri sifatida qanday ishlatishni bilishni istayman

Men maqolalarimni yangi dizaynerlarning tajribasidan mahoratga qanday o'tishini tasvirlaydigan 5 qismga ajratdim.

  • Fikrlar chiqarish
  • Ishni boshlash
  • Tezroq olish
  • Aqlli bo'lish
  • Vizual olish

Fikrlarni chiqarish

UX dizayni vositalarga murojaat qilishdan oldin boshlanadi - bu g'oyalarni sizning boshingizga tushirish nuqtasidan boshlanadi (... aslida u tadqiqotlar bilan boshlanadi, ammo ushbu maqolani 20 daqiqa davomida saqlashga imkon bering).

Rostini aytsam, darhol raqamli vositalarga sakrab chiqaman. Ammo bu ko'p jihatdan men o'zimning dizaynerlik guruhim bilan birgalikda oq doskada boshim va chizmalarimni ko'proq bajarayotganim bilan bog'liq. Endigina boshlayotgan UX dizaynerlari muammo maydonini o'rganishda va xatolar qilishda haqiqatan ham past darajada sodiq qolishlari kerak.

Ekrandan biron bir narsani olishga tayyor bo'lganingizdan so'ng, buni ikkita usul osonlashtiradi deb o'ylayman. Birinchisi, Freehand deb nomlangan InVision vositasi, biz ko'rib chiqdik:

Dizaynning ushbu bosqichini osonlashtiradigan ikkinchi vosita Mett D. Smit tomonidan Flowkit deb nomlangan Sketch uchun premium kutubxonalar to'plami. Bu $ 29 narx yorlig'iga arziydi.

Bu nafaqat sodda telframma uchun juda yaxshi, balki sizning dizayningizni etkazish uchun asosiy ish oqimlarini yuqori aniqlikda xaritalashingiz kerak bo'lganda dizaynning keyingi bosqichlarida foydalanish mumkin.

Ishni boshlash

UX Design uchun Sketch-ning uzoq va uzoqdagi eng katta kuchi bu narsalarni takrorlanadigan va tez bajarishga qaratganligidir.

Sketch dizaynerlari Shared Styles kabi oddiy va qudratli narsalardan yoki Nested Ramzlar kabi so'nggi yutuqlardan foydalanmasliklari hali ham hayajonli. O'ylaymanki, dizaynerlar sabrsizlanib, narsalarni chiqarishni xohlashadi. Men umuman olaman.

Ammo ajoyib dizayn faqat dizayner tomonidan tashkil etilganidek yaxshi. Bizga pishirish metaforasi yoqadi:

Va shuningdek biz Stil jadvallari kontseptsiyasini koddan dizayngacha kengaytirishni yaxshi ko'ramiz (biz buni yozganimizdan beri dizayn tizimlari haqiqatan ham sahnada portlab ketgan, ammo bugungi kunda ushbu texnikalarning aksariyati bugungi kunda ham dolzarbdir):

Va nihoyat, eskizda loyihani qanday boshlash haqida muqaddas maqolalar uchun (hamma papkaning tuzilishiga qadar):

Sketch-da tartiblarni qanday sozlash haqida bonusli maqola bilan:

Tezroq olish

Xo'sh, endi siz eskiz loyihasini qanday qilib samarali boshlashni tushunganingizdan so'ng, asbob bilan ishlashni boshlash vaqti keldi. Shaxsan men dizaynerni loyihalashda hech qanday yorliqlardan foydalanmayotganini ko'rish juda haqoratli deb hisoblayman - demoqchimanki, bu ruhimga juda qattiq ta'sir qiladi. Bu yigit / gal bo'lma:

Ushbu maqolani yozganimizdan beri bir yarim millionga yaqin yangi vositalar va plaginlar paydo bo'ldi, lekin rostini aytsam, Sketchning eng yaxshi sheriklari mening fikrimcha aslida o'zgarmagan (Nudg.it hozirda Sketchda, Anima-da qo'llab-quvvatlanadi) ba'zi qismi Sketch-ning joylashish funktsiyasida pishirilgan bo'lsa ham foydalidir):

Maslahatlar va fokuslar

Jon Mur o'z aql-idrokini soddaligi va kuchiga ta'sir qiladigan bir nechta maqolalarda aytib bergan:

Aqlli bo'lish

Siz loyihani qanday sozlashni bilasiz, Sketch yordamida qanday qilib tezroq ishlashni o'rgandingiz va endi bularning barchasini UX dizayniga qo'llash vaqti keldi.

Yuqorida aytib o'tganimdek, Sketch UX dizayni uchun juda mos keladi, chunki u takrorlash, izchillik va modullikni osonlashtiradi. UI elementlarini aqlli qilish uchun Sketch-dan qanday foydalanishning bir nechta misollari (va ularning barchasi bepul bilan birga keladi):

Piktogramma va grafiklardan samarali foydalanish

Keyingi bo'limda UX-ning vizual dizayni tomonini yoritamiz, lekin grafika bilan shug'ullanish ko'pincha UX dizaynerining g'ildirakchasidan tashqarida bo'ladi. Belgilarni yaratish haqida tashvishlanishning o'rniga, ularni qanday ishlatganingiz haqida aqlli ma'lumot oling:

O'rnatilgan belgilar aslida bir oz avtomatlashtirishi mumkin:

Nihoyat, agar men Sketchning so'nggi 12 oy ichida eng katta yutug'ini ko'rsatmagan bo'lsam, xursand bo'lardim - Kutubxonalar:

Vizual olish

Go'yo bularning barchasi etarli emas edi, bugungi kunda UX dizaynerlari vizual dizayn haqida gap ketganda ko'proq talablarga javob beradigan standartga ega.

UX dizayni bilan shug'ullanishni boshlaganimda, men loyihalash uchun kerak bo'lgan "materiallar" bilan tanishishni qiyinlashtirdim: tomonlar nisbati, shrift o'lchamlari, vazn, rang kontrasti va boshqalar.

Yaxshilanish uchun men mavjud mahsulotlarni nusxalash bilan boshladim, shunda UI qanday tashkil etilganligi to'g'risida tasavvurga ega bo'ldim.

Biz o'tgan yilni yoritdik va Sketch-da qayta yaratilgan bir nechta oddiy mahsulotlarga havolalarni taqdim etamiz (garchi ularning ba'zilari keyinchalik qayta ishlangan bo'lsa ham):

U erdan siz o'zingizning dizayningizga biroz kamchilik qo'shish uchun ba'zi bir kichik texnikadan foydalanishni boshlashingiz mumkin:

Ammo shuni unutmangki, aniq namunaviy ma'lumotlar vizual dizaynning o'zi kabi vizual dizayn uchun juda muhimdir:

* biz hech qachon 2-qismni yozmadik

Va nihoyat, ammo ahamiyatsizki, karerangizning biron bir vaqtida siz boshqaruv panelini loyihalashga to'g'ri keladi va bu ko'pincha UX dizayneri uchun eng katta tushlarning biri hisoblanadi. Shaxsan men asboblar paneli jadvalga minimal qiymat keltirishini aniqladim, shuning uchun jadvallarni yaxshi ko'rinishga ega bo'lish uchun kunlarni sarflamasligim kerak:

Bu 18 oy davomida UX Power Tools yordamida dizaynerlarga yordam berdi. Sketch, shubhasiz, dizaynerlarning arsenalida bo'lishi kerak bo'lgan yagona vosita emas, ammo bu eng kuchli hisoblanadi. Umid qilamanki, ushbu ilova UX karerasini endi boshlayotgan yoki sizning dizayningiz uchun Sketch-ga o'tishni boshlayotganlarga yordam beradi.

Agar siz yangi loyihalarni boshlash uchun juda mos bo'lgan vanil dizayni tizimiga qiziqsangiz, biz siz qurganlarimizni ko'rib chiqsangiz yaxshi bo'lardi. Ular sizga minglab soatlik dizayn vaqtini tejashga imkon beradi:

Medium-da Sketch maqolalarini to'plamaganimda, sizni yanada yaxshi va samaraliroq dizayner qilish uchun UX Power Tools-da Sketch dizayn vositalari ustida ishlamoqdaman.

Twitter-da UX Power Tools-ga rioya qiling
Tvitterda meni kuzatib boring