wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Web Desain Gasskeun

Total questions: 50

Worksheet time: 53mins

Name
Class
Date
1.

Apa itu web desain?

a)

Proses perencanaan dan pembuatan elemen-elemen visual untuk situs web.

b)

tampilan dan warna pada situs web

c)

Sebuah teknik pemrograman.

d)

Sebuah alat untuk membuat gambar.

2.

Apa yang menjadi fokus desain responsif?

a)

Menyesuaikan tampilan berdasarkan ukuran layar.

b)

Menggunakan warna yang lebih cerah.

c)

Membuat teks lebih besar.

d)

Menambahkan lebih banyak gambar.

3.

Sebutkan salah satu tujuan dari web desain!

a)

Meningkatkan pengalaman pengguna.

b)

Mengurangi jumlah pengunjung.

c)

Membuat situs web lebih cepat.

d)

Menghilangkan elemen interaktif.

4.

Apa yang dimaksud dengan keterbacaan dalam prinsip web desain?

a)

Tipografi yang jelas dan mudah dibaca.

b)

Penggunaan warna yang dominan.

c)

Menambahkan gambar.

d)

Menggunakan warna jenis font

5.

Apa yang harus dipilih untuk memastikan teks dapat dibaca dengan nyaman?

a)

Font yang mudah dibaca dan ukuran font yang sesuai

b)

Font yang terlalu kecil

c)

Font yang sulit dibaca

6.

Mengapa penting untuk menggunakan kontras yang cukup antara teks dan latar belakang?

a)

Untuk meningkatkan keterbacaan

b)

Untuk membuat teks terlihat lebih menarik

c)

Untuk mengurangi penggunaan warna

7.

Apa yang dimaksud dengan konsistensi visual dalam desain web?

a)

Menerapkan panduan gaya yang konsisten di seluruh situs

b)

Menggunakan berbagai warna dan tipografi

c)

Mengubah elemen desain setiap kali

8.

Apa yang harus diperhatikan dalam merancang menu navigasi?

a)

Menu harus mudah diakses dan dipahami

b)

Menu harus berisi banyak pilihan

c)

Menu harus selalu berubah

9.

Apa yang dimaksud dengan desain mobile-first?

a)

Memprioritaskan desain untuk perangkat mobile terlebih dahulu

b)

Mendesain untuk desktop terlebih dahulu

c)

Mengabaikan perangkat mobile

10.

Mengapa penting untuk menggunakan ruang putih dalam desain web?

a)

Untuk menciptakan desain yang bersih dan menghindari kekacauan visual

b)

Untuk menambah elemen desain dalam situs web

c)

Untuk mengurangi ukuran halaman web

11.

Apa yang harus dipertimbangkan saat merancang situs web?

a)

Tujuan bisnis dan penargetan audiens

b)

penargetan audiens

c)

tujuan bisnis

12.

Apa yang dimaksud dengan layout dalam desain web?

a)

Cara elemen-elemen halaman web disusun dan ditata

b)

ukuran elemen yang di situs web

c)

warna elemen dalam situs web

13.

Apa fungsi dari header dalam desain web?

a)

Memberikan konteks dan memfasilitasi navigasi pengguna

b)

menampilkan logo

c)

menampilkan informasi kontak

14.

Apa itu Navigasi Bar dalam desain web?

a)

Elemen penting untuk navigasi

b)

untuk branding

c)

Bagian dari footer

d)

Berisi gambar

15.

Apa yang dimaksud dengan Konten dalam desain web?

a)

Bagian utama web

b)

gambar

c)

teks

d)

informasi

16.

Apa fungsi dari Sidebar dalam desain web?

a)

Menyajikan informasi tambahan

b)

Hanya untuk navigasi utama

c)

Bagian dari footer

d)

tombol tambahan

17.

Apa itu Footer dalam desain web?

a)

Bagian paling bawah halaman

b)

bagian navigasi

c)

Hanya untuk branding

d)

isi dari konten

18.

Apa yang dimaksud dengan Fixed Layout?

a)

Metode dengan posisi tetap

b)

Metode yang fleksibel

c)

Metode dengan scrolling horizontal

d)

motode berubah-ubah

19.

Apa itu Fluid Layout?

a)

Metode yang menyesuaikan ukuran

b)

Metode dengan posisi tetap

c)

Metode dengan scrolling horizontal

d)

Tidak ada fungsi

20.

Apa yang dimaksud dengan Horizontal Scrolling Layout?

a)

Layout dengan konten horizontal

b)

Layout dengan konten vertikal

c)

Layout dengan posisi tetap

d)

Tidak ada fungsi

21.

Apa itu Grid Layout?

a)

Metode dengan sistem grid

b)

Metode dengan posisi tetap

c)

Metode dengan scrolling horizontal

d)

Tidak ada fungsi

22.

Apa itu Featured Image Layout dalam desain web?

a)

Layout yang berisi gambar produk

b)

Layout yang berisi teks

c)

Layout yang tidak memiliki gambar

d)

Layout yang berisi video

23.

Apa ciri khas dari Boxes Layout?

a)

Memiliki kotak besar di bagian header

b)

Hanya terdiri dari satu kotak

c)

Tidak memiliki kotak

d)

Semua kotak berukuran sama

24.

Apa itu Card Layout?

a)

Metode desain yang menggunakan kartu

b)

Metode desain yang hanya menggunakan teks

c)

Metode desain yang tidak terstruktur

d)

Metode desain yang hanya menggunakan gambar

25.

Apa yang dimaksud dengan Multi-Column Layout?

a)

Menyusun konten dalam beberapa kolom vertikal

b)

Menyusun konten dalam satu kolom

c)

Menyusun konten dalam bentuk tabel

d)

Menyusun konten dalam bentuk gambar

26.

Apa itu White Space dalam desain web?

a)

Area kosong di antara elemen

b)

Area yang selalu berisi konten

c)

Area yang tidak penting

d)

Area yang hanya berisi gambar

27.

Apa keuntungan dari White Space dalam desain web?

a)

Meningkatkan keterbacaan

b)

Mengurangi keterbacaan

c)

Membuat desain terlihat lebih padat

d)

Menghilangkan elemen penting

28.

Mengapa pilihan font penting dalam desain web?

a)

Mempengaruhi keterbacaan dan estetika

b)

Tidak berpengaruh sama sekali

c)

Hanya penting untuk materi cetak

d)

Hanya penting untuk gambar

29.

Apa yang harus diperhatikan ketika memilih jenis huruf untuk web?

4 lines
30.

apa itu ui ux desain dan perbedaan nya

4 lines
31.

Apa yang dimaksud dengan legibility dalam konteks huruf?

4 lines
32.

Apa yang berpengaruh terhadap readibility?

4 lines
33.

Apa warna yang paling baik untuk body text?

4 lines
34.

Apa ukuran yang paling pas untuk body text?

4 lines
35.

apa yang di maksud UI dalam desain web

4 lines
36.

Apa itu skema warna website?

4 lines
37.

apa yang di maksud UX dalam desain web

4 lines
38.

Apa yang harus diperhatikan dalam keterbacaan skema warna?

4 lines
39.

Mengapa penting untuk menguji skema warna pada berbagai perangkat?

4 lines
40.

Cara Memilih Skema Warna untuk Website

a)

Gunakan warna muda untuk latar dan warna tua untuk teks.

b)

Hindari menggunakan warna-warna primer untuk latar.

c)

Pilih hanya SATU warna yang akan di-highlight.

41.

Desain Navigasi

a)

Letakkan navigasi di bagian paling atas layout.

b)

Kategorikan navigasi berdasarkan produk.

c)

Gunakan menu dropdown untuk memisahkan subtopik.

42.

Fungsi dan Manfaat Tombol Web

a)

Tombol memungkinkan pengguna untuk melakukan aksi tertentu.

b)

Tombol dapat mengarahkan pengguna ke tindakan yang diinginkan.

43.

Jenis-jenis Tombol Web

a)

Tombol Primer

b)

Tombol Aktif

44.

Apa yang dimaksud dengan Tombol Primer?

a)

Tombol utama yang digunakan untuk tindakan yang paling penting di halaman atau aplikasi.

b)

Tombol tambahan yang mendukung tindakan utama.

c)

Tombol yang paling tidak mencolok dan sering digunakan untuk tindakan minor.

d)

Tombol yang menampilkan menu dropdown ketika diklik.

45.

Apa keuntungan dari Tombol Sekunder?

a)

Memfokuskan perhatian pengguna pada tindakan yang diinginkan.

b)

Menyediakan opsi tambahan tanpa mengalihkan perhatian dari tindakan utama.

c)

Menarik perhatian dan meningkatkan keterbacaan tombol.

d)

Menghemat ruang dengan menyajikan opsi tambahan dalam format dropdown.

46.

Apa yang harus diperhatikan dalam desain teks dan label pada tombol?

a)

Teks pada tombol harus jelas dan deskriptif.

b)

Warna tombol harus mencolok.

c)

Ukuran tombol harus besar.

d)

Tombol harus memiliki efek visual.

47.

Apa keuntungan dari menggunakan warna yang mencolok pada tombol?

a)

Menarik perhatian dan meningkatkan keterbacaan tombol.

b)

Menyediakan opsi tambahan.

c)

Memudahkan pengguna untuk memahami fungsi tombol.

d)

Menghemat ruang.

48.

Apa yang dimaksud dengan resolusi gambar?

a)

Jumlah piksel dalam gambar.

b)

jumlah file gambar.

c)

Format gambar.

d)

nama gambar.

49.

Apa keuntungan dari mengoptimalkan ukuran file gambar?

a)

Mempercepat waktu pemuatan halaman.

b)

Menyediakan gambar yang tajam.

c)

Meningkatkan kualitas gambar.

d)

Mengurangi ukuran file.

50.

Apa yang dimaksud dengan format gambar?

a)

Memengaruhi kualitas dan ukuran file gambar.

b)

Menentukan resolusi gambar.

c)

Menentukan ukuran file.

d)

Menentukan warna gambar.