Prototaip antara muka


Pengenalan kepada bahagian ini:

Memetik petikan pendek yang dikatakan oleh Luo Zixiong, pengarah reka bentuk visual Smartisan Technology, di acara Chongqing TEDx:

Setiap masa kita lihat Apabila terdapat beberapa reka bentuk yang menarik, ramai orang akan mempunyai dorongan dalam hati mereka, dan dorongan ini akan membuatkan anda ingin mencipta sesuatu Sesuatu yang baru, cipta sesuatu yang indah.

Kami sering bercakap tentang pengalaman pengguna pengalaman pengguna Apakah perkara pertama yang pengguna akan hubungi apabila menggunakan perisian anda? Betul, antara muka grafik (GUI), atau ringkasnya UI, adalah yang paling intuitif untuk pengguna Apa yang meninggalkan kesan pertama kepada pengguna selalunya ialah antara muka program, bukan fungsinya. Orang selalu suka benda yang cantik kan? Jika fungsinya sama, selalunya UI yang menentukan orientasi pengguna! UI yang cantik! Sudah tentu, terdapat juga beberapa operasi kemanusiaan yang bertimbang rasa, dsb.! Gambar berikut menunjukkan antara muka Apl kedua-dua komputer:

Jangan bercakap tentang fungsi dahulu Dari segi UI, yang mana satu yang anda suka? Oleh itu, UI sesuatu produk adalah sangat penting, dan reka bentuk prototaip antara muka produk biasanya dilengkapkan oleh pengurus produk + artis syarikat analisis keperluan -> Reka bentuk prototaip antara muka -> Mari tulis kod! Mungkin anda fikir prototaip antara muka tidak berguna kepada kami, tetapi bagaimana jika anda ingin membangunkan Apl anda sendiri pada masa hadapan? Atau adakah anda dinaikkan pangkat kepada pengurus produk? hey-hey! Tidak ada yang mutlak di dunia ini Siapa tahu apa yang akan berlaku pada masa hadapan? Bagi syarikat, kebanyakan mereka menggunakan Axure RP, tetapi perkara ini sukar untuk digunakan! Di samping itu, terdapat banyak alat prototaip lain:

  • Pensel

  • Framer

  • Shireframe

  • UIDesigner

  • Balsamiq Mockups

  • Mockup Builder

  • Mockup

  • FrameBox

  • iPhone Mockup

  • GOOFLOW

  • WireframeSketcher

  • FluidIA

  • Indigo Studio

  • Origami

  • Komposer Kuarza

  • Justproto

  • Avocado

  • Kod Cat

  • Mockplus

  • Pisau dakwat, dll....

Pengarang telah menggunakan dua alat prototaip antara muka domestik, iaitu: Mockplus dan Mock Knife Artikel ini akan memperkenalkan secara ringkas penggunaan Mockplus!

Penggunaan alat prototaip Mockplus:

Terdapat versi web dan versi pelanggan untuk anda pilih: tapak web rasmi Mockplus

Langkah 1: Daftar Buat akaun anda sendiri, kemudian buat fail baharu dan masukkan antara muka penyuntingan! (Disebabkan kekangan masa, saya akan cuba terus di sini) Kemudian kotak dialog gaya prototaip muncul untuk kita pilih: lakaran atau garisan!

Pengarang memilih baris:

Apa yang perlu kami lakukan ialah mengalihkan kawalan dari bar komponen di sebelah kiri ke antara muka mudah alih Sudah tentu, kami boleh mengklik dua kali pada kawalan untuk menyesuaikan kami Gaya, seperti warna, imej latar belakang, dsb.!

Langkah 2: Pelaksanaan interaktif: Sebagai tambahan kepada antara muka, prototaip antara muka juga mesti menyertakan interaksi Di sini kami akan membuat contoh interaktif mudah bagi aplikasi berita untuk dialami oleh semua orang. Kami menambah pautan lompat dalam salah satu kategori berita,

Kemudian kita boleh klik butang main di penjuru kanan sebelah atas:

Seterusnya kita boleh melihat interaksi khusus PS: Ini mungkin masalah dengan versi web, beberapa gambar tidak boleh dipaparkan!

Baiklah, ini adalah penggunaan umum yang anda boleh terokai sendiri Selain itu, jika anda menjana dokumen, anda perlu menaik taraf kepada pengguna berbayar. 6 yuan sebulan tidak mahal, hanya harga sarapan Sudah tentu, jika anda hanya berseronok sendiri, tidak perlu membukanya!

Android dilengkapi dengan alat DroidDraw untuk mereka bentuk antara muka Android:

Malah, Android juga menyediakan kami alat reka bentuk antara muka "kuno", yang setanding dengan yang di atas- alat prototaip antara muka yang disebutkan Berbanding dengan, berpuluh-puluh jalan jauhnya, ia boleh difahami sebagai ADT yang berasingan Fungsi yang lebih maju sedikit daripada ADT adalah untuk menjana kod secara automatik... Bagi rakan yang jarang berhubung dengan reka bentuk prototaip, anda boleh. kuasai alat ini dalam 1 atau 2 minit, ia masih berbaloi!

Antara muka alat:

此处输入图片的描述

Ikon telah mencatatkan operasi yang berkaitan Ia adalah satu-satunya kriteria untuk menguji kebenaran. , turun dan cuba sendiri!!

Muat turun perisian: droiddrawr.jar

Ringkasan bahagian ini:

Bahagian ini memperkenalkan anda kepada konsep reka bentuk prototaip antara muka Kesederhanaan dan kepraktisan Mockplus, serta alat DroidDraw yang disertakan dengan Android, agak mudah dan memerlukan semua orang mempraktikkan dan memahaminya!