Les Privat Desain Web di Solo

Warna dan kontras yang benar-benar terbaca

Palet disusun terbatas: satu warna utama, satu warna penegas, dan dua atau tiga tingkat warna latar. Keterbatasan itu disengaja, sebab palet lebar membuat keputusan berikutnya melambat dan membuat halaman kehilangan watak.

Setiap pasangan warna teks dan latar lalu diukur. Pedoman aksesibilitas isi web yang diterbitkan W3C menetapkan rasio kontras paling rendah 4,5 banding 1 untuk teks berukuran biasa dan 3 banding 1 untuk teks besar. Angka itu berlaku di luar selera, dan peserta belajar mengukurnya sendiri sampai hafal pasangan mana yang aman.

Dua pasangan paling sering gugur dalam pengukuran: abu muda di atas putih, dan huruf putih di atas foto. Keduanya terlihat bagus pada monitor mahal di ruang redup, lalu lenyap di layar ponsel yang dibawa ke luar rumah. Peserta di Mojosongo pernah menemukannya dengan membawa laptop ke halaman rumah pada tengah hari.

Ruang kosong dan keadaan tombol yang sering terlewat

Ruang kosong dipelajari sebagai alat, dengan satu aturan sederhana: hal-hal yang berhubungan didekatkan, hal-hal yang berbeda dijauhkan. Peserta melatihnya pada kartu produk, menata jarak antara gambar, nama, keterangan, dan tombol, sampai mata bisa membaca satu kartu sebagai satu kesatuan.

Tombol dan tautan diselesaikan sampai seluruh keadaannya tergambar. Satu tombol menuntut lima tampilan: biasa, saat kursor melewatinya, saat sedang ditekan, saat sedang menunggu jawaban, dan saat nonaktif beserta alasannya. Rancangan yang menggambarkan satu keadaan saja menyerahkan empat keputusan sisanya kepada orang lain.

Besar sasaran sentuh ikut diperiksa di babak ini. Tombol selebar dua belas piksel bisa diklik dengan tetikus dan sulit dijangkau ibu jari, dan selisih itu baru terasa ketika halaman dibuka di ponsel sambil berdiri di antrean Pasar Gede.

Gambar yang menjaga halaman tetap ringan dibuka

Gambar adalah penyebab paling umum halaman terasa lambat, dan keputusannya jatuh di tahap rancangan. Peserta berlatih menetapkan ukuran potong untuk tiap tempat gambar: satu ukuran untuk petak katalog, satu untuk gambar utama di kepala halaman, satu lagi untuk lambang kecil. Tanpa ketetapan itu, foto dari kamera ponsel dipasang apa adanya dan halaman menanggung berkas belasan kali lebih besar daripada yang dibutuhkan.

Perbandingan sisi ikut ditetapkan, supaya pemotongan otomatis tidak memakan kepala orang di foto atau memotong motif batik tepat di tengah. Peserta juga menandai gambar mana yang boleh dimuat belakangan, sehingga teks tampil lebih dulu ketika sambungan sedang lambat.

Pengujiannya dibuat kasar dengan sengaja: halaman dibuka memakai jaringan seluler biasa, lalu dihitung berapa lama teks pertama muncul. Seorang peserta di Nguter yang mengurus halaman pesanan memangkas separuh berat halamannya hanya dengan menetapkan tiga ukuran potong lalu memakainya secara tertib.

Aksesibilitas dikerjakan bersamaan dengan rancangannya

Tiga hal dikerjakan bersamaan dengan rancangannya: kontras yang cukup, sasaran sentuh yang terjangkau ibu jari, dan teks alternatif yang menjelaskan maksud gambar. Ketiganya murah dikerjakan di tahap rancangan dan mahal dibetulkan sesudah halaman terbit.

Pedoman W3C menyarankan sasaran sentuh selebar sekitar 44 piksel supaya nyaman ditekan, dan peserta mengujinya dengan menempelkan ibu jarinya sendiri ke layar. Teks alternatif dilatih dengan cara yang sama lugasnya: peserta membacakan halamannya sambil menutup gambarnya, lalu menilai apakah keterangan yang tersisa masih utuh.

Urutan membaca juga diperiksa. Susunan yang terlihat rapi di layar bisa melompat-lompat ketika dibacakan dari atas ke bawah, dan itu ketahuan hanya kalau diperiksa dengan sengaja. Peserta berlatih memeriksanya pada halaman yang ia tata sendiri di sesi sebelumnya.

Alat desain dan siapa yang menanggung lisensinya

Perlu dinyatakan terus terang: perangkat yang dipakai berlatih disiapkan peserta sendiri, yaitu laptop atau komputer yang biasa Anda pakai, tetikus atau papan sentuh, dan sambungan internet. Pendamping datang membawa bahan latihan dan arahan.

Alat desainnya terbagi dua. Figma punya tingkat pemakaian tanpa biaya yang memadai untuk seluruh latihan di kelas ini, dan di situlah sebagian besar sesi berjalan. Keluarga aplikasi Adobe, termasuk Adobe XD dan Photoshop, bekerja dengan langganan bulanan, dan tagihan langganan tersebut ditanggung pemakainya sendiri, terhitung di luar biaya kelas.

Pendamping tidak mengharuskan peserta berlangganan apa pun. Kalau Anda memang sudah berlangganan karena pekerjaan, sesi bisa memakai alat itu supaya latihannya sejalan dengan kebiasaan Anda. Kalau belum, seluruh babak di halaman ini tetap bisa diselesaikan dengan alat tanpa biaya, dan hasilnya sama-sama bisa diserahkan.

Memakai rancangan gambar dan huruf orang lain dengan tertib

Menyalin halaman yang Anda kagumi adalah cara belajar yang baik, dan pendamping memang menyuruhnya di babak awal. Batasnya jelas: hasil tiruan itu bahan latihan, dan menerbitkannya sebagai karya sendiri melewati batas tersebut. Peserta berlatih menyebutkan halaman mana yang ia pelajari, lalu mengubahnya sampai keputusannya bisa ia pertanggungjawabkan.

Gambar dan jenis huruf punya ketentuan pemakaian masing-masing. Satu jenis huruf bisa bebas dipakai untuk latihan dan menuntut lisensi terpisah untuk dipasang di situs yang ramai dikunjungi, dan gambar dari bank foto sering mensyaratkan penyebutan sumber. Peserta mencatatnya sejak awal, di berkas yang sama dengan ukuran dan warna.

Kebiasaan mencatat terasa memakan waktu pada bulan pertama, lalu membayar dirinya sendiri sesudah itu, terutama bagi pemilik usaha di Jaten atau Colomadu yang kelak menyerahkan halamannya kepada orang lain untuk dirawat.

Jadwal kelas desain web sepanjang tahun di Sukoharjo dan Karanganyar

Peminat kelas ini datang dengan dua irama. Pelajar dan mahasiswa menumpuk di sekitar pertengahan Juli, saat tahun ajaran baru dimulai dan tugas yang menuntut tampilan halaman mulai dibagikan. Peserta yang bekerja justru lebih longgar di awal tahun, dan sebagian besar meminta pertemuan sesudah jam kantor atau pada hari Sabtu.

Karena jam ditetapkan peserta lebih dulu, dua irama itu bisa berjalan bersama. Yang perlu diperhitungkan hanya satu: pada pekan yang padat, jam sore di wilayah yang sama kerap diminta beberapa peserta sekaligus, sehingga penelusuran pendamping untuk jam itu memakai hampir seluruh rentang 1 sampai 5 hari kerja.

Mahasiswa dari UNS maupun UMS yang sedang menyiapkan portofolio umumnya mengambil blok sesi rapat selama sebulan, lalu berhenti. Pemilik usaha lebih sering mengambil sesi jarang dan panjang, mengikuti tempo perubahan halamannya sendiri.

Kapan sebaiknya Anda menunggu sebelum mengambil kelas desain web?

Empat keadaan berikut membuat pelajaran menata halaman terasa mentah kalau dimulai hari ini. Lebih baik dibaca sekarang daripada disadari pada pertemuan keempat.

• Isi halaman Anda belum ada. Rupa ditata di atas naskah dan foto yang nyata, sehingga menyiapkan keduanya terlebih dahulu membuat pertemuan pertama langsung berisi.
• Yang Anda butuhkan sebenarnya satu halaman jadi dalam sepekan. Jasa pembuatan menyelesaikannya lebih cepat, dan kelas ini berjalan dengan tempo latihan.
• Jam Anda penuh sampai tidak ada sisa untuk mengulang di luar pertemuan. Keterampilan menata tumbuh dari ulangan, dan kemajuannya akan berhenti di catatan saja.
• Yang Anda cari adalah cara menulis kode halaman atau mengurus tempat penyimpanan situs. Itu bahasan program lain, dan tautannya tersedia di bagian jalur sebelah.

Bila salah satunya terasa dekat dengan keadaan Anda sekarang, sebutkan itu ketika bertanya. Tim akan mengusulkan susunan langkah yang lebih masuk akal untuk desain web, termasuk pilihan menundanya sampai bahannya siap.