Sebagai pembuat ulang halaman yang berkualifikasi, kemampuan untuk "memulihkan draf desain halaman web" sangatlah penting. Apakah halamannya bisa sama persis dengan rancangan desain perlu difokuskan. Terkadang, detail dapat menentukan keberhasilan atau kegagalan, dan perbedaan antara keberhasilan dan kegagalan bisa dikatakan sangat jauh. Terutama saat membuat proyek butik.
1. Spesifikasi visual
Terkadang draf desain yang kami peroleh dari desainer belum tentu akurat. Misalnya: teks judul modul dengan tipe yang sama berukuran 13PX di satu tempat dan 14PX di tempat lain; secara kasat mata tetapi nilai warna sebenarnya berbeda; tinggi garis setiap paragraf berbeda; jenis kotak pop-up yang sama memiliki beberapa ukuran, dll... Dalam hal ini, kami tidak dapat mengembalikan draf desain demi kepentingan tersebut memulihkan rancangan desain.
Untuk mengurangi biaya komunikasi dengan perancang, insinyur pemfaktoran ulang harus mendesak perancang untuk membuat spesifikasi visual untuk seluruh situs pada tahap awal, menuliskan beberapa konten yang disepakati secara publik dalam bentuk dokumen, dan menerapkan secara ketat. itu pada tahap selanjutnya.
Yang terbaik bagi desainer adalah menetapkan spesifikasi visual sebelum mulai membuat halaman. Hal ini dapat sangat mengurangi biaya debugging bersama pasca produksi halaman. Selain itu, produksi halaman dapat membuat spesifikasi terpadu untuk hal-hal yang ditemplat pada tahap awal, seperti font, ICON, batas, warna latar belakang, spasi, dll., dan membuat antarmuka kelas terpadu pada tahap selanjutnya. akan mudah untuk menyesuaikan perubahan apa pun.
2. Anotasi rancangan desain
harus mengharuskan desainer untuk menandai berbagai spasi, lebar, font khusus, warna font khusus, tinggi garis khusus, dll pada rancangan desain. dan pemulihannya sangat ditingkatkan. Keakuratan rancangan desain juga mengurangi biaya komunikasi dengan perancang dan biaya debugging bersama pasca produksi. Berikut ini contohnya:
3. Alat penggaris halaman web (FastStone Capture)
Kompas untuk navigasi, termometer untuk dokter, pita pengukur untuk tukang kayu... Banyak profesi yang mempunyai alat ukur khusus masing-masing, sehingga ketika kita membuat halaman kita juga harus mengukur jarak, lebar, tinggi, warna... dan data lainnya, lalu haruskah produksi halaman juga memiliki alat profesional untuk pengukuran halaman yang akurat?
Berikut adalah software yang dapat mengukur halaman web secara akurat, FastStone Capture yang penting.
4. Tutorial sederhana FastStone Capture
1. Buka alat pengukuran
Klik ikon di ujung kanan panel kontrol
, buka dan pilih "Penggaris Layar", penggaris seperti yang ditunjukkan di bawah ini akan ditampilkan di layar. Untuk memudahkan pengukuran perspektif, penggaris dapat diatur menjadi transparan atau tembus cahaya:
2.
Untuk pengukuran horizontal, penggaris default ditempatkan secara horizontal. Anda dapat menekan tombol atas, bawah, kiri, dan kanan pada keyboard untuk menggerakkan penggaris sebanyak satu piksel. Klik mouse pada skala penggaris menjadi kaca pembesar di sudut kanan atas layar untuk menampilkan area pengukuran. Seret mouse untuk mengukur panjang level secara akurat. Seret kedua tepi horizontal penggaris untuk memanjangkan atau memendekkannya.
3. Untuk mengukur secara vertikal,
klik ikon tombol seperti yang ditunjukkan pada penggaris.
Untuk membuat penggaris menjadi vertikal: Atau klik dua kali penggaris untuk membuat penggaris menjadi vertikal.
Metode pengukuran vertikal dan pengukuran horizontal serupa, jadi saya tidak akan mengulanginya di sini.
4. Untuk mengukur titik ke titik,
klik ikon pada penggaris:
, kaca pembesar di pojok kanan atas layar akan menampilkan panjang garis.
Gunakan mouse untuk menarik garis lurus dari titik A ke titik B dan mengukur jarak antara kedua titik tersebut.
5. Pengukuran persegi panjang
Sayangnya, perangkat lunak ini tidak memiliki seperangkat persegi atau kompas, sehingga sulit untuk mengukur persegi panjang. Jangan khawatir, Anda bisa menggunakan cara lain. Di sini kami menggunakan fungsi screenshot.
Klik pada ikon penggaris
Tutup penggaris, kembali ke panel kontrol perangkat lunak, dan klik ikon ketiga
(Tangkap area persegi panjang):
Seret mouse untuk mengukur modul persegi panjang halaman web yang ingin Anda ukur. Kaca pembesar di sudut kiri atas (atau kanan) layar akan menampilkan w*h=nilai*nilai, w adalah lebarnya, dan h adalah tingginya.
6.
Klik ikon di sisi kanan panel kontrol perangkat lunak untuk memilih warna halaman web:
, kotak drop-down muncul, pilih "Pemilih Warna Layar", ikon pipet muncul, pindahkan koordinat yang ditunjukkan oleh pipet dan klik untuk mendapatkan nilai warna di mana saja di layar.