Isi kandungan:
Video: How To Align Objects With CSS 2025
Alignment merujuk kepada merangkumi elemen atau teks dalam reka bentuk. Walaupun anda tidak pernah membuat apa-apa sebelum ini, anda telah menggunakan penjajaran dalam program pemprosesan perkataan apabila memilih penjajaran kiri, tengah, kanan atau penjajaran yang wajar untuk perenggan anda.
Penjajaran yang betul membuat pelbagai elemen reka bentuk atau teks muncul seolah-olah mereka disambungkan melalui garis yang kelihatan. Alignment adalah yang paling halus dari prinsip-prinsip reka bentuk teras, terutamanya kerana melainkan anda menyedari prinsip reka bentuk ini, anda mungkin tidak dapat menentukan mengapa reka bentuk kelihatan "mati". "Walaupun kehalusan, penjajaran adalah prinsip utama reka bentuk blog, kerana penjajaran memberikan reka bentuk blog yang kelihatan bersih dan digilap.
Anda boleh menjajarkan elemen reka bentuk baik pada paksi menegak atau mendatar.
-
Pada paksi menegak, anda boleh menyelaraskan kiri, tengah, atau kanan. Menyelaraskan teks pos blog adalah contoh penjajaran menegak.
-
Pada paksi mendatar, anda menyelaraskan elemen reka bentuk ke bahagian atas, pusat atau garis dasar. Angka itu menggambarkan cara untuk menyelaraskan segiempat berbentuk yang berbeza. Walaupun jenis penjajaran, segi empat tepat kelihatan seolah-olah mereka dihubungkan oleh garis yang kelihatan, yang telah ditambahkan untuk anda sebagai garis putus-putus.
Buat pesanan melalui penjajaran
Menyelaraskan pelbagai elemen pada blog anda atau dalam elemen reka bentuk memberikan pesanan reka bentuk anda dan meningkatkan kebolehbacaan.
Apabila bercakap mengenai penyelarasan kerana ia berkaitan dengan reka bentuk blog, berikut adalah beberapa elemen biasa di mana anda boleh memohon penjajaran:
-
Komponen header blog
-
Butang atau lencana bar sisi
-
Teks di dalam pos atau bilah sisi
-
Imej di dalam pos atau bar sisi anda
Anda juga boleh melihat lebih banyak gambaran mengenai reka bentuk blog anda dan melihat pada bagaimana elemen blog yang berasingan menyelaraskan satu sama lain. Sebagai contoh, garisan putus-putus membolehkan anda melihat bagaimana nama blog, tagline, tajuk pos blog, dan kandungan pos semuanya diselaraskan ke kiri.
Gunakan grid atau garisan untuk membantu penempatan
Jika anda merancang blog anda sendiri, kemungkinan besar anda menggunakan tema atau rangka kerja yang sudah dipertimbangkan. Walau bagaimanapun, jika anda merekabentuk pengepala blog anda atau komponen lain yang membentuk reka bentuk blog keseluruhan anda, grid atau garis dapat membantu memastikan bahagian-bahagian garis reka bentuk anda naik.
Menggunakan sistem grid memberikan panduan kepada anda supaya elemen reka bentuk anda tidak kelihatan seperti mereka diletakkan secara sembarangan di sana sini. Beberapa program reka bentuk seperti Adobe Illustrator atau Photoshop mempunyai tetapan untuk menunjukkan grid dan keupayaan untuk menambah garis panduan.Dalam Adobe Photoshop, reka bentuk dengan grid dengan memilih View → Show → Grid. Di Photoshop Elements 11, anda pilih View → Grid.
Apabila menyusun teks dalam jawatan blog sebenar anda, anda tidak perlu terlalu risau. Platform blogging seperti default WordPress untuk menjajarkan teks anda ke kiri, tetapi anda boleh mengubahnya dengan hanya mengklik ikon yang menyesuaikan penjajaran anda ke kanan, tengah, atau penuh (dibenarkan).
