Les Privat Desain Web di Jogja

Figma dulu atau menulis kode dulu di les desain web Jogja?

Pertanyaan ini muncul hampir di setiap sesi pertama. Jawaban kami tetap sama: rancang dulu, kode menyusul. Alasannya praktis. Mengubah ukuran huruf di Figma memakan tiga detik; mengubah hal yang sama setelah halaman terlanjur ditulis dalam kode memakan waktu jauh lebih panjang dan sering merusak bagian lain yang sudah rapi.

Urutan itu juga menjaga semangat kamu. Peserta yang langsung masuk ke kode sering menghabiskan empat sesi hanya untuk membuat tiga kotak berjajar rapi, dan menyimpulkan dirinya tidak berbakat. Padahal yang sedang macet adalah pemahaman tata letak, dan hal itu lebih cepat dipahami di ruang rancang yang bisa digeser bebas.

Peserta yang berniat berhenti di jalur tanpa kode tetap kami layani penuh. Aplikasi susun halaman sekarang sudah matang dan hasilnya sah dipakai untuk usaha maupun portofolio. Pengetahuan tata letak yang sama tetap diperlukan, karena aplikasi mana pun hanya menjalankan keputusan yang kamu ambil.

Tata letak: pelajaran paling menentukan di desain web

Kalau seluruh kelas ini harus diringkas jadi satu keterampilan, jawabannya tata letak. Warna bisa diganti dalam semenit dan huruf bisa ditukar dalam dua menit, sedangkan susunan yang salah membuat halaman terasa keliru tanpa pembaca bisa menyebut sebabnya.

Tata letak yang baik bertumpu pada empat hal yang bisa dipelajari: kelompok yang berdekatan dibaca sebagai satu kesatuan, tepi yang lurus menenangkan mata, jarak yang berulang menciptakan irama, dan ruang kosong memberi tekanan pada isi yang penting. Empat hal itu diperkenalkan di sesi ketiga, lalu dilatih terus sampai kelas berakhir.

Alat ukur kami sederhana. Tutor menutup separuh layar dan bertanya bagian mana yang kamu baca lebih dulu. Kalau jawabannya berbeda dari niat rancangan, susunannya perlu diperbaiki. Cara ini memindahkan pertanyaan dari suka atau tidak suka ke berhasil atau belum berhasil.

Tipografi web: ukuran huruf, jarak baris, dan panjang baris

Sebagian besar isi sebuah situs adalah teks, jadi keterampilan menata huruf memberi hasil paling besar per jam belajar. Di kelas ini kamu menyusun skala ukuran sendiri: satu ukuran untuk teks isi, dua atau tiga ukuran di atasnya untuk judul, dan satu ukuran di bawahnya untuk keterangan. Skala yang tertulis membuat halaman berikutnya lahir konsisten.

Tiga setelan yang paling sering meleset adalah jarak antar baris yang terlalu rapat pada paragraf panjang, panjang baris yang dibiarkan melebar, dan pemakaian huruf yang berbeda di tiap bagian. Ketiganya diperbaiki dengan aturan sederhana yang kamu tetapkan sekali lalu dipakai terus.

Situs berbahasa Indonesia punya satu catatan tambahan. Kata dalam bahasa kita cenderung panjang, dan kata seperti pemberitahuan atau penyelenggaraan mudah memaksa baris pecah di tempat yang aneh pada layar sempit. Tutor melatih kamu memeriksa judul pada lebar ponsel sejak awal.

Warna dan kontras di layar yang dipakai orang sungguhan

Palet warna disusun dari satu warna utama, satu warna aksen, dan sederet warna netral. Warna utama dipakai untuk tindakan yang paling kamu inginkan, aksen untuk penanda kecil, dan netral untuk sebagian besar permukaan. Susunan seperti ini membuat halaman tetap terasa satu keluarga meski isinya bertambah.

Bagian yang paling sering dilewatkan adalah kontras. Teks abu muda di atas latar putih terlihat lembut di layar laptop dalam ruangan, lalu hilang di layar ponsel yang dipakai di teras rumah pada siang hari. Kami mengukur angkanya dengan alat pemeriksa dan menetapkan ambang yang harus dilewati untuk teks isi.

Warna juga perlu didampingi penanda lain. Pesan kesalahan pada formulir yang hanya berubah merah akan luput bagi pengunjung yang sulit membedakan warna. Tambahkan ikon atau tulisan penjelas supaya pesannya sampai lewat lebih dari satu jalur.