WIREFRAME EDITOR
NinjaMock mencakup semua stensil khas untuk web dan wireframing mobile.
Stensil kami terlihat samar - seolah-olah digambar dengan tangan. Ini karena membantu orang untuk berkonsentrasi pada interaksi dan konten dalam wireframe Anda daripada pada warna, gaya, tata letak terperinci, dan aspek kesetiaan tinggi lainnya.
Stensil diatur dalam kotak alat di panel kiri aplikasi, dan dikelompokkan menurut jenis dan penggunaannya. Saat ini kami mendukung beberapa jenis proyek (misalnya iOS, Android, Windows Phone, dll) dan untuk setiap jenis proyek toolbox berisi stensil yang anda perlukan.
(Android, iPhone, iPad, Windows Phone, Microsoft Permukaan, website dan freehand)
Ikon dan gambar
Wireframes tidak lengkap tanpa menyertakan ikon dan gambar. Dalam NinjaMock Anda memiliki banyak pilihan yang nyaman yang Anda inginkan untuk merancang antarmuka Anda untuk memasukkan unsur-unsur visual.
Ikon tertanam
Ikon tertanam kami menggunakan gaya digambar tangan yang sama dengan elemen stensil lainnya sehingga seluruh desain gambar rangka Anda memiliki tampilan dan nuansa yang seragam.
Ikon tertanam berbeda dengan jenis proyek. Misalnya dalam proyek wireframe Android dan iPhone, mereka menyerupai ikon nyata dari platform yang diberikan tetapi mereka masih memiliki tampilan gambar tangan yang samar.
Ikon tertanam adalah vektor. Anda dapat mengubah ukurannya, dan bahkan mengubah isian dan goresan tanpa kehilangan kualitas.
IconFinder
Jika Anda tidak menemukan apa yang Anda butuhkan di antara ikon tertanam kami, kami juga memiliki integrasi langsung dengan IconFinder. Hanya mencari ikon pada tab IconFinder dalam ninjamock wireframe editor, tanpa harus meninggalkan.
Harap dicatat bahwa ikon IconFinder tidak vektor dan Anda tidak dapat mengubah mengisi mereka atau stroke.
File Anda sendiri
Apakah Anda memiliki ikon atau gambar pada komputer Anda yang ingin Anda gunakan dalam proyek Anda? Cukup unggah aset visual Anda ke penyimpanan pribadi anda di server kami dan Anda dapat menggunakannya dalam proyek apa pun. Saat ini kami menyediakan setiap pengguna dengan ruang kosong 500MB.
Anda dapat drag dan drop file gambar langsung dari desktop Anda ke ninjamock wireframe editor. File-file ini akan secara otomatis diunggah ke ruang penyimpanan pribadi Anda.
Gambar dari web
Apakah Anda menemukan ikon atau gambar sempurna yang Anda butuhkan untuk proyek anda di web? Tidak masalah, cukup salin dan tempel tautan ke file dan Anda dapat menggunakannya tanpa mengunggahnya ke server kami.
Pastikan saja bahwa gambar ini tidak akan dihapus dari mana pun Anda menemukannya.
Anda dapat drag dan drop gambar langsung dari browser terbuka ke permukaan desain NinjaMock. Kami akan secara otomatis menambahkan gambar dengan merujuk ke URL gambar.
Ikon yang digambar secara manual
Terkadang lebih mudah untuk membuat ikon Anda sendiri ketika Anda tidak dapat menemukan apa pun yang sesuai dengan kebutuhan anda. Dengan menggunakan alat pengeditan vektor ninjamock yang kuat, Anda dapat dengan cepat membuat ikon sendiri.
Ikuti 3 langkah sederhana ini untuk membuat ikon Anda sendiri:
1.Gunakan alat pengeditan vektor apa pun untuk menggambar apa yang Anda butuhkan.
2. Pilih elemen yang baru digambar.
3. Klik kanan dan pilih Seleksi ekspor ke -> Gambar saya....
Gambar vektor Anda sekarang akan disimpan sebagai gambar yang dapat digunakan kembali di ruang pribadi anda di server kami. Mulai sekarang Anda dapat menggunakan gambar ini sebagai sumber ikon. Pada contoh di bawah ini, Anda dapat melihat ikon yang digambar secara manual yang digunakan di dalam elemen tab bar iPhone:
Stensil kustom
Jika Anda tidak dapat menemukan stensil yang Anda butuhkan, Anda dapat membuatnya sendiri langsung di ninjamock wireframe editor. Anda dapat membuat elemen Anda sendiri yang dapat digunakan kembali dari pilihan objek apa pun yang Anda buat di permukaan desain.
Stensil khusus saat ini hanya tersedia dalam proyek di mana mereka dibuat.
Berikut adalah cara membuat stensil Anda sendiri yang dapat digunakan kembali:
1. Buat apa pun yang Anda butuhkan dengan menggunakan stensil yang ada dan/atau menggambar elemen unik (omong-omong, kami memiliki alat pengeditan vektor yang kuat).
2. Pilih semua elemen yang ingin Anda sertakan dalam stensil khusus Anda.
3. Klik kanan, pilih Aset -> Konversi ke aset.
Stensil yang baru dibuat akan ditambahkan ke grup" aset saya " di bagian bawah kotak alat, dan sekarang anda dapat menggunakannya di halaman mana pun dalam proyek saat ini.
Anda dapat memodifikasi stensil setiap saat (klik kanan, pilih Aset -> Edit aset) dan perubahan Anda akan diterapkan ke semua contoh stensil di seluruh proyek Anda.
Grafik vektor
Ninjamock wireframe editor memiliki alat pengeditan vektor bawaan yang kuat. Selain elemen sederhana seperti garis, lingkaran, dan persegi panjang, ninjamock wireframe editor juga menyertakan pensil tangan bebas dan alat pena (dengan dukungan kurva Bezier) untuk membuat bentuk apa pun.
Alat pengeditan vektor terletak di palet alat di sisi kiri permukaan gambar.
Bagaimana alat menggambar bekerja?
Alat menggambar (garis, persegi panjang, elips, pena dan pensil) bekerja sedikit berbeda dari stensil lainnya. Untuk mulai menggambar bentuk, Pilih titik awal, tahan tombol kiri mouse dan gerakkan mouse ke titik akhir yang diinginkan. Lepaskan tombol kiri mouse saat bentuknya sudah siap. Perilaku menggambar sangat mirip dengan alat yang mungkin Anda ketahui dari aplikasi menggambar profesional lainnya.
Jika bentuk Anda ternyata ukurannya salah, jangan khawatir - Anda selalu dapat mengubahnya setelahnya, baik dengan mengubah ukurannya dengan mouse atau dengan menggunakan panel properti untuk melakukan penyesuaian.
Mari kita mulai dengan alat menggambar sederhana:
Alat garis
Dengan alat garis Anda bisa ... ta-da! - buat garis.
Jalan pintas: L kunci.
Untuk menggambar garis lurus, tahan tombol Shift saat menggambar. Kemudian alat akan snap untuk 15 derajat bertahap untuk membantu Anda.
Alat garis menghasilkan garis samar. Aplikasi ini menarik jalan yang kompleks di belakang layar yang membuat garis terlihat digambar tangan. Jika Anda membutuhkan garis yang tidak samar (benar-benar lurus), Anda dapat menggunakan alat pena kami atau mengubah garis Anda menjadi jalur.
Rectangle tool
Dengan alat persegi panjang Anda bisa ... drum-roll-menggambar persegi panjang.
Jalan pintas: R kunci.
Untuk mengunci rasio aspek bentuk, tahan tombol Shift saat menggambar.
Rectangle tool juga menghasilkan bentuk samar seperti line tool. Jika Anda membutuhkan persegi panjang yang tidak samar, Anda dapat menggunakan alat persegi panjang kami atau mengonversi persegi panjang Anda menjadi jalur.
Ellipse tool
Dengan alat ellipse Anda dapat menambahkan elips tampak hebat untuk proyek Anda.
Jalan pintas: C kunci.
Untuk mengunci rasio aspek bentuk, tahan tombol Shift saat menggambar.
Mari kita lihat alat vektor kami yang lebih canggih:
Pen tool
Dengan pen tool Anda dapat membuat semua jenis polyline dan poligon.
Jalan pintas: P kunci.
Pena ini berguna untuk membuat sketsa cepat bentuk (menambahkan titik kontrol) sebelum menerapkan kurva Bezier dengan path edit tool. Anda juga dapat menambahkan kurva Bezier sambil menambahkan titik kontrol Anda hanya dengan menyeret saat Anda menambahkan titik.
Tips menggunakan pen tool:
Untuk menambahkan titik ke jalur yang ada, pilih pen tool dan klik di mana saja di jalur untuk menambahkan titik lain.
Untuk menghapus titik dari jalur, pilih pen tool dan klik pada titik yang ada yang ingin Anda hapus.
Untuk menutup poligon cukup tambahkan titik terakhir Anda langsung di atas titik pertama. Kursor mouse akan berubah untuk menunjukkan bahwa poligon sekarang akan ditutup.
Alat edit jalur
Dengan Path Edit tool Anda dapat memodifikasi jalur yang ada, tidak peduli bagaimana itu dibuat - baik dengan pena, pensil atau alat pengeditan vektor lainnya.
Jalan pintas: A kunci.
Alat edit jalur berguna untuk membuat penyesuaian pada jalur Anda, seperti titik bergerak dan mengedit kurva Bezier.
Cara membuat kurva menggunakan alat edit jalur:
1. Arahkan mouse Anda ke titik jalur yang ingin Anda ubah menjadi titik kontrol untuk kurva.
2. Tahan tombol Alt (tombol opsi di Mac) dan" tarik " kursor mouse anda ke sisi mana pun, menjauh dari titik sambil mengklik ke bawah.
3. Pegangan penyesuaian kurva akan muncul (titik biru terhubung dengan garis tipis dalam ilustrasi). Gunakan pegangan ini untuk menyesuaikan kurva seperlunya.
4. Anda juga dapat mengonversi kurva kembali ke sudut siku normal dengan mengklik alt pada titik kontrol.
Alat pensil
Dengan alat pensil Anda dapat membuat gambar tangan bebas.
Jalan pintas: Y kunci.
Pastikan Anda memiliki keterampilan menggambar tangan yang baik: -) papan Wacom atau tablet gambar lainnya dapat berguna saat menggunakan alat Pensil.
Alat tangan
Anda dapat menggunakan alat tangan untuk menggeser permukaan desain. Lebih mudah bila Anda memiliki tingkat tinggi zoom diterapkan dan Anda perlu membuat penyesuaian gulir halus untuk membawa hal-hal ke tampilan.
Jalan pintas: H kunci. Atau, Anda dapat menahan tombol spasi dan menggunakan tombol kiri mouse untuk mengaktifkan sementara alat tangan. Ini berguna saat Anda menggunakan alat lain (pena, misalnya) dan Anda perlu menggulir tanpa menonaktifkan pena. Cukup lepaskan tombol spasi dan pena akan menjadi alat aktif sekali lagi.
Bentuk geometris
Di kotak alat kami, Anda akan menemukan banyak bentuk vektor yang lebih umum digunakan.
Bentuk-bentuk ini muncul di semua jenis proyek (stensil lain di toolbox khusus untuk jenis proyek).
Properti Umum objek vektor
Semua objek vektor kami didukung dengan seperangkat properti – stroke brush, stroke width dan fill brush (jika ada).
Ini memberi Anda fleksibilitas untuk cepat menggambar bentuk dalam gaya yang cocok dengan sisa desain anda.
Indikator visual tautan halaman
Terkadang Anda mungkin memilih untuk menambahkan hanya beberapa tautan aktif ke wireframes Anda. Dalam kasus seperti itu, mungkin sulit bagi pemirsa untuk mengetahui elemen mana dalam desain anda yang benar-benar dapat diklik. Untuk alasan ini kami telah menyertakan kemampuan untuk menghidupkan dan mematikan beberapa indikator tautan halaman halus saat melihat proyek dalam mode bagikan atau pratinjau. Isyarat ini memberikan indikasi visual dari elemen yang dapat diklik yang ada di setiap halaman desain anda.
Jika Anda telah menetapkan tautan Halaman ke elemen apa pun dalam mode desain, indikator tautan halaman yang sesuai akan ditampilkan pada elemen tersebut saat melihat proyek dalam mode bagikan atau pratinjau.
Indikator tautan halaman diaktifkan secara default saat dalam mode pratinjau atau bagikan, tetapi dapat dengan mudah dimatikan dengan mengklik sakelar tautan di sudut kanan atas halaman.
Menyalin dan menempel
Anda dapat dengan mudah menyalin dan menempelkan elemen antar halaman atau proyek. Anda dapat menyalin dan menempel dalam proyek wireframe yang sama, atau menyalin dari satu proyek dan menempelkannya ke proyek lain yang terbuka di tab, jendela, atau bahkan browser yang berbeda.
Cukup pilih elemen dalam desain anda yang ingin Anda salin dan gunakan kombinasi tombol Ctrl+C (Cmd+C di Mac) pada keyboard Anda untuk menyalinnya ke clipboard.
Untuk menempelkan elemen yang sekarang ada di clipboard Anda, cukup telusuri ke halaman dalam proyek yang ingin Anda salin, dan tekan tombol Ctrl+V (Cmd+V di Mac) pada keyboard Anda. Itu saja! Elemen yang disisipkan sekarang disalin ke lokasi baru.
Untuk alasan keamanan, menyalin antar tab browser hanya berfungsi saat menggunakan pintasan keyboard. Ini tidak akan berfungsi dari menu konteks yang diaktifkan dengan klik kanan.
Menyisipkan grafis
NinjaMock mendukung alur kerja Anda bahkan ketika Anda bekerja dengan desain high-fidelity dalam aplikasi grafis lainnya seperti Adobe Photoshop. Meskipun Anda mungkin sudah selesai dengan fase konseptual dan wireframing dari pekerjaan desain Anda, Anda masih dapat dengan mudah menggunakan NinjaMock untuk melanjutkan alur kerja Anda dengan menempelkan desain pixel-perfect anda ke NinjaMock. Ini memudahkan anda untuk mendistribusikan desain visual yang dipoles kepada rekan kerja, pemangku kepentingan, dan klien Anda untuk umpan balik dan persetujuan. Tidak ada lagi utas email yang berat atau pembagian file yang berantakan untuk menangani Ulasan desain anda!
Ketika Anda selesai dengan pekerjaan desain mockup Anda dalam aplikasi grafis pilihan Anda, semua yang perlu anda lakukan adalah menggunakan perintah Copy aplikasi untuk menyalin desain yang anda miliki di sana, kembali ke NinjaMock dan kemudian Paste grafis Anda ke NinjaMock dengan Ctrl+V (Cmd+V pada Mac) kombinasi tombol. Anda tidak perlu lagi khawatir tentang menyimpan atau mengekspor karya desain Anda sebagai file gambar dari aplikasi grafis! Anda juga dapat menggunakan fungsi clipboard sistem operasi Anda untuk menyalin grafik yang Anda inginkan. Misalnya, pada Mac Anda dapat menggunakan kombinasi tombol Cmd + Ctrl + Shift + 4 untuk membuka clipboard copy selection marquee, seret pilihan agar sesuai dengan apa yang ingin Anda salin, lalu tempel ke ninjamock.
Transparansi tidak didukung. Area transparan dalam visual yang Anda salin dari aplikasi lain akan ditampilkan dengan latar belakang putih.
Karena batasan tertentu, jenis tempel ini saat ini tidak didukung di browser Firefox.
Kolaborasi
Ide dasar di balik wireframing adalah tentang mengkomunikasikan ide-ide Anda. Berbagi pekerjaan Anda dengan tim Anda atau klien untuk mendapatkan umpan balik instan dan memastikan bahwa setiap orang up-to-date dengan perkembangan proyek.
Berbagi
Dengan satu klik Anda dapat berbagi proyek wireframe Anda dengan siapa pun. NinjaMock secara otomatis menghasilkan link rahasia khusus (misalnya "ninjamock.com/s/some-code" ) yang kemudian dapat digunakan untuk membuka dan melihat proyek Anda.
Orang-orang yang Anda bagikan tautan ini tidak memerlukan akun NinjaMock. Ini sangat berguna untuk mengirimkan pekerjaan Anda kepada pelanggan Anda yang tidak menggunakan alat wireframing. Meskipun pelanggan Anda tidak memiliki akun NinjaMock, mereka masih dapat melihat desain dan komentar, dan bahkan menambahkan komentar mereka sendiri ke proyek Anda.
Jika seseorang yang tidak memiliki akun NinjaMock meninggalkan komentar pada wireframe atau desain mockup Anda, penulis komentar akan ditampilkan sebagai "Shadow Ninja #some-number". Ini adalah akun sementara khusus yang kami buat dengan cepat khusus untuk non-pelanggan ketika mereka menambahkan komentar.
Bagaimana memulai berbagi proyek Anda:
1. Di bilah navigasi atas, klik tombol Bagikan.
2. Klik pada tombol "Mulai Berbagi".
3. Kirim tautan yang dibuat secara otomatis ke siapa pun yang Anda inginkan.
Untuk berhenti membagikan proyek anda, cukup klik tombol" berhenti berbagi " di dialog yang sama. Tautan rahasia Anda tidak akan berfungsi lagi sampai anda mulai berbagi lagi.
Berbagi sebagian
Sudah umum bahwa Anda mungkin ingin berbagi dengan pelanggan Anda hanya bagian tertentu dari proyek wireframe Anda tanpa mereka mendapatkan akses ke bagian yang belum selesai. Anda mungkin ingin terus bekerja pada bagian selanjutnya dari proyek sambil menunggu mereka untuk meninjau hal-hal yang siap. Dengan menggunakan Status halaman kami, Anda dapat dengan mudah mengontrol halaman mana yang dibagikan dan mana yang tidak.
Dalam ilustrasi di atas, hanya halaman dengan status "desain lengkap" atau "disetujui" yang dibagikan. Siapa pun yang menggunakan tautan rahasia (termasuk Anda sendiri jika Anda ingin mengujinya) tidak akan melihat halaman gambar rangka yang ditandai "sedang berlangsung".
Halaman Startup
Untuk menguji berbagai aliran dalam wireframe Anda, sering kali berguna untuk memilih halaman tertentu di mana Anda ingin pengulas Anda mulai melihat desain anda. Di NinjaMock, Anda dapat mengatur halaman startup langsung pada dialog Bagikan.
Halaman startup disimpan dalam proyek itu sendiri. Ini berarti Anda dapat mengubah halaman startup kapan saja tanpa mengirim banyak tautan rahasia yang berbeda ke pelanggan Anda. Siapa pun yang mengakses proyek Anda melalui tautan Rahasia akan dimulai pada halaman startup yang sama.
Membuka di perangkat seluler
Proyek NinjaMock juga dapat dibuka pada tablet dan smartphone, yang membuatnya sangat nyaman untuk melihat bagaimana wireframe dan mockup desain Anda muncul pada perangkat tertentu!
Bekerja sebagai tim
Mampu berbagi proyek untuk ditinjau dan menerima komentar terkadang tidak cukup. Ninjamock wireframe editor memungkinkan Anda untuk berbagi ruang kerja Anda, dan berkolaborasi secara real-time dengan tim Anda. Undang mitra bisnis dan kolega Anda untuk bergabung dengan proyek Anda dan berikan mereka hak istimewa sehingga mereka dapat berkontribusi secara langsung.
Semua orang dapat diundang untuk bekerja di ruang kerja bersama Anda. Cukup kirimkan undangan dan jika undangan anda belum memiliki akun, mereka hanya membuat akun mereka sendiri dalam hitungan detik. Hal hebat lainnya adalah mereka tidak menggunakan proyek mereka sendiri yang tersedia, jika mereka bergabung dengan proyek Anda! - dan jangan khawatir-Anda adalah bosnya, dan Anda memutuskan hak istimewa apa yang akan dimiliki kolaborator Anda untuk setiap proyek Anda.
Peran akses
Izin pada ruang kerja didefinisikan dengan peran yang ditetapkan pengguna. Ada empat peran dalam NinjaMock: pemilik, administrator, desainer dan reviewer.
Siapa yang bisa melakukan apa?
Pemilik - adalah pengguna yang membuat folder dan proyek. Pemilik memiliki kontrol penuh atas proyek. Pemilik mengundang kolaborator dan memberi mereka peran. Setiap proyek yang dibuat dihitung terhadap jumlah pemilik proyek yang tersedia.
Administrator - memiliki kontrol penuh atas folder dan proyek dan dapat mengundang kolaborator lainnya. Proyek tidak dihitung terhadap jumlah proyek wireframe dan mockup yang tersedia untuk akun administrator sendiri.
Desainer - seperti yang diharapkan desainer bekerja dalam proyek. Namun, pengguna ini tidak akan dapat mengelola pengguna lain dan peran mereka. Proyek ini juga tidak dihitung terhadap jumlah proyek yang tersedia untuk desainer akun sendiri.
Reviewer - peran dengan izin paling sedikit adalah resensi. Seperti namanya, mereka dapat melihat proyek dan mengomentarinya, tetapi tidak akan dapat mendesain dalam proyek dan mengubah maket. Juga, pengulas tidak dapat mengelola pengguna lain dan peran mereka. Proyek tidak dihitung terhadap jumlah proyek yang tersedia untuk akun pengulas sendiri.
Share a workspace
Berbagi ruang kerja Proyek belum pernah lebih mudah: cukup klik pada pilihan tim dalam editor proyek.
Anda juga dapat memulai berbagi ruang kerja dari daftar proyek wireframe dan mockup Anda di halaman proyek saya menggunakan opsi untuk kelola tim di tingkat proyek, folder, atau akun.
Ketika Anda mengirim undangan untuk berbagi ruang kerja anda, anda dapat menambahkan pengguna NinjaMock yang ada atau mengundang pengguna baru untuk membuat akun NinjaMock mereka sendiri dan bergabung dengan proyek Anda.
Anda dapat menambahkan kolaborator sebanyak yang Anda inginkan.
Mengelola tim
Sebagai pemilik proyek, Anda memiliki kendali penuh atas proyek wireframe dan mockup Anda.
Ninjamock wireframe editor membiarkan Anda mengatur hak pengguna pada kedua proyek, folder dan tingkat akun. Tetapkan kolaborator Anda sebanyak atau sesedikit mungkin kekuasaan atas proyek yang anda inginkan: jadikan mereka administrator, perancang, atau Peninjau.
Mengelola tim bekerja pada tiga tingkat yang berbeda: akun, folder atau proyek. Tambahkan izin dan memiliki kustomisasi penuh hak akses dan izin. Izin yang ditetapkan pada level terendah akan selalu diutamakan.
Mengakses ruang kerja bersama
If someone shares a project workspace with you, you will receive an email with a link to access the project. If you don’t yet have a NinjaMock account, you will be asked to create one. This takes only seconds!
Together with the project access, you will be given certain permissions: administrator, designer or reviewer. These permissions are given to you by the account owner.
Access all projects' workspace (yours or shared with you) from one place: My Projects. Switch between accounts to access their projects.
Apart from project access, you may be granted access to folders or accounts levels. This way you will have the same rights to all projects in the folder or for the whole account.
Projects that have been shared with you will not affect the project count of your own plan.
Bekerja sama
Kolaborasi pada proyek berarti bahwa semua pengguna dapat mengakses ruang kerja proyek dan berkontribusi pada proyek tergantung pada hak istimewa mereka.
Semua perubahan dan gerakan ditampilkan ke seluruh tim secara real-time dan disimpan ke server.
Status halaman
Anda mungkin ingin melacak kemajuan pekerjaan Anda untuk memahami seberapa dekat proyek ini selesai. Dalam ninjamock wireframe editor, Anda dan pengulas Anda dapat mengontrol status halaman individual.
Setiap halaman mungkin memiliki salah satu dari status berikut "sedang berlangsung "(status default)," desain selesai "dan"disetujui".
Semua perubahan pada status Halaman terjadi secara manual. Kami belum menerapkan alur kerja kompleks yang mendikte siapa yang dapat mengubah status atau jam berapa. Sebaliknya, kami telah memutuskan untuk tetap sederhana dan fleksibel; setiap pengguna yang memiliki akses ke proyek Anda dapat mengubah status setiap saat.
Status halaman disinkronkan secara real-time sehingga anda tidak perlu me-refresh browser Anda untuk melihat status terbaru untuk halaman.
Ikhtisar proyek
Untuk melihat status untuk keseluruhan wireframe atau proyek mockup alih-alih halaman tertentu, Anda dapat menggunakan halaman web ikhtisar proyek. Anda dapat mengaksesnya dengan mengklik "Ikhtisar".
Halaman Ikhtisar berisi detail semua halaman dalam proyek Anda, seperti Status halaman dan jumlah komentar yang belum terselesaikan.
Ekspor ke PDF / PNG
Mengekspor ke PDF dan mencetak di atas kertas masih merupakan bagian penting dari wireframing. Banyak pencipta ide mencetak wireframes mereka dan memasangnya di dinding kantor; Beberapa menggunakannya untuk inspirasi, yang lain mendiskusikan desain sebagai kelompok dan menambahkan komentar tepat di dinding.
Dalam ninjamock wireframe editor kami mendukung praktek ini dengan memberikan Anda kesempatan untuk mengekspor wireframes Anda dengan link halaman dan komentar halaman. Dengan cara ini Anda dapat menavigasi interaksi desain Anda bahkan ketika itu di atas kertas.
Saat Anda mengekspor dan memilih untuk menyertakan komentar, kami menambahkan semua komentar halaman di sebelah halaman wireframe.
Komentar memiliki Nomor komentar unik yang sama seperti yang ada di permukaan desain NinjaMock.
Ekspor ke HTML
Anda juga dapat mengekspor proyek Anda sebagai HTML. Mengekspor sebagai HTML memungkinkan Anda untuk men-download file ke komputer Anda atau menambahkannya ke server web Anda sendiri untuk akses mudah dan penyimpanan. Ini dapat berguna untuk berbagi proyek Anda dengan mitra dan klien Anda.
Prototipe HTML menawarkan pengalaman yang lebih interaktif saat melihat pratinjau pekerjaan Anda dengan, misalnya, memungkinkan Anda mengetik teks dan menandai kotak centang.
Manajemen proyek
Kami ingin menjaga hal-hal terorganisir dalam ninjamock wireframe editor. Kami menyediakan cara mudah untuk halaman kelompok dalam proyek Anda dan kami juga memungkinkan Anda untuk mengatur proyek Anda dalam folder - seperti file di komputer Anda.
Grup halaman
Ketika proyek Anda tumbuh dan menjadi lebih sulit untuk dinavigasi, ada baiknya untuk memisahkan halaman Anda ke dalam grup. Misalnya, Anda dapat mengelompokkannya berdasarkan area masing – masing dalam desain aplikasi Anda; misalnya halaman login, halaman pengaturan, dll-atau cara lain yang Anda suka.
Grup halaman hanyalah kumpulan halaman bernama (halaman hanya bisa dalam satu grup pada satu waktu). Anda dapat membuat grup sebanyak yang Anda butuhkan, memindahkan halaman antar grup, atau mengurutkannya dalam grup.
Untuk membuat grup halaman, perluas Panel Halaman dengan mengklik ikon yang sesuai di sudut kanan atas Panel.
Folder proyek
Pikirkan tentang file di komputer Anda sejenak. Ketika Anda memiliki terlalu banyak file dan menjadi sulit untuk menemukan apa yang Anda inginkan, Anda cukup membuat folder dan memindahkan file di dalamnya, bukan?
Kami telah mereproduksi pengalaman yang sama di NinjaMock; Anda dapat membuat folder proyek, memasukkan proyek wireframe dan mockup yang berbeda ke dalam folder, memindahkan folder ke folder lain, dll. Ini adalah cara yang nyaman dan akrab untuk mengatur pekerjaan Anda.
Untuk memindahkan proyek (atau folder) ke dalam folder:
1. Sorot (arahkan kursor ke atas) item dalam daftar proyek.
2. Klik " Pindah..."text-link.
3. Pilih folder tujuan, dan selesaikan dengan mengklik tombol Pindahkan.
Untuk memperluas atau menciutkan folder di popup klik pada ikon folder abu-abu.
Panduan cepat - ke editor Wireframe
Komentari
Ninjamock wireframe editor FITUR Cara intuitif dan akrab untuk meninggalkan komentar pada wireframes individu dan untuk melacak status mereka.
Komentar khusus untuk halaman di mana mereka ditinggalkan. Jika halaman dihapus, komentar yang sesuai tidak akan lagi terlihat.
Komentar kami disinkronkan secara real-time sehingga anda tidak perlu membuka kembali atau menyegarkan proyek untuk mendapatkan komentar terbaru!
Menambahkan komentar
Komentar baru dapat ditambahkan baik dari panel komentar di sisi kanan permukaan desain, atau hanya dengan mengklik kanan di mana saja pada gambar rangka dan memilih "Tambahkan komentar" dari menu popup.
Kami tidak memiliki batasan siapa yang dapat meninggalkan atau mengedit komentar. Siapa pun yang membuka proyek Anda dapat menambahkan, mengedit, atau bahkan menghapus komentar apa pun.
Komentar gelembung
Setiap komentar diwakili oleh biru' pidato gelembung ' ikon pada permukaan desain. Di dalam gelembung ucapan, nomor komentar unik ditampilkan.
Anda dapat dengan bebas memindahkan gelembung di mana saja di permukaan desain untuk membantu pemirsa memahami elemen wireframe mana yang Dirujuk komentar.
Klik dua kali pada ikon balon bicara untuk melihat atau mengedit komentar.
Melacak status komentar
Saat komentar diselesaikan, ikon balon ucapan berwarna abu-abu, dan komentar dipindahkan ke bagian bawah daftar di Panel komentar. Ini membantu Anda berkonsentrasi pada komentar Aktif (belum terselesaikan) yang ditampilkan di bagian atas daftar komentar.
Untuk memeriksa apakah ada komentar yang belum terselesaikan di seluruh proyek, gunakan Semua beralih di bagian atas Panel komentar. Dengan cara ini Anda akan melihat komentar untuk semua halaman daripada komentar hanya untuk halaman saat ini.
Klik ikon gelembung ucapan komentar dan Anda akan dibawa langsung ke halaman tempat komentar itu ditinggalkan. Posisi gulir juga akan disesuaikan sehingga ikon gelembung ucapan ini diposisikan di tengah layar.
Pemberitahuan Email
Ninjamock wireframe editor juga dilengkapi pemberitahuan email otomatis ketika komentar baru atau balasan ditambahkan.
Sebagai pemilik proyek, Anda akan menerima pemberitahuan tentang komentar dari semua pengulas.
Namun, pengulas hanya akan menerima pemberitahuan untuk utas komentar di mana mereka berpartisipasi jika mereka adalah pengguna ninjamock terdaftar. Non-NinjaMock-pengguna yang mengakses proyek melalui tautan rahasia dan meninggalkan komentar tidak akan diberi tahu.