Eslatma:

Ayni paytda ushbu seriya 30 ta muammoning 21 tasini o'z ichiga oladi. Qolgan qiyinchiliklar tezda qo'shiladi!

UI dizayni

Biz sizning kontseptsiyangizni va UI dizayn ko'nikmalarini tezlashtirish uchun 30 ta dizayn muammolarini yaratdik. Birinchi 15 innovatsion tushunchalarni yaratishga va tushunish oson bo'lgan rasmlarga qaratiladi. Yakuniy 15 sizga chiroyli va yaxshi ishlangan interfeyslarni yaratish uchun Sketch va Adobe CC to'plami kabi taniqli dizayn vositalariga kirishga imkon beradi.

Ushbu UI dizaynidagi qiyinchiliklar IXD100 seriyasining bir qismidir.

Asosiy amaliyot

№16 / 100

Uchta sevimli onlayn platformangizni tanlang. Faqat asosiy shakllardan foydalangan holda sxemani bepul chizishingiz mumkinmi? To'g'ri chiziqlar va mukammal chiziqlar, bu qanchalik qiyin bo'lishi mumkin?

Usul: UI eskizlari
Darajasi:

Eskizlar mavhum

№ 17/100

Sketchnoting mashq qilaylik! Netflix 'Mavhum - dizayn san'ati' hujjatli seriyasidan bir qismining eskizini yarating.

Asosiy mavzular va tushunchalar nimalar?

Usul: Sketchnot
Darajasi:

Mikro muvaffaqiyat

№18 / 100

Ba'zan siz kichikdan boshlashingiz kerak. Kechki ovqatni yoki taksini yoki boshqa narsalarni muvaffaqiyatli buyurtma qilish uchun mikro-o'zaro ta'sirni chizib oling.

Usul: UI eskizlari, Dizayn spetsifikatsiyasi
Darajasi:

Qayerga?

№19 / 100

Uyali aloqa moslamasidan foydalanib, A nuqtadan B nuqtaga o'tish uchun o'zaro ta'sirni chizish ..

Kickermi? Sizning foydalanuvchilaringiz ko'rish qobiliyati yomon.

Usul: UI eskizlari, Dizayn spetsifikatsiyasi
Darajasi:

Xizmat dizayni

№ 20/100

Onlayn yoki mobil xizmatni vizual tasvirni chizish orqali tushuntiring. Qanday qilib tushunchani, va'da yoki foydalanuvchi bo'ylab sayohatga erishish mumkin?

Usul: kontseptsiya eskizi va boshqalar.
Darajasi:

Oqimli qidirish

№21 / 100

Ekranlar va o'zaro aloqada AirBnB-ning mobil ilovalarini qidirish funktsiyalari oqimini chizib oling. Agar kimdir sizga ushbu eskizlarni tushuntirish uchun hozir bo'lmasdan tushunishi kerak bo'lsa-chi?

Tushuntirishsiz tushunish uchun kerakli tafsilotlarning kerakli darajasini topish uchun ularni aniqlik, izohlar va dalillar bilan o'ynang.

Usul: UI eskizlari, Dizayn spetsifikatsiyasi
Darajasi:

Vaqt sayohatchisi

№22 / 100

O'zingiz xohlagan media-platformaning boshiga qaytib ketishingiz mumkinligini tasavvur qiling-a .. Siz nimani o'zgartirgan bo'lardingiz?

Platforma asoschisini uni o'zingizning yo'lingiz bilan yaratishga ishontirish uchun kontseptual eskizni yarating!

Usul: tushuncha eskizi
Darajasi:

Elektron inksterster

№ 24/100

Hozirgi kunda elektron siyoh narxi $ 0,00. Bizning kunimizni yanada qiziqarli qilish uchun uy sharoitida elektron siyohdan foydalanish uchun ba'zi kontseptual rasmlarni o'ylab ko'ring.

Usul: tushuncha eskizi
Darajasi:

Vaqt uchmoqda

№ 25/100

Ko'pincha faoliyatda vaqtni kuzatib borish qiyin, ayniqsa siz bir nechta mijozlar, loyihalar va topshiriqlar ustida ishlayotganingizda. Ushbu vazifani bajarish uchun kamida uchta muqobil shovqinni chizib o'zingizning ijodingiz bilan kurashing.

Bizning hozirgi mobil qurilmalarimizdagi sensorlar ba'zi yangi shovqinlar uchun ajoyib boshlang'ich nuqtasi bo'lishi mumkin.

Usul: UI eskizlari, Dizayn spetsifikatsiyasi
Darajasi:

Bol.

№26 / 100

Bol.com tomonidan yaxshi ta'minlangan deb hisoblamagan maqsadli foydalanuvchini tanlang. Ushbu foydalanuvchi turiga murojaat qilish uchun qanday qilib Bol.com saytini loyihalashtirasiz?

nb. agar siz ushbu gollandlarning onlayn-do'koni bilan tanishmasangiz, siz Amazonga o'xshash har qanday do'kon platformasini tanlashingiz mumkin.

Usul: UI eskizlari, Dizayn spetsifikatsiyasi
Darajasi:

Pro-ga o'ting

№ 27/100

Go Pro sizning yangi ilovangiz uchun kontseptsiya yaratishingizni xohlaydi. Bugungi kunning "odatiy" fotosuratlari (Insta / Snap / VCSO) dan ajralib turadigan, Millenials-ga murojaat qiladigan.

Zo'r Go Pro ilovasi yangi va yangi ko'rinishga ega nima?

Usul: Kontseptsiya eskizi + UI eskizlari
Darajasi:

Kiyinmoq

№ 28/100

Yangi aqlli oynada yoqimli va foydali "kiyinish" xususiyati uchun interfeys va o'zaro ta'sir oqimini chizish.

Usul: UI eskizlari, Dizayn spetsifikatsiyasi
Darajasi:

Fon rasmi ustasi

№ 31/100

O'zaro hamkorlik dizayniga bo'lgan sevgingizni ko'rsatadigan ish stoli fon rasmini yarating.

Asbob: Adobe CC
Darajasi:

Nusxalash, joylashtirmang

№ 32/100

O'zingizning sevimli dizayn vositangizda og'ir yangiliklar yoki TV-ning bosh sahifasiga nusxa ko'chiring (o'qing: "qayta yarat"). Faqatgina ushbu piksellarni mukammal dizayn qobiliyatlarini mashq qilish uchun!

Asbob: Adobe CC, Sketch yoki InVision Studio
Darajasi:

Qatlamli tennis

№33 / 100

Hamma qavatli tennisni biladi! (Yoki bu haqda layertennis.com saytida o'qishingiz mumkin) Qoidalarni ko'rib chiqing, raqib toping va o'ynang!

Ushbu yillar mavzusi: "Nega, nima uchun menga ayting, nega ayting, nega menga ayting?" Biz har birida uchta volley o'ynaymiz.

Asbob: Adobe Photoshop
Darajasi:

SpaceX

№ 34/100

Mashhur sayyorani tanlang va sayohat yo'nalishi sahifasini yarating. Saturnda yoqimli narsalar juda ko'p!

Asbob: Adobe CC, Sketch yoki InVision Studio
Darajasi:

Morf maniya

# 35/100

"Morfing" tugmachasini mikro o'zaro ta'sirini yarating. Bunday holda sizning tugmachangiz ham harakat tugmasi sifatida xizmat qiladi va bu tasdiqlanadi!

Asbob: Adobe CC, Sketch yoki InVision Studio
Darajasi:

Do'kon-barchasi

№ 36/100

Agar yakka o'zi xarid qilish vositasi bo'lsa nima bo'ladi? Burchaklardagilar emas, balki "juda ko'p" brauzer yoki hatto OSga asoslangan. Mening barcha narsalarimni saqlaydi va birdaniga chiqishimga ruxsat beraman.

Bu qanday ko'rinishga ega? Bu qanday ishlaydi?

Asbob: Adobe CC yoki Sketch
Darajasi:

Steklar, holatlar va oqimlar

№ 37/100

Hayotda bo'lgani kabi, sizning mo'ljallangan shovqiningiz siz xohlagan mukammal ekran emas. Oddiy podkast oqimi xizmatini yaratmasdan oldin Skot Xurfning UI stack tushunchasiga kirib boring.

Turli xil holatlar va o'tishlarni qanday hisobga olasiz?

Asbob: Adobe CC, Sketch yoki InVision Studio
Darajasi:

Gary miqdorini aniqlang

№ 42/100

Gari og'ir do'st. Har qanday moslamadan foydalanib, kirish oqimiga to'sqinlik qiladigan eng past to'siqni loyihalashtiring, bu Gari o'zining kunlik ovqatlanishini kuzatishni va ortiqcha ovqatlanish belgilari paydo bo'lganda aralashishni istaydi.

Kelinglar .. uning hayoti unga bog'liq!

Asbob: Adobe CC, Sketch yoki InVision Studio
Darajasi:

Bepul tanlov

№ 45/100

Nomi nima! Buning uchun yaxshilab veb yoki dastur interfeysi dizaynini yaratishingiz mumkin. Nega endi yashirin ishlayotgan joyda biron narsa qilolmaysiz? ;-)

Sizning eng yaxshi dizayn mahoratingizni namoyish etmaslik uchun hech qanday sabab yo'q!

Asbob: Adobe CC, Sketch yoki InVision Studio
Darajasi:

Boomommm!

Siz ko'proq qiyinchiliklarni topishingiz mumkin
boshqa IXD100 seriyasida!