Untuk memastikan garis senarai semak nipis kekal konsisten, reka bentuk pada dimensi PNG yang dikehendaki, berikan geometri yang sepadan kepada elemen berulang, dan periksa kedudukan pikselnya sebelum mengeksport. Tetapan lebar lejang sahaja tidak dapat menjamin hasil yang kelihatan sama pada setiap saiz output.

Panduan ini merangkumi grafik senarai semak yang dibuat dalam aplikasi desktop Affinity semasa pada Mac: kotak kosong berulang, garis mendatar dan label neutral seperti “Item A.” Tugasnya ialah menghasilkan PNG yang kemas pada saiz tertentu. Laluan menu mengikut dokumentasi Pusat Bantuan Affinity semasa.

Mengapa garis yang sama lebar boleh kelihatan berbeza?

Mulakan dengan membezakan geometri karya seni daripada pratonton pikselnya. Paparan Vektor Affinity menunjukkan tepi vektor yang licin tanpa mengira zum. Paparan Piksel mewakili karya seni vektor sebagai piksel individu, manakala paparan Piksel Retina mewakili rupanya pada paparan berketumpatan tinggi. Gunakan View > Mode > Pixels untuk memeriksa reka bentuk bagi output imej biasa. Mod paparan

Dua garis boleh mempunyai lebar lejang yang sama tetapi berada pada kedudukan yang berbeza berbanding grid piksel. Affinity membenarkan kedudukan separa piksel apabila Force Pixel Alignment dimatikan. Dokumentasinya juga memberi amaran bahawa menjajarkan pada objek yang berada di luar piksel boleh menghasilkan kedudukan luar piksel walaupun penjajaran piksel diaktifkan. Paksa Penjajaran Piksel

Kesimpulan praktikalnya ialah menyamakan lebar hanyalah sebahagian daripada tugas. Samakan juga kedudukan, orientasi dan skala output. Untuk senarai semak, bandingkan ciri yang setara: sisi kotak yang lurus dengan sisi kotak yang lurus, dan garis mendatar dengan garis mendatar. Sudut bulat dan tanda pepenjuru mempunyai geometri yang berbeza dan tidak patut dinilai berdasarkan sama ada corak pikselnya serupa.

Tetapkan satu gaya garis yang boleh diulang

Pilih satu kotak semak atau garis sebagai contoh, kemudian buka Window > Vector > Stroke. Panel ini menyediakan kawalan gaya garis, lebar, hujung, sambungan, penjajaran dan tekanan. Untuk senarai semak biasa, gunakan garis padu dan periksa sebarang profil tekanan sebelum menganggap nilai lebar sebagai bukti ketebalan yang seragam. Pastikan tetapan elemen yang setara sama. Panel Lejang

Untuk bentuk kotak semak tertutup, pilih satu penjajaran lejang dan gunakannya secara konsisten. Pilihan yang didokumenkan meletakkan lejang di tengah, di dalam atau di luar pinggir objek. Oleh itu, penjajaran mengubah kedudukan sempadan yang kelihatan berbanding geometri bentuk. Periksa juga Order: melukis lejang di belakang bentuk tertutup yang berisi boleh menyembunyikan separuh bahagian dalamnya. Panel Lejang

Periksa tingkah laku saiz semula sebelum melaraskan sekumpulan kotak. Scale with Object menentukan sama ada lejang diskalakan bersama bentuk tertutup. Panel Transform juga mempunyai Scale Override, yang boleh memaksa lebar lejang dan sifat lain diskalakan semasa saiz semula. Jika kotak yang telah diubah saiznya sebelum ini berbeza, periksa kedua-dua kawalan ini sebelum menetapkan lebar akhir yang sama. Panel Lejang, Panel Transform

Untuk garis mendatar yang ringkas, segi empat tepat berisi yang nipis ialah satu lagi kaedah yang boleh digunakan. Rectangle Tool menyediakan kawalan isian dan lejang; gaya None pada panel Stroke membuang garis luar. Dengan cara ini, ketebalan garis boleh ditentukan melalui tinggi segi empat tepat, tanpa perlu mempertimbangkan lejang berpusat. Ini ialah saranan editorial untuk garis lurus, bukannya ciri eksport khas. Rectangle Tool, Panel Lejang

Letakkan garis dengan tepat pada grid piksel

Buka Window > General > Transform. Pilih titik sauh dengan teliti sebelum memasukkan koordinat: perubahan kedudukan dan saiz dalam panel bergantung pada titik sauh itu. Panel ini menyediakan nilai X, Y, lebar, tinggi, putaran dan ricih yang tepat, diukur relatif kepada titik sifar pembaris. Kekalkan titik asal yang sama semasa membandingkan objek berulang. Panel Transform

Untuk kedudukan yang berorientasikan piksel, buka View > Snapping dan aktifkan Force Pixel Alignment. Semak juga sasaran penjajaran lain; panduan atau objek luar piksel boleh mengganggu hasil yang dijajarkan pada piksel. Tetapan ini digunakan semasa objek dicipta, dialihkan atau diubah suai, jadi periksa karya seni sedia ada dan jangan anggap bahawa mengaktifkannya telah membaiki setiap objek. Paksa Penjajaran Piksel

Anggap Move By Whole Pixels sebagai kekangan pergerakan. Affinity mendokumenkan bahawa ciri ini mengekalkan piksel separa yang telah diduduki objek, sambil mengalihkannya mengikut jarak piksel penuh. Ini boleh mengekalkan anjakan pecahan yang tidak diingini. Tetapkan kedudukan yang dikehendaki dahulu, kemudian gunakan pergerakan piksel penuh apabila tingkah laku itu membantu mengekalkan kedudukan. Paksa Penjajaran Piksel

Untuk memeriksa sempadan dengan teliti, aktifkan View > Show > Pixel Grid dan zum masuk. Grid ini ialah bantuan visual dan tidak dieksport. Gunakannya bersama paparan Piksel untuk memeriksa tepi yang setara, kemudian kembali ke saiz paparan biasa untuk menilai senarai semak secara keseluruhan. Grid

Contoh pemeriksaan geometri

Katakan output yang dikehendaki untuk senarai semak anda ialah 800 × 600 piksel. Untuk ujian sintetik, buat tiga segi empat tepat mendatar berisi tanpa lejang. Tetapkan setiap satunya kepada lebar 240 px dan tinggi 1 px, dengan kedudukan kiri atas berikut. Ini ialah input ilustrasi, bukannya hasil ujian Affinity yang diukur.

Garis X Y Lebar Tinggi
A 80 px 100 px 240 px 1 px
B 80 px 124 px 240 px 1 px
C 80 px 148 px 240 px 1 px

Gunakan sauh kiri atas dalam Transform, masukkan nilai tersebut dan tetapkan putaran serta ricih kepada sifar. Kini garis berulang mempunyai dimensi yang sama dan jarak piksel penuh. Contoh ini menggunakan kawalan isian Rectangle Tool serta kedudukan berangka dalam panel Transform; ia tidak bergantung pada arahan “crisp lines” yang tidak didokumenkan. Rectangle Tool, Panel Transform

Pengiraan skala menerangkan sebab saiz destinasi penting. Mengeksport reka letak selebar 800 piksel ini pada lebar 400 piksel memberikan faktor skala 400 ÷ 800 = 0.5. Garis setinggi 1 piksel kemudian bersamaan dengan setengah piksel output dari segi geometri; garis setinggi 2 piksel bersamaan dengan satu piksel output. Pengiraan ini menerangkan geometri, bukannya menjanjikan lorekan tepat yang akan dihasilkan oleh pemapar. Jika hasil yang perlu dihantar selebar 400 piksel, nilai dan perhalus garis untuk saiz output itu.

Eksport PNG pada saiz yang benar-benar diperlukan

Buka File > Export > Export dan pilih praset PNG. Tetapkan Area dengan teliti: gunakan artboard bernama atau kawasan dokumen yang sesuai untuk meliputi keseluruhan senarai semak. Selection Area menyertakan lapisan bertindih yang tidak dipilih, manakala Selection Only mengecualikannya. Oleh itu, pilihan kawasan yang berbeza boleh menghasilkan kandungan yang berlainan. Dialog eksport

Periksa lebar dan tinggi hasil eksport. Tetapan Size Affinity pada mulanya menunjukkan dimensi asal dan membolehkan pilihan lain; pastikan Lock aspect ratio diaktifkan untuk penskalaan berkadar. Untuk ujian ilustrasi ini, eksport pada 800 × 600 dahulu. Uji secara berasingan jika anda memerlukan saiz output yang lebih kecil. Tetapan Eksport

Periksa pratonton eksport sebelum menyimpan. Pada Mac, tekan Command-1 semasa melihat pratonton untuk mencapai 100%; Command-3 memaparkan 400% untuk pemeriksaan lebih dekat. Perhatikan sama ada kepekatan warna atau ketebalan ketara garis berulang berubah, dan semak sama ada sempadan terpotong pada sempadan eksport yang dipilih. Kemudian eksport dan periksa PNG sebenar pada saiz paparan yang dikehendaki. Dialog eksport

Jika saiz semula diperlukan, Affinity menawarkan beberapa kaedah pensampelan semula. Bantuan Affinity mengenal pasti Nearest Neighbor untuk imej dengan tepi keras dan Bilinear untuk pengecilan. Anggap itu sebagai tujuan yang didokumenkan, kemudian bandingkan pratonton bagi karya seni anda. Tiada kaedah pensampelan semula yang didokumenkan sebagai jaminan bahawa garis senarai semak nipis akan kelihatan sama. Tetapan Eksport

Apakah yang boleh dibaiki oleh tetapan eksport—dan apakah batasannya?

Had yang berguna bergantung pada format. Affinity mendokumenkan Rasterize: Nothing / Everything / Unsupported properties untuk PDF, SVG dan EPS. Kawalan itu tidak disenaraikan untuk PNG. Begitu juga, Raster DPI didokumenkan untuk kesan yang dirasterkan ke dalam format berorientasikan vektor tersebut. Jangan cari pembaikan “Rasterize Everything” untuk PNG; gunakan dimensi output PNG dan betulkan geometri karya seni. Tetapan Eksport

Gunakan urutan diagnosis ini untuk menentukan perkara yang perlu diubah. Ini ialah panduan membuat keputusan berdasarkan kawalan yang didokumenkan, bukannya dakwaan bahawa satu tetapan boleh mendiagnosis setiap masalah eksport.

Perkara yang diperhatikan Perkara seterusnya untuk diperiksa Tindakan praktikal
Sesetengah kotak mempunyai lebar angka yang berbeza Tetapan lejang dan kawalan saiz semula Tetapkan gaya lejang akhir yang sama
Garis yang sama berbeza dalam paparan Piksel Kedudukan, dimensi dan sasaran penjajaran Betulkan tepi yang setara dan ulangi kedudukannya secara konsisten
Garis hanya menjadi tidak sekata dalam eksport yang lebih kecil Dimensi output dan faktor skala Perhalus karya seni untuk saiz yang lebih kecil itu
Garis hilang atau bertemu dengan latar yang tidak dijangka Kawasan Eksport dan lapisan yang disertakan Pilih skop dokumen, artboard atau pemilihan yang dikehendaki
Paparan Vektor kelihatan licin tetapi PNG kelihatan berbeza Paparan Piksel dan pratonton eksport Nilai hasil raster menggunakan perwakilan pikselnya

Apabila sesuatu gabungan tetapan berfungsi, simpan pilihan eksport melalui Preferences > Create Preset dalam dialog Export. Praset menjadikan pilihan eksport itu boleh digunakan semula; geometri dan kedudukan karya seni masih perlu sepadan. Dialog eksport

Pastikan pemeriksaan akhir ringkas: periksa satu kotak dan garis sebagai contoh, sahkan unsur berulang yang sepadan, sahkan dimensi PNG dan periksa imej yang disimpan pada saiz ia akan digunakan. Jika saiz output lain diperlukan, ulangi pemeriksaan itu untuk saiz baharu. Konsistensi terhasil daripada mengawal geometri dan skala secara bersama.

Sumber