Cara Membuat Clickable Prototype Dengan Sketsa Hidup

• Untuk membuat clickable prototype dengan sketsa hidup kita harus mockups ClarkWimberly, untuk membuat kompleks, bergerak dengan cara membuat sketsa dan invision mockup 

Perancangan Website dan aplikasi yang inovatif tidak akan pernah habis. Orang selalu satu persatu memberikan yang terbaik, berharap para perancang sistem canggih untuk merancang serangkaian lapisan, gaya dan interaksi.

Menambahkan non-technical stakeholder, pengelola atau ke dalam campuran, dan mendapatkan sign-off untuk aplikasi yang mungkin cukup cepat. Anda dapatkan dan modals yang lahir dan bentuk yang sangat dinamis dan seseorang segera ada di dalam ruangan. Jawabannya adalah, hingga permainan Mockups kita bisa bergerak, pertunjukan selesai pengguna jalan. Penutup luar dalam semua, mereka bisa datang ke kehidupan.

Untuk membangun prototip yang hidup mac di sketsa grafis aplikasi di dunia itu, dengan mengambil landasan bersama desain invision browser.

Anda bisa menggunakan zebra dengan baik. Dan pengembang dengan prototipe banyak orang baru untuk melihat ciri yang baru, bahkan seluruh redesigns. Selama ini secara tutorial kita akan pergi ke suatu tempat imajiner membentuk jejak, sebuah alat dari kantor kepada teman kita di dalam daftar kata-kata pujian orang lain ( seperti dalam sebuah. Super-positiveTwitter ). Cara pandang kita akan membangun rumah dan masyarakat umum dengan jadwal, bersama dengan menu yang membuka dan menutup.

• Pertama, membuat sketsa yang baru mulai. Di dalamnya, anda sedang pergi untuk membuat dua artboards, untuk melihat kembali pada kita, menu yang terbuka untuk pandangan. Untuk membuat ke dalam suatu media alat artboard, layar yang terkenal memiliki resolusi Built-in adalah memilih potret Iphone.

• Klik di atas kanvas artboard untuk menciptakan yang baru. Rename dalam rumah ini, dengan baik atau right-clicking cmd oleh rename. Ini akan menjadi artboard dalam pandangan.Untuk pers cmd artboard yang ingin anda duplikat, dan buka layar yang dibuat untuk mengubah namanya menjadi nama yang home-menu-Buka.

• Menggambar sebuah kotak persegi empat dengan bagian atas artboard di dalam rumah, artboard, kami sedang membangun kembali aplikasi. Pers yang digunakan untuk memilih di kotak persegi empat m, dan yang menarik dari kotak persegi empat 640x90 di atas Artboard bentuk ( header-bg rename).

• Alat pilihan di sisi kanan dari sketsa disebut inspektur. Dan mereka akan menemukan semua yang properti anda di bentuk-bentuk, teks, dan kelompok yang lebih besar dengan header-bg sesuatu yang telah dipilih, mari kita lihat apa yang ada di wilayah dan mengisi aplikasi ini tidak mencolok. Kita pilih gradient neon, sementara masih dalam hal ini, warna pada latar belakang putih yang dapat membantu kita untuk Artboards. Pemeriksaan (dengan pilihan, dengan ekspor, yang aplikasi akan memastikan itu tidak terjadi transparan layar).

• Bagi yang lainnya, mari kita tambahkan menu dan ikon dan aplikasi judul tindakan dan tombol. Ini membuat ikon dari tiga identik dengan menggambar keluar Rectangles, untuk menempatkan cara yang membuat lebih tipis.

• Judul aplikasi anda masuk kata tidak masuk ke dalam teks dan dalam judul utama aplikasi anda. Seorang pelacak, kegiatan dalam bangunan akan jadi font yang luas, tidak spasi terletak di sisi kanan, pada panel inspektur.

• Di sebelah kanan, yang ditembakkan dari selain itu ada juga yang menjadi ikon, yang dapat digunakan untuk memungkinkan pemakai untuk memperbanyak kegiatan saluran. Sekali lagi, sudah disusun menjadi ikon ini.

• Setelah melakukan ini, akan mengubah dia menjadi simbol, yang berarti kita akan bisa menggunakannya untuk kembali di sini kita mulai lagi. Pada akhirnya kita menjadi simbol, untuk dapat menerapkannya pada layar yang kedua, dan semua akan berubah menjadi baik tercermin dalam aplikasi yang berlawanan.

• Untuk membentuk kelompok, memilih di kotak persegi empat ikon dan teks G cmd pers dan hanya dibuat ingin rename ini menjadi kelompok yang jelas, jadi dia dan cmd pers. Lapisan dalam daftar. anda right-click dalam kelompok dan apa yang membuat simbol. Ini diwakili dalam lambang menyusun lapisan purple-coloured oleh sebuah amplop itu. Banyak kesalahan untuk seluruh folder ungu, sebagai suatu hasil dari semua ini akan berubah lain yang baru.

• Menggambar lingkaran yang membuat sebuah lambang dalam hal ini rumah yang masih dalam artboard kita bisa mulai membangun kegiatan dengan jadwal. Ini contoh aplikasi untuk mengumpulkan dan menampilkan tanggapan positif dari salah satu anggota untuk tim lainnya. Dan membuat satu untuk anda akan menjadi sebuah lingkaran dengan alat, oval dan menggunakan symbolset tempat ( ikon di dalam satu perangkat favorit anda di font). Anda akan menambahkan sebuah teks dan beberapa juga timestamp.

• Seperti yang kita lakukan dengan aplikasi. Mari kita menggeropyok elemen kita bisa menciptakan dan membuat mereka menjadi suatu kelompok cmd ( g ), untuk rename kelompok, kemudian mengubahnya menjadi simbol mengatur yang dipilih untuk membuat jaringan. Kita akan pergi dalam lima baris membuat sebuah tabel dengan ( 40px dengan margin ) dan satu kolom. Memberikan satu tumpukan itu sama seperti twitter.

• Oleh karena itu, untuk membuat panggilan mockup mari kita untuk mengubah simbol seperti dalam teks yang sama. Hanya itu pilihan yg teks ( Teks dari simbol yang besar di checkbox inspektur pilihan ). Maju ke depan, dan untuk masing-masing. Untuk menjadi sesuatu yang lebih besar dan inspiratif luar biasa awal. Pada saat ini, aku akan berubah setiap waktu pula menandai dengan nama.

• Pada dasarnya, saat anda menyelesaikan homescreen kita akan menyalin lain di seluruh layar artboard, home-menu-open. Artboard akan mengambil yang ini. Mirip dengan menu homepage terbuka. Kita memilih duplikat bagian, dan kemudian mereka berjalan cmd ( d ). Menyeret anda ke dalam lapisan home-menu-open yang baru Artboard. Karena simbol kita banyak yang ditiru, anda membuat perubahan di tempat, artboard untuk mencerminkan, seperti dalam artboard home-menu-open.

• Mengambil perkakas kotak persegi empat dengan menu ini contoh aplikasi, menu untuk membuat lebih sederhana menu kotak persegi empat dengan alat. Anda akan mengambil dua bentuk : kotak putih di sisi kiri dari layar, dan kotak berwarna di sebelah kanan, untuk bertindak sebagai orang yang overlay teks, menggunakan alat menu kita menambahkan beberapa hal, ini sangat keren tapi palsu. Kami dapatkan hal ini untuk membuat mereka hidup.

• Sketsa, dengan ekspor layar, itu sangat mudah. Hanya anda yang memilih pada artboards lapisan daftar, kemudian mencari di atas pilihan inspektur yang berukuran artboards. Ayo, masuk dengan 1x png tersebut. Jika anda membuat itu menjadi aset, di mana kesempatan anda akan keluar dengan ukuran seperti anda.