01dan 03gacha
Oxirgi Atomic.io yangilanishi Scrollable konteynerlarni o'z ichiga oladi
Bir necha oy ilgari atomning qanday harakatlanish prototipi uchun ishlatilishi mumkinligini ko'rsatdim . Men buyumning asosiy qismlaridan biri mijozning yoki jamoaning xayolotini qoldirishdan ko'ra, "harakatni ko'rsatish" edi. Aslida, bu juda muhim bo'lib, sahnada UX / UI asboblarining butun yangi toifasi paydo bo'ladi. Ular orasida - Apple Keynote, Adobe Edge Animate, Effects keyin va UXPin , bir nechta nomlanadi . Blokdagi yangi bola Atomic.io bo'lib, mahsulot haqida birinchi marta yozganimda ochiq beta-versiyada bo'lgan.
Ochiq betalar haqidagi nozik narsalar dasturiy ta'minot ishlab chiqaruvchisiga funksiya xususiyati, shu jumladan etishmayotgan funktsiyalar bo'yicha foydalanuvchi mulohazalarini to'plash imkoniyatini beradi va keyin ularni ilovaga qo'shib qo'yadi va ularni savdo versiyasidan oldin sinovdan o'tkazadi. Atom sharoitida, men, albatta, salkam qilingan bir xususiyat, vertikal yoki gorizontal tarkibni aylantirish qobiliyati edi. Bu kartalar, slayd-shoular yoki foydalanuvchining ilova yoki sayt interfeysi chegaralarida surish yoki harakatlanadigan deyarli barcha narsalarni o'z ichiga olishi mumkin.
Foydalanuvchilarning ko'pchiligi bu savolga javob berishi kerak edi, chunki aylanadigan konteynerlar faqat shu oyda ilovaga kiritilgan va men tan olishim kerakki, protetib o'tishni osonlashtiradigan protsedura yaratish oson.
Qanday qilib ...
03 / 03dan
Atomda vertikal aylantirish tarkibini yaratish
Avvaliga bepul 30 kunlik sinov uchun ro'yxatdan o'tishingiz kerak va o'sha davr oxirida siz uchta narxlash rejalari bilan taqdim etiladi.
Siz bilishingiz kerak bo'lgan birinchi narsa, siz bajaradigan barcha ish brauzerda va ilova Google Chrome'da aniq maqsadga qaratilgan. Siz kirganingizdan so'ng siz loyihalar sahifasiga o'tasiz. Ilovani ochish uchun Yangi loyiha tugmasini bosing .
Interfeys paydo bo'lganda siz cheklangan miqdordagi vositalar, sahifalarga sahifalar va qatlamlarni qo'shish, ish joyini va o'ng tomonda kontekstga sezgir xususiyatlar panelini qo'shish qobiliyatini ko'rasiz.
Ushbu misolda men iPhone 5 oldindan tayyorlangan 320 x 568.I ni boshladim. Keyinchalik skanerlashi kerak bo'lgan rasmlarni o'z ichiga olgan papkani ochib, ularni tuvali ustiga tashladim. Ular loyihaga avtomatik ravishda qo'shildi va qatlamlar yorlig'ini chertganingizda ularni individual qatlamda ko'rishingiz mumkin. Keyin men o'q vositasini tanladim (Selection), rasmni tanladim va ular orasida bo'shliqni qo'shish uchun yangi joyga sudrab keldim. Keyin barcha tasvirlarni tanladim va asboblar panelidagi "Dağılımı vertikal" tugmasini bosing . Bu tasvirlar bir-biriga teng masofada joylashgan.
Keyingi qadam o'tkazish uchun barcha kontentni tanlash va konteyner tugmachasini bosish yoki guruh tugmachasidan ochiladigan konteynerni yaratish ni tanlang . Konteyner hosil bo'lgandan so'ng uni qatlamlar panelida ko'rishingiz mumkin - konteynerni bosib, pastki tutamni yuqoriga tuvalning past qismiga sudrab chiqing. Xususiyatlar paneli ostidagi "Ko'rib chiqish" tugmasini bosing va bu brauzer oynasini ishga tushiradi. Mundarija o'tkazish uchun sichqonchaning aylantirish g'ildiragidan foydalaning. Loyihangizga qaytish uchun brauzer oynasining o'ng pastki qismidagi Tahrirlash tugmasini bosing .
03 03dan
Atomda Horizontal Kayma tarkibini yaratish
Landshaft skrolling amalga oshirish uchun juda oson.
Bunday holda, tuval ustiga bir qator tasvirni tortdi va ularni bir-biriga qarshi qo'ydi. Tanlangan tasvirlar bilan men ularning barchasi bir-biriga mos kelishini ta'minlash uchun Yuqoridagi Hizala tugmasini bosing.
Shift tugmachasini bosib, qatlamlar panelida har bir qatlamni tanladim. Tanlangan tasvirlar yordamida Men Konteyner tugmachasini bosib , Xulq-maydonda Horizontal ravishda tanlangan Xususiyatlar panellarida .
Keyin Preview tugmasini bosish orqali loyihani brauzer oynasida sinab ko'rdim.
Vertikal va horizontal harakatlanishning individual versiyasini qanday yaratishni ko'rsatgan bo'lsam-da, konteyner ichida kaydırılabilir kontentni qo'ygan ekan, bu idishlar ekranning alohida joylarida bo'lishi mumkin. Misol uchun, veb-sahifa sahifani vertikal ravishda yonma-navbat menyuda siljishi va bir sahifada slayd-shou tarkibida gorizontal ravishda harakatlanishi mumkin. Darhaqiqat, konteynerda o'nlab yoki undan kichik rasmga ega bo'lgan rasm tanlagichi kabi narsalar uchun vertikal va gorizontal aylantirish bo'lishi mumkin.
Atomic.io saytidagi ushbu xususiyat haqida ko'proq ma'lumot olish uchun quyidagilarni tekshiring:
- Mazkur foydalanuvchiga yozish e'lon
- O'tkazish konteynerlari qo'llanmasi
- Konteynerlarni ishlatib maskalash
- O'tkazish konteynerlarini bartaraf qilish