01 dari 03
Kemas kini Atomic.io Terkini Termasuk Bekas yang Boleh Diulir
Beberapa bulan kemudian, saya menunjukkan bagaimana atomic.io boleh digunakan untuk gerakan prototaip . Salah satu perkara penting yang saya buat di bahagian itu adalah "menunjukkan gerakan" daripada meninggalkannya kepada imaginasi pelanggan atau pasukan adalah penting. Malah, ini telah menjadi sangat kritikal sehingga kategori keseluruhan alat UX / UI muncul di tempat kejadian. Mereka termasuk - Keynote Apple, Adobe Edge Edge, After Effects dan UXPin , untuk menamakan beberapa. Anak baru di blok itu adalah Atomic.io yang berada dalam beta terbuka apabila saya mula menulis tentang produk tersebut.
Perkara yang kemas mengenai bete terbuka adalah mereka memberi pengeluar perisian peluang untuk mengumpulkan maklum balas pengguna pada set ciri, termasuk ciri-ciri yang hilang, dan kemudian tambahkannya pada aplikasi dan menguji mereka sebelum pelepasan komersial. Dalam kes atom, satu ciri yang saya terlepas adalah keupayaan untuk menatal kandungan secara menegak atau mendatar. Ini mungkin termasuk perkara seperti kad, slaid atau praktikal apa-apa pengguna akan meleret atau seret dalam lingkungan antara muka aplikasi atau laman web.
Ini pastinya menjadi subjek banyak pengguna yang diminta kerana bekas yang boleh ditapis baru diperkenalkan kepada aplikasi bulan ini dan, saya perlu mengakui, mewujudkan kandungan yang boleh ditukar dalam prototaip adalah mudah untuk dimudahkan.
Ini caranya…
02 dari 03
Bagaimana Membuat Kandungan Menatal Menegak dalam Atom
Anda perlu terlebih dahulu mendaftar untuk percubaan 30 hari percuma dan, pada akhir tempoh itu, anda akan dibentangkan dengan tiga pelan harga.
Perkara pertama yang perlu anda ketahui adalah semua kerja yang akan anda lakukan adalah dalam pelayar dan aplikasinya ditujukan dengan ketat pada Google Chrome. Sebaik sahaja anda log masuk, anda akan dibawa ke halaman Projek . Untuk membuka aplikasi, klik butang Projek Baru .
Apabila antara muka muncul, anda akan melihat terdapat beberapa alat yang terhad, keupayaan untuk menambah halaman dan lapisan ke halaman, artboard dan, di sebelah kanan, panel sifat sensitif konteks.
Dalam contoh ini, saya memulakan dengan pratetap iPhone 5 iaitu 320 x 568.I kemudian buka folder yang mengandungi imej yang akan ditatal dan diseret ke kanvas. Mereka ditambah secara automatik ke projek dan anda dapat melihatnya pada lapisan individu jika anda mengklik tab Lapisan . Saya kemudian memilih alat Panah (Pilihan), memilih imej dan menyeretnya ke kedudukan baru untuk menambah sedikit ruang antara mereka. Saya kemudian memilih semua imej dan mengklik butang Mendistribusikan Vertikal pada bar alat. Ini sama sekali menjarakkan imej.
Langkah seterusnya adalah untuk memilih semua kandungan yang akan ditatal dan sama ada klik butang Container atau pilih Create Controller Scroll dari butang Kumpulan pop ke bawah. Sebaik sahaja bekas dibuat - anda akan melihatnya dalam panel Lapisan - klik bekas dan tarik pemegang bawah ke bahagian atas kanvas . Klik butang Pratonton di bahagian bawah panel Properties dan ini akan melancarkan tetingkap penyemak imbas. Gunakan roda skrol tetikus anda untuk menatal kandungan. Untuk kembali ke projek anda, klik butang Edit di sebelah kanan bawah tetingkap penyemak imbas.
03 dari 03
Bagaimana Membuat Kandungan Menatal Mendatar dalam Atom
Menatal mendatar hanyalah seperti mudah dicapai.
Dalam kes ini, mengheret satu siri imej ke kanvas dan menumpahkannya terhadap satu sama lain. Dengan imej yang dipilih, saya kemudian klik butang Aligned Top untuk memastikan semuanya saling selaras dengan satu sama lain.
Saya kemudian menahan kekunci Shift dan memilih setiap lapisan dalam panel Lapisan. Dengan imej yang dipilih, saya mengklik butang Container dan , dalam panel Properties, dipilih secara Horizontally di kawasan Perilaku.
Saya kemudian menguji projek itu dalam tetingkap Pelayar dengan mengklik butang Preview.
Walaupun saya telah menunjukkan bagaimana untuk membuat versi individu menegak Vertikal dan Mendatar, selagi anda memasukkan kandungan yang boleh ditapis dalam bekas, anda boleh mempunyai bekas ini di kawasan yang berasingan pada skrin. Sebagai contoh, halaman web boleh menatal kandungan menegak dalam menu sebelah dan kandungan menatal secara melintang dalam pertunjukan slaid pada halaman yang sama. Sebenarnya, bekas boleh mempunyai menatal menegak dan menegak untuk item seperti pemetik imej yang mempunyai sedozen atau lebih kecil.
Untuk mengetahui lebih lanjut mengenai ciri ini dalam pemeriksaan atomic.io:
- Pengumuman Blog
- Tutorial bekas skrol
- Masking menggunakan Bekas
- Penyelesaian Masalah Menggulung Bekas