Pernahkah Anda mendengar tentang piksel sempurna? Pernahkah Anda ditanya tentang hal itu dalam wawancara kerja atau pernahkah Anda melihatnya dalam tawaran pekerjaan? Jika demikian, Anda mungkin ragu tentang apa yang mereka maksud. Kecuali Anda tahu pasti apa itu, baik dari pelatihan Anda atau dari pengalaman Anda.
Namun jika tidak demikian dan Anda perlu mengklarifikasi konsep ini agar Anda tidak ketahuan sebagai "pemula" dalam sebuah wawancara, berikut semua informasi yang perlu Anda ketahui tentangnya. Apakah Anda melihatnya?
Apa itu piksel sempurna
Ada kemungkinan bahwa dengan kata-kata tersebut Anda dapat berpikir bahwa itu merujuk pada pembuatan ilustrasi atau gambar dengan piksel sempurna (yaitu, dengan elemen yang membentuk gambar).
Tapi sebenarnya lebih jauh. Memang benar ini tentang mencapai kesempurnaan dengan desain.
Teknik ini terutama digunakan dalam desain halaman atau aplikasi, tetapi tidak ada yang menghalangi Anda untuk menggunakannya saat membuat gambar dengan komputer Anda.
Istilah ini mulai digunakan pada tahun 90-an., yang dicirikan karena halaman web dibuat melalui Photoshop, dengan cara yang lebih tradisional (tidak seperti sekarang). Untuk itu dicari orang yang menguasai alat dan teknik dengan sempurna sehingga desainnya memadai.
Tentu saja, bertahun-tahun telah berlalu dan, meskipun tidak banyak mencari profesional yang tahu cara menerapkan teknik piksel sempurna, tidak ada salahnya untuk mengetahuinya, atau setidaknya tahu teknik apa yang digunakan untuk mencapai hasil yang lebih baik.
Kami memberi tahu Anda tentang mereka di bawah ini.
teknik sempurna piksel
Seperti yang kami katakan sebelumnya, di sini kita akan berbicara tentang berbagai teknik yang digunakan oleh seorang profesional sempurna piksel untuk mencapai tujuannya.
Aksesibilitas
Aksesibilitas adalah sesuatu yang tidak memungkinkan Anda untuk mengetahui apa yang kami maksud jika kami tidak memberi Anda lebih banyak data, bukan?
Bayangkan Anda memiliki halaman web yang memiliki menu yang menampilkan beberapa opsi.
Situs web yang tidak dapat diakses adalah situs web yang, dalam opsi yang ditampilkan, kutipan dari setiap halaman dapat dibaca.
Situs web yang dapat diakses adalah situs web yang, dalam opsi yang ditampilkan, kami akan memiliki satu atau dua kata yang menentukan apa yang akan ditemukan di halaman itu.
Dengan kata lain, dan berfokus pada desain, ini tentang membuat situs web atau aplikasi yang mudah dinavigasi, tidak menimbulkan masalah, dan juga intuitif.
Tipografi
Meskipun tipografi dapat termasuk dalam aksesibilitas, sebenarnya tipografi memiliki tekniknya sendiri.
Di satu sisi, Anda harus menemukan font yang efektif untuk bisnis atau sektor situs web tersebut. Tetapi juga penting untuk memiliki ukuran dan spasi yang sesuai agar dapat dibaca, sehingga dapat dilihat di browser, perangkat, dll.
Dalam hal ini, tidak disarankan untuk bertaruh pada font yang sangat orisinal, yang keluar dari "klasik". Karena Anda dapat menemukan bahwa browser mengubah huruf karena tidak memilikinya, karena teks tidak ditampilkan, dll.
piksel
Bagaimana tidak, Jika kita berbicara tentang pixel perfect, salah satu teknik yang harus Anda kuasai dengan sempurna Ini semua tentang piksel. Anda seharusnya tidak hanya tahu apa itu, kepentingannya, dll. tetapi juga bagaimana menggunakannya untuk keuntungan Anda.
Dan dalam pengertian ini, Anda harus tahu bahwa salah satu kegagalan dari mereka yang tidak menguasainya dengan sempurna adalah membiarkan tepiannya di-raster (sesuatu yang dapat dilakukan Photoshop secara default).
Untuk menghindarinya, Anda akan membutuhkan ujung-ujungnya lurus dan, selain itu, harus utuh. Dengan kata lain: dengan menggunakan pengaturan Photoshop Anda harus menghindari anti-aliasing serta rasterisasi piksel.
hirarki visual
Meskipun teknik ini tidak begitu terkait dengan piksel, teknik ini terkait dengan urutan kemunculan berbagai elemen situs web atau aplikasi. Saat melakukannya di Photoshop, Anda harus sangat jelas tentang bagaimana Anda ingin semuanya terlihat (karena sulit untuk mengubahnya nanti).
Untuk alasan ini, saat membangun "dasar" atau struktur web, perlu diketahui elemen mana yang relevan, sejauh mana dan urutan kemunculannya agar memiliki desain yang menyenangkan secara visual.
Organisasi dan nomenklatur
Kecuali jika Anda membuat situs web sepenuhnya sendiri, dan Anda mengatur diri sendiri seperti yang Anda inginkan, memiliki organisasi yang baik memberikan citra yang sangat baik.
Desainer umumnya bekerja sebagai sebuah tim. Oleh karena itu, menyajikan file yang terorganisir dengan baik, berdasarkan lapisan, dan mendefinisikan setiap elemen (tidak hanya situs web, tetapi juga gambar, ikon, dll. yang dimilikinya) akan membantu membuat perubahan lebih cepat nantinya, karena Anda akan selalu tahu di mana menyentuh.
penjajaran dan jarak
Menawarkan desain web dengan beberapa produk, tetapi masing-masing lebih tinggi atau lebih rendah dari yang berikutnya akan kacau. Pertama, karena Anda akan memberikan citra yang sangat buruk; dan kedua karena secara visual akan terasa sangat berantakan sehingga orang ingin segera keluar dari sana.
Menjaga margin, menetapkan garis vertikal dan horizontal sehingga setiap elemen berada di tengah, dan membuat kriteria ukuran akan mencapai keseimbangan pada halaman.
Selain itu, Anda akan mendapatkan desain untuk "bernafas" dan, dengan itu, Anda tidak akan merasa kewalahan dengan semua yang Anda lihat, melainkan berjalan dengan lebih tenang.
Warna, bentuk dan makna
Elemen visual dari sebuah situs web atau aplikasi harus “dikawinkan”. Artinya, mereka perlu dipadukan satu sama lain agar menawarkan hasil seolah-olah mereka selalu bersama. Itulah yang dilakukan oleh pixel perfect.
Jika tidak, itu akan membingungkan pengguna.
Misalnya, meletakkan ikon hitam dengan ikon lain di sebelahnya dengan warna neon.
Anda harus memperhatikan detail tersebut. karena mereka benar-benar dapat menghancurkan hasil akhir.
Teknik pixel perfect sudah jarang digunakan lagi, apalagi website tidak lagi dibuat menggunakan photoshop. Tapi ini Anda bisa memindahkannya untuk kegunaan lain. Pernahkah Anda mendengar tentang dia?