Template Mock-up UI untuk Membuat Antarmuka Pengguna yang Unik
Diterbitkan: 2016-07-14Mockup UI adalah representasi realistis atau draf visual dari desain situs web atau aplikasi web/seluler. Mockup UI mencerminkan elemen desain aplikasi atau situs, seperti skema warna, gambar, logo, tipografi, tombol, dll., sehingga mewakili tampilan akhir antarmuka aplikasi.
Berikut adalah beberapa template mockup UI bermanfaat yang dibuat secara profesional menggunakan Alat Mockup UI Creately . Anda dapat menggunakannya untuk menggambarkan antarmuka pengguna situs web dan aplikasi seluler/situs web yang Anda rancang. Cukup klik template untuk menggunakannya sebagai template atau edit secara online.
- Template Mock-up UI dari Halaman Masuk
- Template Mock-up UI dari Toko Web- Keranjang Belanja
- Template Mock-up UI dari Halaman Web
- Template Mock-up UI dari Apple eMail Client – Layar Tulis
- Template Mock-up UI dari Blog
- Template Mock-up UI dari Formulir Kontak Situs Web
- Template Mock-up UI dari Halaman Twitter
- Template Mock-up UI dari Wizard Instalasi Perangkat Lunak
- Template Mock-up UI dari Halaman Facebook
- Template Mock-up UI dari Sistem Penggajian
Template Mockup UI dari Halaman Masuk
Template ini adalah mock-up login anggota dasar. Ini mencakup dua bidang untuk memasukkan informasi login anggota dan tombol pendaftaran untuk mereka yang belum menjadi anggota. Selain itu, ada juga opsi bagi mereka yang lupa kata sandi login. Cukup klik pada gambar untuk membuat perubahan yang Anda inginkan atau gunakan ini sebagai template.
Template Mockup UI dari Toko Web- Keranjang Belanja
Template ini menunjukkan mock-up UI dari Webstore atau situs web eCommerce, lebih khusus lagi dari halaman kategori kaos di bawah bagian Pria. Anda dapat menggunakan template ini sebagai inspirasi untuk membuat mock-up UI situs web eCommerce baru. Klik pada gambar untuk mengubah detailnya karena sesuai dengan persyaratan toko online Anda sendiri.
Template Mock-up UI dari Halaman Web
Template berikut mewakili mock-up UI dari halaman situs web (Beranda situs web). Ini adalah situs web gaya tab sederhana, dengan header (tempat tab ditampilkan), sub-header (tempat gambar header dapat ditampilkan) dan footer (tempat tautan ke halaman arahan lain dapat ditampilkan).
Di antara header dan footer, lebih banyak detail disajikan dengan cara yang ramah pengguna. Anda dapat menggunakan kontrol UI web lain yang tersedia di aplikasi untuk mengedit template agar sesuai dengan kebutuhan Anda. Cukup klik gambar dan mulai memodifikasi secara online.
Template Mockup UI dari Apple eMail Client - Layar Tulis
Berikut adalah template mockup UI dari layar komposer klien email Apple. Kontrol OSX yang diperlukan yang Anda perlukan untuk merancang aplikasi OSX tersedia di dalam aplikasi. Klik pada gambar untuk menggunakan ini sebagai template atau ubah sesuai kebutuhan Anda.
Jika Anda juga merancang aplikasi iPhone, berikut adalah beberapa Template Mockup UI iPhone untuk membantu Anda.
Template Mockup UI dari Blog
Ini adalah template mockup UI dari halaman blog. Anda dapat menemukan lebih banyak kontrol UI seperti tombol berbagi sosial, posting blog, tautan breadcrumb, menu, dll. yang diperlukan untuk mendesain mock-up UI halaman blog di aplikasi. Klik pada gambar untuk mengedit template sesuai kebutuhan desain blog Anda.
Template Mockup UI dari Formulir Kontak Situs Web
Template mockup UI di bawah ini adalah formulir kontak situs web. Informasi kontak penting seperti alamat, alamat email dan nomor kontak ditambahkan di sisi kanan. Di bawah detail ini adalah peta yang menandai lokasi bisnis. Di sisi kiri halaman adalah formulir kontak yang dapat digunakan pengunjung untuk membuat janji. Klik pada gambar untuk mengedit template ini sesuai dengan kebutuhan Anda.
Template Mockup UI dari Halaman Twitter
Template mock-up UI berikut menunjukkan halaman Twitter (untuk akun pribadi atau bisnis). Creately menawarkan semua ikon yang diperlukan untuk membuat mockup UI untuk aplikasi komersial seperti Twitter. Cukup klik gambar untuk menggunakannya sebagai template dan modifikasi sesuai dengan ide desain Anda sendiri.
Template Mockup UI dari Wizard Instalasi Perangkat Lunak
Template berikut menunjukkan mock-up UI dari wizard penginstalan perangkat lunak. Wizards, yang biasa digunakan untuk menginstal perangkat lunak, menjelaskan langkah-langkah dalam proses instalasi perangkat lunak. Template ini menunjukkan satu langkah seperti itu, dan template mockup UI dari langkah-langkah berikut ditautkan ke sana untuk mensimulasikan skenario waktu nyata (klik tombol 'Berikutnya' untuk mengakses template berikutnya). Klik pada gambar dan lanjutkan untuk memodifikasinya sesuai keinginan.
Template Mockup UI dari Halaman Facebook
Berikut adalah template mockup UI dari halaman Facebook. Dalam proses perancangan aplikasi media sosial seperti Facebook, Anda dapat dengan cepat mendesain template mock-up UI seperti ini dengan bantuan aplikasi. Klik pada gambar untuk menggunakan ini sebagai template atau sesuaikan sesuai keinginan.
Template Mockup UI dari Sistem Penggajian
Template mockup UI di bawah ini adalah sistem penggajian untuk sistem operasi Windows. Fungsi seperti menghitung gaji, lembur dll disajikan dalam template. Anda dapat mengedit template dan menambahkan lebih banyak fungsi ke sistem menggunakan ikon yang tersedia di aplikasi. Klik pada gambar untuk mulai mengedit.
Lebih Banyak Template Mockup UI
Alat mockup UI Creately yang mudah digunakan dan template mock-up UI yang dirancang secara profesional akan membantu Anda segera memulai desain situs web atau desain aplikasi Anda sendiri. Jika Anda mencari sedikit inspirasi atau bantuan, periksa komunitas kami untuk ide-ide unik yang disumbangkan oleh pengguna kami juga.
Lebih Banyak Template Diagram
- Gunakan Template Diagram Kasus
- Templat diagram tulang ikan
- Templat peta pikiran
- Templat model proses bisnis
- Template papan cerita
- Template diagram jaringan
- Template diagram Venn
- Templat bagan KWL
- Templat struktur rincian kerja
- Template Analisis SWOT
- Template Diagram Kelas
- Template Diagram ER
- Template Diagram Urutan
- Template Bagan Organisasi
- Template Gantt Chart
- Template Diagram Aktivitas
- Template Diagram Penerapan
- Template Diagram Arsitektur AWS
- Template Analisis Kesenjangan