BerandaComputers and TechnologyMitos Pixel Perfect Grid

Mitos Pixel Perfect Grid

Jika Anda pernah menghabiskan waktu dengan desainer grafis, Anda akan tahu bahwa mereka senang menghabiskan uang Anda untuk perubahan yang tidak terlihat pada file gambar Anda. “Ini harus pixel-perfect!” mereka menangis. Saat Anda bertanya mengapa mereka membuat ikon yang sama dalam berbagai ukuran, masing-masing dengan variasi yang halus, mereka secara samar menyebutkan bagaimana semuanya harus sejajar dengan “kisi”.

Ini hokum.

Prinsip Pertama

Saat pertama kali belajar tentang komputer, kita diajari tentang piksel. Kotak individu yang membentuk tampilan grafik. Setiap piksel platonis adalah bujur sangkar sempurna yang dapat menampilkan berbagai warna.

Dalam kenaifan kita, kita melihat bagaimana garis diagonal dapat digambar pada sistem seperti itu.

A simple pixel representation of a line.

Kami kemudian belajar bahwa kami dapat memasukkan petunjuk untuk mengaktifkan Sub Pixel Rendering.

A simple pixel representation of a line, with some pixels shaded grey.

Garis tidak memotong piksel tersebut, tetapi jika kita membuatnya menjadi abu-abu, garis tersebut akan terlihat lebih halus bagi pengguna. Bagus! Gridnya ajaib!

Ini bohong. Sama seperti semua hal lain dalam komputasi – piksel adalah abstraksi sederhana untuk pikiran manusia kecil kita.

Layar Teknologi

teknologi memainkan peran besar dalam bagaimana “piksel” ditata. Jika Anda belum pernah melihat layar melalui mikroskop, Anda harus!

Berikut adalah versi yang diperbesar dari layar “pentile” AMOLED yang umum:
Nexus one screen microscope.jpg

Masing-masing warna tidak persegi . Tidak setiap piksel memiliki warna yang sama. Mereka tidak selaras dengan cara Anda berpikir. Pendeknya; jika Anda mendesain untuk “kisi”, Anda tidak akan sejajar dengan piksel fisik.

Teknologi yang berbeda memiliki tata letak yang berbeda.
Pixel geometry 01 Pengo.jpg

Jika Anda ingin masuk gulma, lihatlah Kebun Binatang Subpiksel Ian Mallett – Katalog Geometri Subpiksel

Di luar layar ponsel, piksel tidak selalu persegi .

Membandingkan dan kontras

Berikut adalah pilihan dari beberapa layar ponsel yang semuanya menampilkan huruf b .
The letter B rendered on several screens, intensly magnified.
(Saya tanpa malu-malu mencuri gambar itu dari artikel Perbandingan Layar Phone Arena (2014) . Anda dapat melihat gambar resolusi penuh .)

Anda dapat mengubah font dan gambar sesuka hati. Tidak ada kisi universal yang akan menampilkannya.

Various screens. The text is laid out differently on each.

Oke, tetapi kita semua desainer super keren memiliki perangkat Apple kelas atas. Itu punya kotak, kan?!

Tidak! Inilah tampilan iPhone, iPad, dan iWatch Anda di bawah mikroskop :
The letter E displayed on various screens. Each renders differently.
Sekarang, font itu mungkin diisyaratkan untuk banyak ukuran yang berbeda, tetapi itu tidak diisyaratkan untuk teknologi layar yang berbeda.

Grease adalah kata

Saat Anda berikutnya di bus, lihat layar yang digunakan orang. Saya jamin Anda akan melihat ponsel yang:

  • Tercakup dalam minyak sidik jari.
  • Beberapa celah mengalir melalui kaca.
  • Pelindung layar tidak diterapkan dengan baik dengan debu yang terperangkap di bawahnya.
  • Lampu eksternal mencerminkan dari layar.

Itulah lingkungan umum untuk melihat ikon Anda. Pikselnya bahkan tidak masuk ke dalamnya!

Menurut Anda, saya melebih-lebihkan? Carilah dirimu sendiri. Hitung jumlah orang dalam perjalanan Anda yang tidak memiliki layar asli. Sebagai bonus, ini telepon teman saya:
A modern iPhone. The screen is cracked, it is covered with a dirty screen protector covered in fingerprint smudges.
Sungguh menyakitkan untuk dilihat, saya tahu. Tapi pada ikon Anda biasanya ditampilkan.

Biologi

Seberapa jauh orang memegang ponsel mereka? Apakah bola mata mereka mengarah ke layar, atau apakah ponsel berada di pangkuan mereka saat mereka mengetuknya?

Ketajaman visual itu kompleks , dan manusia datang dalam berbagai visual kemampuan. Umumnya:

Paling banter, manusia dapat menyelesaikan dua garis dengan jarak sekitar 0,01 derajat: celah 0,026mm, 15cm dari wajah Anda. Dalam praktiknya, objek dengan lebar 0,04mm (lebar rambut halus manusia) hanya dapat dibedakan dengan mata yang baik, objek dengan lebar 0,02mm tidak.
Fokus Sains

The iPhone terbaru memiliki 458 “piksel per inci”. Itu sekitar 180 piksel per sentimeter. Setiap piksel berada pada batas yang dapat dilihat oleh mata manusia sempurna dari dekat dan dalam kondisi sempurna.

Manusia tidak dapat melihat piksel Anda. Maaf. Kami tidak lagi menggunakan layar CRT 17 inci dengan ukuran 800 × 600. Pengguna Anda tidak dapat secara fisik membedakan antara ikon yang telah disesuaikan dengan baik.

Ringkasan

Tidak ada kisi . Tidak pernah ada. Anda dapat menyejajarkan dengan piksel teoretis – tetapi segera setelah gambar menyentuh layar fisik, gambar akan disesuaikan agar sesuai dengan kenyataan.

Clip from the film

Obsesi dengan rendering sempurna piksel itu sia-sia.

Desainer bukanlah orang jahat. Mereka tidak bodoh, berbohong, atau boros. Namun, mereka dapat terobsesi dengan kesempurnaan secara tidak wajar.

Sebagian besar pengguna Anda tidak duduk di depan mode retina yang terkalibrasi sempurna, pencahayaan baik, dan bersih sempurna. Jika mereka melihat desain Anda sama sekali, itu adalah melalui kaca, gelap.

Read More

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments