Antarmuka Pengguna dan Desain Aplikasi

Antarmuka pengguna (User Interface) berfungsi untuk …

• Menghubungkan antara pengguna dengan sistem aplikasi, sehingga aplikasi tersebut bisa digunakan.

• Aplikasi khusus untuk membuat desain aplikasi mobile.

• Aplikasi grafis yang dapat digunakan untuk keperluan web desain.

• Software pembuatan desain atau prototyping dalam pembuatan user interface pada aplikasi.

Sketch adalah …

• Aplikasi khusus untuk membuat desain aplikasi mobile.

• 1. Aplikasi grafis yang dapat digunakan untuk keperluan web desain.

• 1. Software pembuatan desain atau prototyping dalam pembuatan user interface pada aplikasi.

• 1. Perangkat lunak open source yang digunakan untuk membuat user interface (ui).

Marvell App merupakan …

• 1. Tools yang memudahkan para desainer  untuk membuat prototype aplikasi mobile dan proyek web.

• 1. Aplikasi grafis yang dapat digunakan untuk keperluan web desain.

• 1. Software pembuatan desain atau prototyping dalam pembuatan user interface pada aplikasi.

• 1. Perangkat lunak open source yang digunakan untuk membuat user interface (ui).

Contoh Tools Desain Aplikasi yaitu ….

• 1. Sketch, Adobe XD, Balsamiq, Marvell App

• 1. Android Studio, Sketch, Adobe XD, Balsamiq

• 1. XAMPP, Android Studio, Adobe XD, Balsamiq

• 1. Prisma Photo Editor, XAMPP, Android Studio

Text Field didesain aplikasi Pencil berfungsi …

• Pembuatan desain atau prototyping dalam pembuatan user interface pada aplikasi

• 1. Developer dan desainer dalam pengembangan user interface aplikasi.

• Membuat desain aplikasi mobile.

• 1. Pengguna dapat menyisipkan sebuah teks

Cara menambahkan title dengan cara menambahkan Text label pada desain aplikasi Pencil yaitu …

• 1. Klik 2 kali untuk mengubah teksnya, klik kanan pada komponen Text, dan Pilih bagian Link To, pilih page yang ingin di tujuh.

• 1. Drag & drop ke canvas, Klik 2 kali untuk mengubah teksnya

• 1. Klik kanan pada komponen button, Pilih bagian Link To dan pilih page yang ingin di tujuh.

• 1. Tambahkan komponen Button dan Tambahkan Icon Back untuk tombol kembali.

Cara Menambahkan gambar dari Common Shape didesain aplikasi Pencil yaitu …

• 1. Drag & drop ke canvas, Klik 2 kali untuk mengubah teksnya

• 1. Klik kanan pada komponen button, Pilih bagian Link To dan pilih page yang ingin di tujuh.

• 1. Tambahkan komponen Button dan Tambahkan Icon Back untuk tombol kembali.

• 1. Klik kanan pada komponen, pilih Load Linked Image, cari dan pilih file gambar yang diinginkan.

Menu-menu Aplikasi Pencil yaitu …

• 1. Document, Edit, View, Shape, Tools dan Help

• 1. Document, Edit, View, Shape, Review, dan Layout

• 1. Shape, Review, dan Layout, File, dan Home

• 1. Layout, File, Home, Tools dan Help

Adobe XD adalah…

• 1. Aplikasi grafis yang dapat digunakan untuk keperluan web desain.

• 1. Software pembuatan desain atau prototyping dalam pembuatan user interface pada aplikasi.

• 1. Perangkat lunak open source yang digunakan untuk membuat user interface (ui).

• 1. Aplikasi khusus untuk membuat desain aplikasi mobile.

Shape category terdiri dari…

• 1. Common shapes, Basic web element, File

• 1. Flowchart, Mobile, Pencil

• 1. Shape, Flowchart, Mobile

• 1. Common shapes, Basic web element, Flowchart, Mobile