ເນື້ອຫາ
ບົດຂຽນນີ້ປາກົດເປັນຄັ້ງ ທຳ ອິດໃນສະບັບທີ 229 ຂອງວາລະສານ .net - ວາລະສານທີ່ຂາຍດີທີ່ສຸດໃນໂລກ ສຳ ລັບນັກອອກແບບແລະນັກພັດທະນາເວັບ.
ໜຶ່ງ ໃນສິ່ງທີ່ ສຳ ຄັນທີ່ທ່ານສາມາດສຸມໃສ່ເວລາຈັດວາງ ໜ້າ ໃນ HTML / CSS ແມ່ນຈັງຫວະແນວຕັ້ງ - ຮູບແບບສາຍຕາທີ່ທ່ອນໄມ້ປະເພດຫລືສາຍຂອງຮູບແບບປະເພດເຂົ້າໃນເວລາທີ່ທ່ານສະແກນລົງ ໜ້າ.
ສິ່ງອື່ນໆສາມາດສົ່ງຜົນກະທົບຕໍ່ຈັງຫວະນີ້ເຊັ່ນ: ຫົວຂໍ້, ລາຍການ, ຮູບພາບ, ແລະອື່ນໆ. ມີຈັງຫວະແນວຕັ້ງທີ່ດີແມ່ນ ສຳ ຄັນທີ່ສຸດເພາະມັນຊ່ວຍໃຫ້ຄວາມສາມາດອ່ານໄດ້ງ່າຍແລະສະແກນຄວາມສາມາດຂອງ ໜ້າ ເວັບຂອງທ່ານ.
ມີ ຄຳ ແນະ ນຳ ທີ່ດີເລີດບໍ່ຫຼາຍປານໃດ (ເບິ່ງທີ່ນີ້ແລະທີ່ນີ້, ຍົກຕົວຢ່າງ) ໃນເວັບທີ່ທ່ານສາມາດຊອກຮູ້ກ່ຽວກັບວິທີການບັນລຸຈັງຫວະແນວຕັ້ງທີ່ ເໝາະ ສົມທາງດ້ານເຕັກນິກໂດຍການໃຊ້ ems ສຳ ລັບເສັ້ນສູງຂອງທ່ານແລະຮຽນຮູ້ກ່ຽວກັບສິ່ງທີ່ຮັກສາປະເພດຂອງທ່ານ 'ໃນໄລຍະ' ໝາຍ ຄວາມວ່າ.
ລຳ ດັບຊັ້ນ
ສິ່ງພື້ນຖານທີ່ຕ້ອງເອົາໃຈໃສ່ຢ່າງເລິກເຊິ່ງແມ່ນລະດັບຄວາມສູງລະຫວ່າງອົງປະກອບແລະ ລຳ ດັບສາຍຕາທົ່ວໄປໃນ ໜ້າ. ການ ກຳ ນົດອັດຕາສ່ວນຄວາມສູງຂອງສາຍທີ່ ເໝາະ ສົມສາມາດເປັນການອອກ ກຳ ລັງກາຍທີ່ອອກແບບໄດ້ແຕ່ມັນ ສຳ ຄັນທີ່ຈະຕ້ອງໄດ້ຮຽນຮູ້. ລຳ ດັບຊັ້ນກໍ່ມີຄວາມ ສຳ ຄັນເຊັ່ນກັນ, ໃນນັ້ນຮູບພາບແລະອົງປະກອບຂອງຂໍ້ຄວາມຄວນມີຄວາມກົມກຽວກັນແລະກັນໃນສາຍຕາ - ສິ່ງທີ່ ສຳ ຄັນທີ່ສຸດແມ່ນມີຂະ ໜາດ ໃຫຍ່ກວ່າແລະ ທຳ ອິດໃນ ໜ້າ.
ຜູ້ອອກແບບການພິມໄດ້ຈັດການກັບແນວຄິດຂອງຈັງຫວະແນວຕັ້ງເປັນເວລາຫລາຍປີແລະມັນເປັນພຽງແຕ່ໃນໄລຍະຜ່ານມາທີ່ນັກອອກແບບເວັບຕ້ອງໄດ້ເຂົ້າໄປໃນສິ່ງນີ້ແທ້ໆ. ດ້ວຍຄວາມຕ້ອງການທີ່ເພີ່ມຂື້ນເລື້ອຍໆໃນການສ້າງເວບໄຊທ໌ໂດຍໃຊ້ການຈັດວາງຕາຂ່າຍໄຟຟ້າແລະເອົາໃຈໃສ່ກັບການຈັດຕັ້ງປະຕິບັດທີ່ຕອບສະ ໜອງ ເພື່ອຮອງຮັບຄວາມກວ້າງຂອງ ໜ້າ ຈໍຫຼາຍ, ມັນມີຄວາມ ສຳ ຄັນຫຼາຍກ່ວາແຕ່ກ່ອນຈາກທັດສະນະການອອກແບບຂອງພາບ, ອາດຈະມີຫຼາຍກ່ວາເຕັກນິກ.
ຫ້າຕົວຢ່າງເພື່ອກວດສອບ
1. ອົງປະກອບຂອງແບບສະໄຕ ປື້ມຫົວນີ້ໂດຍ Robert Bringhurst ແມ່ນມາດຕະຖານ ສຳ ລັບການສຶກສາພິມດີດ. ອ່ານມັນ, ບໍລິໂພກມັນ, ມັນລົງໃນສະຫມອງຂອງທ່ານໃນທາງທີ່ທ່ານສາມາດເຮັດໄດ້.
2. ທ່ານ Frank Chimero ນອກເຫນືອຈາກການເຮັດໃຫ້ປະລາດຢ່າງແທ້ຈິງໂດຍທົ່ວໄປແລ້ວ, ການອອກແບບ ໃໝ່ ຂອງເວບໄຊທ໌ສ່ວນຕົວຂອງຜູ້ອອກແບບ Frank Chimero ສະແດງຈັງຫວະແນວຕັ້ງທີ່ດີເລີດ. ລາວໃຊ້ຜົນກະທົບ parallax ເພື່ອຊ່ວຍຂັບໄລ່ຈັງຫວະກັບບ້ານໃນຂະນະທີ່ທ່ານເລື່ອນ ໜ້າ ເວັບລົງເຊັ່ນກັນ.
3. Dan Cederholm ສໍາລັບຕົວຢ່າງທີ່ດີຂອງຈັງຫວະແນວຕັ້ງປະເພດທີ່ດີ, ໃຫ້ເບິ່ງທີ່ບລັອກຂອງ Dan Cederholm. ລະດັບຄວາມສູງຂອງ ສຳ ເນົາແລະຫົວເລື່ອງແມ່ນຢູ່ໃນສັດສ່ວນທີ່ສົມບູນແບບ.
4. ຫ້ອງທົດລອງຈຸດສຸມ ບໍລິສັດອອກແບບແລະອອກແບບເວບໄຊທ໌ຍີ່ຫໍ້ Focus Lab ໃຊ້ສະຖານະພາບແບບເສີຍໆເພື່ອຊ່ວຍສື່ສານສິ່ງທີ່ ສຳ ຄັນທີ່ສຸດຕໍ່ນັກທ່ອງທ່ຽວ.
5. Typofonderie ເວບໄຊທ໌ ສຳ ລັບ Typography Studio Typofonderie ມີຈັງຫວະແນວຕັ້ງທີ່ດີພ້ອມດ້ວຍຮູບພາບແລະຂໍ້ຄວາມ. ຊ່ອງຫວ່າງລະຫວ່າງອົງປະກອບແມ່ນມີອັດຕາສ່ວນກັນທົ່ວເວັບໄຊທ໌ແລະ ລຳ ດັບຊັ້ນລະຫວ່າງຮູບພາບຕົ້ນຕໍແລະຮູບພາບຂັ້ນສອງ / ພາກສ່ວນແມ່ນດີເລີດ.
ຄົ້ນພົບ 10 ຕົວຢ່າງທີ່ ໜ້າ ຕື່ນຕາຕື່ນໃຈຂອງການອອກແບບທົດລອງທີ່ Creative Bloq.
