UI prototiplari

O'zaro ta'sirlanishlar va animatsiyalar, o'tish va sharoitlar. Ushbu 35 UI prototiplari muammolari sizning prototiplash ko'nikmalaringizni eng yuqori darajaga ko'taradi!

Birinchi 15-vazifa oldindan tanlangan vositalarning keng funktsional imkoniyatlari bilan bog'liq muammolarni qamrab oladi. Ikkinchi 10 ta qiyinchilikda siz foydalanmoqchi bo'lgan va o'rganmoqchi bo'lgan o'ziga xos vositani tanlashingiz mumkin.

Mac-ga ega bo'lganlar uchun: omadingiz bor! Yakuniy 10 ta vazifa faqat Mac-vositalariga asoslangan.

Ushbu UI prototiplari muammolari IXD100 seriyasining bir qismidir.

Chizmali jahl

№ 46/100

Prototipda veb-shovqinlarning umumiy namunalarini yarating. Ushbu dizayn topshirig'i mavzusi sizning ixtiyoringizda!

Asbob: InVision
Darajasi:

Splash

№ 47/100

Ro'yxatdan o'tish uchun ajoyib mahsulot yoki xizmat nima? Siz buni aniqladingiz .. Ishlaydigan CTA bilan yorliqli sahifani yaratmasdan oldin.

Kontrast modali, foydalanuvchini kiritish va (status) javoblari va boshqalar kabi narsalarni o'ylab ko'ring.

Asbob: Adobe XD
Darajasi:

Kirish oqimi

№ 48/100

Shaxsiy javoblar (va xato xabarlari) bilan kirish oqimini prototiplash.

'Men tizimga kirishim mumkin, siz kimligimni bilasizmi? Qanday yaxshi! '

O'zgaruvchilar va kiritish elementlaridan foydalanish haqida ma'lumot oling.

Asbob: Atomic.io
Darajasi:

Sayohat joyi

№ 49/100

Yirik samolyot uchun sayohat qilish uchun mos keladigan sahifani yarating. Siz yo'nalishni belgilaydigan aviakompaniyani tanlaysiz.

Internetda, planshetda va telefonda u qanday ko'rinishga ega va o'zini qanday his qiladi?

Asbob: Adobe XD
Darajasi:

Festival tarkiblari

# 50/100

Umuman olganda A (musiqa) festivali turli sahnalarda bir nechta tadbirlarga ega. Shunday qilib, uning veb-saytida aniq va kuchli navigatsiya dizayni bizga eng yaxshi rassomlarni va shoularni osongina topishga yordam beradi!

O'zingiz yoqtirgan festival uchun turli xil (veb) navigatsiya naqshlarini tekshiring va tushunish oson, filtrlanadigan va qidiriladigan qidiruv san'atkorlarining prototipi.

Asbob: InVision
Darajasi:

Hikoyalar sahifasi

№ 51/100

"Bir sahifada" hikoya veb-saytini yarating va dizayningizda parallaks effektlari bilan o'ynang.

Mavzu? Faqat aqldan ozing

Asbob: Atomic.io
Darajasi:

Keling ko'rishamiz

№ 52/100

Hammani bir joyga to'plash osonroq tuyuladi. "Uchrashuv rejasini tuzish" tajribasini qayta loyihalashda o'qqa tuting.

Asbob: Adobe XD
Darajasi:

Haftalik oziq-ovqat mahsulotlari

№ 53/100

Intuitiv oziq-ovqat ro'yxatini yaratish uchun shartli triggerlardan foydalaning. Biz mahsulotlarni qo'shishni va buyumlarni kesib o'tishni xohlaymiz.

Banan kabi ..

Asbob: ProtoPie
Darajasi:

Reysni bron qiling

№ 54/100

Internetda buyurtma berish tajribasini prototiplash. Biz biznes-klassni AMS-dan JFK-ga uchishni yaxshi ko'ramiz!

Asbob: InVision
Darajasi:

Qo'shiqni tekshirish!

№ 55/100

'Shazam like' qo'shig'ini tekshirib ko'ring. Siz musiqani tasavvur qila olasizmi va bizni yoqimli pleylistga yo'naltira olasizmi?

Datchikni ishga tushirish usuli bo'lishi kerak!

Asbob: ProtoPie
Darajasi:

Bortda

№ 56/100

Yangi onlayn sinfga (xonaga) bortli jarayonning yo'naltirilgan o'zaro ta'sirini loyihalash va prototiplash.

Keyingi mahorat darsingiz haqida nima deysiz?

Asbob: InVision
Darajasi:

Fayl yuklagich

№ 57/100

Faylni mikro shovqinni yuklash uchun dizayn va prototip. Bu shunchaki elementmi yoki u sahifa / ilovadagi boshqa elementlar bilan o'zaro ta'sir qiladimi?

Aniqroq shovqin yaratishda animatsiyadan foydalaning.

Asbob: Atomic.io
Darajasi:

Shahar do'sti

№ 58/100

Nyu-York shahrini kashf qilish uchun ideal do'stni topish xavfsizligini ta'minlaydigan ming yilliklar davomida mobil tajriba dizayni va prototipi.

Do'st qidirayotgan odamning va qabul qilish oxirida bo'lgan kishining nuqtai nazarini ko'rishni yaxshi ko'ramiz. Ideal do'st topilgach, shaharni o'rganish tajribasini yanada yaxshilash uchun ushbu mahsulot yana nima qilishi mumkin?

Asbob: ProtoPie
Darajasi:

To'lashga tayyormisiz?

№ 59/100

Elektron tijorat veb-ilovasi yoki ilovasi uchun chiqish oqimini prototiplang. To'lovni amalga oshirish uchun kredit karta va barcha qo'shimcha ma'lumotlarga ega ekanligingizga ishonch hosil qiling! Intuitiv oqim yaratish uchun bizga shartlar, o'zgaruvchan foydalanuvchi kiritish va silliq animatsiyalar kerak.

Haqiqatan ham kulgili bo'lishni xohlaysizmi? Xarid savati tarkibini import qilish uchun dinamik ma'lumot manbasidan foydalaning!

Asbob: Atomic.io
Darajasi:

Simsiz ulashish

# 60/100

Uyali aloqa uchun simsiz (masalan, NFC) o'zaro ta'sirini loyihalash va prototiplash. Buning uchun sizga ikkita telefon (ko'prik) va ularning datchiklari kerak bo'ladi, ammo nima yuborishingiz sizga bog'liq!

Ps Biroz tebranishni yoki tebranishni yaxshi ko'ramiz

Asbob: ProtoPie
Darajasi:

Chizmali jahl

№ 61/100

Prototipda mobil shovqinning umumiy namunalarini yarating. Ushbu dizayn topshirig'i mavzusi sizning ixtiyoringizda!

Asbob: Tanlash uchun bepul! Siz biron bir yangi narsani sinab ko'rishingiz mumkin ;-)
Darajasi:

Imo-ishora aqldan ozgan

№ 62/100

Onlayn ravishda "Sensorli imo-ishora kartalarini" toping va har bir toifadan bitta yoki ikkitasini prototiplashga harakat qiling. Mavzu siz tanlagan narsadir, imo-ishoralar uchun qanday imkoniyatlarni topishingiz mumkin?

Asbob: Tanlash uchun bepul! O'zingiz bilgan vositalarda yanada aniqroq bo'ling yoki yangi funktsiyalarni sinab ko'ring!
Darajasi:

Vimeo xodimlari tanlamoqda

№ 63/100

Xodimlar Vimeo-ni tanlab olishadi - siz topishingiz mumkin bo'lgan juda chiroyli va noyob filmlar. Kanal sahifasini va kino sahifalaridan birini qayta yarata olasizmi .. Albatta ishlaydigan kino pleyeri bilan!

Asbob: Tanlash uchun bepul! Siz biron bir yangi narsani sinab ko'rishingiz mumkin ;-)
Darajasi:

Kitob qurti

# 64/100

Bookwormlar ikkita narsani yaxshi ko'radilar: yoqimli o'qish tajribasi va to'plamga yangi qo'shimchalar topish uchun ajoyib ko'rish imkoniyatlari. Sizning vazifangiz bu ehtiyojlarni qondirishdir!

Oddiy ko'rib chiqish va aniq navigatsiya yonida biz kitoblarni o'qishning innovatsion usulini ko'rishni yaxshi ko'ramiz!

Asbob: Tanlash uchun bepul! O'zingiz bilgan vositalarda yanada aniqroq bo'ling yoki yangi funktsiyalarni sinab ko'ring!
Darajasi:

Bir qarashda

№ 65/100

Bilagingizda nima qila olishingizni xohlaysiz? Smartwatch tajribasini loyihalash va prototiplash.

Android yoki Apple Watch-ni tanlang, tanlov siznikidir, lekin ko'rsatmalar va naqshlarni tekshiring.

Asbob: Tanlash uchun bepul! Siz biron bir yangi narsani sinab ko'rishingiz mumkin ;-)
Darajasi:

Konferentsiya jadvali

№ 66/100

Konferentsiyada ko'pincha ko'rish va tajriba qilish juda ko'p. Ko'p bosqichli konferentsiyaning (TNW yoki SXSW kabi) interfaol jadvalini prototiplang, shunda biz eng yaxshi ma'ruzachilarni topamiz va ularni saqlab qo'yamiz.

Asbob: Tanlash uchun bepul! O'zingiz bilgan vositalarda yanada aniqroq bo'ling yoki yangi funktsiyalarni sinab ko'ring!
Darajasi:

Yordam!

№ 67/100

Onlayn sinfimizga (xonaga) moslashish uchun chatga asoslangan yordam modulini prototiplang. Keyingi masterklassingizni eslaysizmi?

Asbob: Tanlash uchun bepul! Siz biron bir yangi narsani sinab ko'rishingiz mumkin ;-)
Darajasi:

Qiyin shakl elementi

№ 68/100

Bir nechta tanlovlarni amalga oshirishga imkon beradigan ochiladigan shakl shaklini loyihalash va prototiplash. Bu oson bo'lishi kerak, to'g'rimi?

Asbob: Tanlash uchun bepul! O'zingiz bilgan vositalarda yanada aniqroq bo'ling yoki yangi funktsiyalarni sinab ko'ring!
Darajasi:

Kechki ovqat tayyor

№ 69/100

Oshxonada ishlatilishi mumkin bo'lgan retsept ilovasini prototipi .. pishirish paytida!

Asbob: Tanlash uchun bepul! Siz biron bir yangi narsani sinab ko'rishingiz mumkin ;-)
Darajasi:

Bepul tanlov

# 70/100

Nomi nima! Siz o'zingizning sevimli vositangiz bilan veb yoki ilova prototipini yaratishingiz mumkin. Nega endi yashirin ishlayotgan joyda biron narsani qilmasligingiz kerak? ;-)

Sizning eng yaxshi prototiplash qobiliyatingizni namoyish qilmaslik uchun hech qanday sabab yo'q!

Asbob: Tanlash uchun bepul! O'zingiz bilgan vositalarda yanada aniqroq bo'ling yoki yangi funktsiyalarni sinab ko'ring!
Darajasi:

Chat-effekt

№ 71/100

Prototip va jonli chat xabarlari xabarlar yoki stikerlarni qabul qilish va yuborish kabi mikro shovqinlarni.

Qanday qilib ajoyib foydalanuvchilaringizni hayratda qoldirishingiz va xursand qilishingiz mumkin?

Vositasi: Mac uchun Flinto
Darajasi:

Netflix va ..

№ 72/100

Siz nima yaxshi bo'lishini bilasizmi? Do'stlarimiz tomosha qiladigan Netflix seriyasining ijtimoiy tasmasi. Bilasizmi ... filtrlar bilan va o'z ro'yxatimga ajoyib shoularni qo'shish imkoniyati.

O'tkazish, tablarni va eng muhimi, Principle for Mac uchun tarkibiy qismlardan foydalanishni o'rganishga imkon beradi.

Asbob: Mak uchun printsip
Darajasi:

Twitter profil

№ 73/100

Origami ko'nikmalarini rivojlantirish uchun biz twitterlarni mobil ilova profilining sahifasini qayta yaratishni boshlaymiz.

Aylantirishni, mantiq qo'shishni va ekranga o'tishni qanday ishlatishni bilib olaylik. Ba'zi tvitlarga tegishingiz mumkinligiga ishonch hosil qiling, lekin tahrirlash materiallarini qoldiring.

Asbob: Origami
Darajasi:

Kod akademiyasi

№ 74/100

Framerlarning kodlash imkoniyatlarini o'rganish uchun siz iPhone Music ilovasini qayta yaratasiz! Bilamizki, bu juda qiyin, shuning uchun siz bu masalada ozgina yordam olasiz.

Ishni boshlash uchun fayllarni va qo'llanmani https://goo.gl/36GY2D-da oling. Agar xohlasangiz, Sketch-dan foydalanib, dastur dizaynida o'zgarishlar qilishingiz mumkin .. va yaxshiroq qo'shiqlarni tanlang

Asbob: Framer, Sketch (ixtiyoriy)
Darajasi:

Ovqat nima

№ 75/100

Kechki ovqat retsepti kartalarini aylantiring va ikkalasini kattalashtiring.

Btw, siz GIF va filmlarni Printsipialga eksport qilishingiz mumkinligini bilarmidingiz? Onlayn portfellar uchun juda yaxshi.

Asbob: Mak uchun printsip
Darajasi:

Shaharni jonlantiring

№ 76/100

Siz tanlagan xalqaro shahar uchun shahar qo'llanmasini prototiplash uchun jonlantirilgan translyatsiyalardan foydalaning!

Vositasi: Mac uchun Flinto
Darajasi:

Kuchni ishlating

№ 77/100

Mobil telefoningizning 3D-sensorli imkoniyatlaridan foydalangan holda film treylerlari dasturini oldindan ko'rish / o'ynash uchun pop-prototip qiling.

Sevimli kinoda bu hafta bo'lajak filmlar qanday?

Asbob: Framer
Darajasi:

Bo'ronli 🌦

№ 78/100

Ob-havoning so'nggi ilovasi nima? Ulardan biri "Vaqtli o'tish", "tebranish" effektlari, ba'zi bir kompas harakatlar, 360 ta video yoki panoramali fotosuratlar, foydali animatsiyalar va siz prototip qilishingiz mumkin bo'lgan barcha ajoyib narsalar.

Qabul qilganingizni bizga ko'rsating!

Asbob: Origami
Darajasi:

Musiqa pleeri

№ 79/100

Ma'lumot manbai sifatida "ochiq Spotify API" dan foydalanadigan olma yoki android taqiladigan qurilma uchun "ishlaydigan" musiqa pleyerini prototipi.

Aqlli soatlar bo'yicha ko'rsatmalar bilan yana yangilansin!

Asbob: Framer
Darajasi:

Bepul tanlov

№80 / 100

Nomi nima! Siz o'zingizning sevimli Mac vositasi yordamida veb yoki ilova prototipini yaratishingiz mumkin. Nega endi yashirin ishlayotgan joyda biron narsani qilmasligingiz kerak? ;-)

Sizning eng yaxshi prototiplash qobiliyatingizni namoyish qilmaslik uchun hech qanday sabab yo'q!

Asbob: Mac to'plamini tanlash uchun bepul! O'zingiz bilgan vositalarda ko'proq ishonchlilik yarating yoki yangi funktsiyalarni sinab ko'ring!
Darajasi:

Siz olovdasiz!

Siz ko'proq qiyinchiliklarni topishingiz mumkin
boshqa IXD100 seriyasida!