Anda di halaman 1dari 3

362358302069_Bagus Kurniawan_TRPL1A

RESPONSIVE 2
Setelah menyelesaikan design responsive untuk bagian Hero dan Navigasi, kini kita
lanjutkan untuk membuat design responsive section. Langkah pertama yang harus
dilakukan adalah menentukan design responsive yang kedua, setelah ditandai kita
analisa terlebih dahulu informasi yang ada di dalamnya, meliputi :

1. Judul section

2. Testimonial

3. Peningkatan performa setelah menggunakan produk ini

4. Fitur-fitur yang dapat membantu customer saat menggunakan produk ini

Cara pengerjaannya kita menyesuaikan apa yang kita sesuaikan.

Seperti biasa kita menggunakan rentangle lalu kita masukkan point-point yang kita
tandai sebelumnya.

Kiranya seperti ini.

Yang kedua kita meneruskan point-point yang sudah ditandai. Lalu tambahkan tombol
search dan microphone pada iconsax dan coolicons
Maka hasilnya akan seperti ini, lalu buat lagi yang kedua. Tambahkan tombol search
yang ada pada sebelumnya. Tambahkan teks di bawahnya lalu tambahkan Avatar yang
ada pada Hero section sebelumnya. Setelah itu tambahkan tingkat kesukaan konsumen
atau persen yang ada pada Hero section.

Maka tampilan semua seperti yang ada di bawah ini


ANALISA DAN KESIMPULAN

Pada praktikum ini digunakan pada mobile handphone. Kita bisa menyesuaikan
bentuk ataupun ukuran handphone. Dengan kreativitas masing-masing maka akan
menghasilkan desain yang bagus. Ataupun mengikuti seperti yang ada pada modul
tersebut.

Kesimpulan pada praktikum ini adalah kita bisa membuat desain sesuai dengan
selera masing-masing. Desain haruslah simpel agar memudahkan user dalam
menggunakannya.

Anda mungkin juga menyukai