01dan 09gacha
O'zingizni UXPin bilan qanday boshlash mumkin
Mobil dizayn sohasiga aylanib borganimizdek, app dizaynini va sezgir dizaynni UX (User tajribasi) va teleferiklar , interaktiv prototiplar va mockuplarga qaratishda ko'proq e'tibor qozondi. Bu joyga yo'naltirilgan bir tonna vositalar mavjud va ular murakkab, o'ziga xos yuklangan behemotalardan sekin va foydaliroq foydalanishga to'la gamutni boshqaradi. Mening ko'zimga tushgan asboblardan biri UXPin, chunki u dizaynerlar uchun dizaynerlar tomonidan ishlab chiqilgan.
Biz oldinga surishdan oldin ... ogohlantirish. Sizning dasturingiz dasturiy ta'minotga ega bo'lgan tashkilot bo'lsa UXPin siz uchun emas. Ushbu dasturda amalga oshirilgan barcha ishlar brauzerda amalga oshiriladi va siz saqlagan loyihalar hisobingizga saqlanadi.
UXPin bilan ishlashni boshlash uchun siz brauzerni ishga tushirasiz va UXPin-ga boshlaysiz. Bu yerdan bepul sinov uchun ro'yxatdan o'tishingiz yoki oldindan rejalashtirilgan ehtiyojingizga qarab oylik rejani tuzishingiz mumkin. Ro'yxatga olish jarayoni juda oson va sizning foydalanuvchi nomi va parolingizni o'rnatganingizdan so'ng siz boshlashingiz mumkin.
02 ning 09
UXPin-da loyihani qanday boshlash kerak
Siz kirganingizda, Dashboardga kelasiz va shu yerdan siz yangi teleframe, yangi mobil loyiha yoki javobli veb-dizayn loyihasini yaratishga qaror qilishingiz mumkin. Photoshop yoki Sketch loyihalarini taqdim etishga imkon beruvchi UXPin plaginlari ham mavjud. Buning uchun men ba'zi matn bilan banner yaratish va bannerga e-pochta tugmasini qo'shishni rejalashtirmoqdamiz. Buni amalga oshirish uchun tanlangan yangi teleframe yaratish.
03 dan 09 gacha
UXPin interfeysini qanday ishlatish kerak
Dizayn yuzasi to'rtta maydonga bo'linadi. Chapdagi qora qismda asboblar paneliga qaytib, foydalanadigan elementlarni ochish, Smart Elementlar panelini ochish, elementlarni qidirish, sahifaga eslatma qo'shish va jamoa a'zolarini qo'shish imkonini beradigan bir qator vositalar mavjud. Pastki qismda siz qisqa kursatkichni ochadigan tugmachani, ikkinchisiz sizning hisobingizga kira olishingizni va boshqa savollar bilan tanishib chiqishni ta'minlaydi. Keling, savol berasiz va hatto fikringizni bildirasiz.
Yuqori qismidagi ko'k sohada bir qator asboblar va xususiyatlar mavjud. O'ng tarafdagi qorong'u tugmalar sizning dizayningizni takrorlash, loyiha parametrlarini sozlash, sahifani almashish va sahifadagi brauzer simulyatsiyasi qilish imkonini beradi.
Elementlar paneli - Ustki yuza uchun bit va qismlarni egallash, loyihangizni nomlash va sahifalarni qo'shish yoki olib tashlash.
Elements kutubxonasi UX dizaynerlari uchun yoqimli ajablanib. Ushbu pop-up iOS-dan Android Lolipop-ga qadar bo'lgan 30 ta kutubxonani tanlash imkonini beradi. Bundan tashqari, siz Bootstrap va Foundation elementlariga, shuningdek, harflarning ajoyib belgilarini, mobil qurilmalar uchun Gesture piktogrammalarini va Ijtimoiy Vidjet to'plamlarini ko'rishingiz mumkin.
04 da 09
UXPin sahifasiga element qo'shish
Ishni boshlash uchun, menyu elementini dizayn yuzasiga sudrab qo'ydim va sichqonchani bo'shatganda, Xususiyatlar paneli ochiladi. Xususiyatlar tugmasi elementni nomlash va elementning kengligi va joylashuv qiymatlarini belgilash imkonini beradi. Bundan tashqari, elementga to'ldirishni qo'shishingiz, burchaklarni yumalab olishingiz va shaffofligini sozlashingiz mumkin. Orqa fon rangi tugmasini bosgandan so'ng, RGBA rang tanlovi ochiladi.
Tanlangan elementga shrift, chegara va naqsh belgilashingiz mumkin. Yildirgi bolt tanlangan elementga interaktivlik kiritish qobiliyatini beradi.
05 dan 09 gacha
UXPin-da matn kiritish va formatlash
Matn qo'shish uchun, matn elementini dizayn yuzasiga harakatlantiring va matningizni kiriting. Shrift xususiyatlarini ochish va matningizni formatlash uchun Matn buyrug'ini bosing. Agar siz qo'g'irchoq matn blokiga kerak bo'lsa, matn elementini qo'shing va Font xususiyatlarida GENERATE LOREM IPSUM tugmasini bosing.
06 dan 09 gacha
UXPin sahifasiga rasm qo'shish
Ushbu vazifani bajarish uchun bir necha usul mavjud. Image asbobini asboblar panelida ishlatishingiz, kutubxonadan rasm elementini qo'shishingiz yoki ish stoli rasmingizni yuqorida ko'rsatilgandek dizayin yuzasidagi elementga osib qo'yishingiz mumkin.
07 of 09
Qanday UXPin sahifasiga tugma qo'shish
Yuqorida ko'rsatilgandek, Button elementi mavjud bo'lsa ham, " Button " ni qidirish maydoniga kiritib, barcha kutubxonalarda joylashgan barcha tugmachalarni ochadi. Siz uchun dizaynerlar yuzasiga ishlaydigan birini sudrab olib, rangi, harfini va chegara radiusini o'zgartirish uchun Xususiyatlardan foydalaning. Tugmani ichidagi matnni o'zgartirish uchun matnga bir marta bosing va yangi matnni kiriting.
08 of 09
Interaktivlikni UXPin sahifasiga qo'shish
Bu birinchi navbatda paydo bo'lishi kabi murakkab emas. E-pochtani kiritish uchun men kiritilgan elementni qo'shdim, o'lchamlarini o'zgartirdim, matnni kiritdim va matnni formatladim. Kirish elementi tanlanganidan keyin Xususiyatlar tugmachasini bosing va Element xususiyatlari paydo bo'lganda paneli yuqori o'ng burchagidagi Visibility tugmasini bosasiz.
Tugmani tanlang va ta'sir o'tkazish tugmalari - Yildirim Bolt- ni bosing . Interfaollar paneli ochilganda, Yangi o'zaro ta'sir-ni tanlang. Trigger-ni ochish-ni tanlang. Faoliyat sohasida Elementni ko'rsatish-ni tanlang. Endi sizga qaysi elementni ko'rsatishi so'raladi. Qurol-muhbirda bir marta bosing va Input elementiga bosing. Belgilangan element bilan, endi elementni jonlantirish yoki qilmaslikni aniqlashingiz mumkin. Bu holatda Kirish qutisini qulaylik bilan ko'rsatishga qaror qildim va 300 ms ning standart qiymati bilan bordim.
Bundan tashqari, tugmani bosilganda tugma 65 piksel o'ng tomonga harakatlanishini xohlayman. Men tugmani tanladim, Interaction panelini ochdim va Yangi Shovqinni tanladim. Men ushbu sozlamalarni ishlatdim:
- Trigger : bosish
- Amal: harakatga o'tish
- Yo'lni yo'naltirish : x o'qi bo'yicha 65 px
- Animatsiya : chiziqli
- Vaqti: 300 milodiy
Shovqinni olib tashlash uchun elementni tanlang va Shovqinlar panelini oching. Paneldan shovqinni tanlang va uni yo'q qilish uchun Axlat qutisi-ni bosing.
09 dan 09 gacha
UXPin-dagi sahifangizni qanday sinab ko'rish
Brauzerda ishlayotganingiz sababli, test oddiy hisoblanadi. Tasvirni takrorlash tugmasi-ni bosing. Sahifa brauzerda ochiladi va siz uni tekshirishingiz mumkin. Bundan tashqari, sahifaning chap tomoniga sharhlar, bir nechta sahifalar mavjud bo'lsa, bir Sayt xaritasi, mavjudlik testi, Jonli almashish, tahrirlash va Boshqarish paneliga qaytish uchun ruxsat beruvchi panel qo'shiladi.
Sahifaning pastki qismida interaktiv elementlarni ko'rsatish, sharhlar ko'rsatish yoki yashirish va loyiha havolasini boshqalar bilan baham ko'rish imkonini beruvchi yana bir kichik panel mavjud.