COS
ຫ້ອງວາງສະແດງທີ່ທັນສະໄໝທີ່ມີຝາສີຂາວ
COS ນຳໃຊ້ໄວຍາກອນທາງສາຍຕາຂອງຫໍສະແດງສິລະປະຮ່ວມສະໄໝ: ກຳແພງສີຂາວກວ້າງໃຫຍ່, ຮູບຖ່າຍໂມໂນໂຄຣມຂະໜາດໃຫຍ່, ແລະ ຮູບແບບຕົວອັກສອນທີ່ບໍ່ແຊກແຊງກັບຮູບແບບ. ອິນເຕີເຟດແມ່ນບໍ່ມີສີ - ບໍ່ມີສີ - ໂດຍໃຊ້ສີດຳເກືອບ (#080808) ເທິງສີຂາວບໍລິສຸດ (#ffffff) ເປັນຄວາມແຕກຕ່າງທາງໂຄງສ້າງພຽງຢ່າງດຽວ, ດ້ວຍການສຳຜັດສີແດງພຽງຄັ້ງດຽວ (#c80000) ສະຫງວນໄວ້ເປັນການເນັ້ນທີ່ລະອຽດອ່ອນສຳລັບຊ່ວງເວລາທີ່ຄວນຮູ້ສຶກວ່າຮີບດ່ວນແຕ່ບໍ່ເປີດເຜີຍ. ໄລຍະຫ່າງແມ່ນກວ້າງຂວາງ ແລະ ເໝາະສົມກັບບັນນາທິການ, ມີຊ່ອງຫວ່າງສ່ວນເຖິງ 135px, ແລະ ອົງປະກອບຕ່າງໆລະລາຍເຂົ້າໄປໃນໜ້າ: ຂອບບາງໆເທິງ #dadada, ບໍ່ມີເງົາ, ບໍ່ມີການເລື່ອນສີ, ບໍ່ມີມຸມມົນ. ຮູບແບບຕົວອັກສອນ (SuisseIntl) ແມ່ນເຄື່ອງປະດັບພຽງຢ່າງດຽວ - ຄອບຄົວຕົວອັກສອນທີ່ໜ້າຢ້ານອັນດຽວທີ່ຍັງຄົງສອດຄ່ອງກັນຈາກປ້າຍຂະໜາດນ້ອຍ 12px ໄປຫາຄຳອະທິບາຍໝວດໝູ່ 35px, ປ່ຽນໄປທາງບວກເລັກນ້ອຍເພື່ອລະນຶກເຖິງຕົວອັກສອນຂອງຫໍສະແດງ.
ຮູບແບບໜ້າເຕັມຄວາມສູງ - ຜ້າໃບຂະຫຍາຍຈາກຂອບຫາຂອບໂດຍບໍ່ມີພາຊະນະທີ່ມີຄວາມກວ້າງສູງສຸດ, ແລະເນື້ອຫາຖືກຍຶດໂດຍການແບ່ງຮູບພາບ ແລະ ຊ່ອງຫວ່າງສີຂາວແທນທີ່ຈະເປັນຖັນທີ່ຢູ່ໃຈກາງ. ລັກສະນະຫຼັກແມ່ນການແບ່ງແນວຕັ້ງ 50/50 ຂອງຮູບຄົນບັນນາທິການສອງຮູບທີ່ມີຄວາມກວ້າງເຕັມ, ເຊິ່ງໂດດເດັ່ນຫຼາຍຈົນເຮັດໜ້າທີ່ເປັນນາມບັດໂຄງສ້າງຂອງຍີ່ຫໍ້. ຢູ່ລຸ່ມລັກສະນະຫຼັກ, ພາກສ່ວນຕ່າງໆສະຫຼັບກັນລະຫວ່າງບລັອກຂໍ້ຄວາມໃນພື້ນຫຼັງສີຂາວ (ຢູ່ໃຈກາງ, ໃນຖັນດຽວ) ແລະ ຮູບພາບທີ່ມີຄວາມສູງເຕັມເພີ່ມເຕີມ. ຈັງຫວະແນວຕັ້ງແມ່ນກວ້າງຂວາງ: ຊ່ອງຫວ່າງລະຫວ່າງພາກສ່ວນຕ່າງໆສ້າງຄວາມຮູ້ສຶກຂອງຊ່ອງຫວ່າງລະຫວ່າງເສັ້ນດ່າງ, ຄືກັບຢູ່ເທິງຝາພິພິທະພັນ. ການນຳທາງແມ່ນແຖບສີຂາວບາງໆດຽວທີ່ມີໂລໂກ້ຢູ່ໃຈກາງ ແລະ ຕົວເລືອກສະຖານທີ່ທີ່ຈັດລຽງຕາມຂວາ - ບໍ່ມີແຖບໝວດໝູ່ແນວນອນ, ບໍ່ມີເມນູຂະໜາດໃຫຍ່ທີ່ເຫັນໄດ້ໃນກອບຫຼັກ. ຄວາມໜາແໜ້ນຂອງຂໍ້ມູນແມ່ນຕໍ່າ: ໜຶ່ງຄຳຖະແຫຼງຕໍ່ພາກສ່ວນ, ໜຶ່ງຮູບພາບຕໍ່ແນວຄວາມຄິດ.
ຮູບຖ່າຍແຟຊັ່ນບັນນາທິການຂະໜາດໃຫຍ່ຄອບງຳໜ້າເວັບ - ຮູບຄົນເຕັມຄວາມກວ້າງ ແລະ ຮູບນາງແບບສາມສ່ວນສີ່, ພາຍໃຕ້ແສງໄຟສະຕູດິໂອທີ່ຄວບຄຸມ, ສ່ວນໃຫຍ່ແມ່ນເປັນກາງ ແລະ ອ່ອນໂຍນດ້ວຍໂທນສີອຸ່ນ. ຮູບພາບຖືກອັດແໜ້ນ, ຕື່ມພື້ນທີ່ຈາກຂອບຫາຂອບ, ໂດຍບໍ່ມີມຸມມົນ, ໜ້າກາກຕົກແຕ່ງ, ຫຼື ກອບຊ້ອນກັນ. ເຕັກນິກທີ່ໂດດເດັ່ນແມ່ນກອບ "ຮູບຄົນສອງຮູບຄຽງຄູ່ກັນ" (MUJER / HOMBRE): ຮູບຄົນສອງຮູບທີ່ສຳຄັນເທົ່າທຽມກັນວາງຄຽງຄູ່ກັນ, ແຕ່ລະຮູບມີປ້າຍໝວດໝູ່ດຽວຢູ່ມຸມຊ້າຍລຸ່ມ. ຮູບຖ່າຍຖືກວາງກອບຄືກັບຮູບພິມໃນຫ້ອງສະແດງ - ຫົວຂໍ້ແມ່ນໂດດເດັ່ນ, ບໍ່ມີບໍລິບົດ, ບໍ່ມີຂະໜາດຄົນ, ແລະ ແຜ່ນສີແມ່ນສີດຽວ. ບໍ່ມີສາກຈາກຊີວິດຈິງ, ບໍ່ມີອຸປະກອນประกอบฉาก, ບໍ່ມີພື້ນຫຼັງທີ່ມີໂຄງສ້າງ.
ພາເລັດ
ເປັນກາງ
- Canvas White
#ffffff— ພື້ນຜິວຮອງຮັບທີ່ມີສີອ່ອນສຳລັບສ້າງພື້ນຫຼັງທີ່ບໍ່ລົບກວນ ແລະ ແຍກສ່ວນຕ່າງໆອອກ. ມັນບໍ່ຄວນໃຊ້ເປັນສີຫຼັກສຳລັບການຮຽກຮ້ອງໃຫ້ມີການກະທຳ. - Ink Black
#080808— ຂໍ້ຄວາມໃນສ່ວນຂໍ້ຄວາມ, ຮູບສັນຍາລັກ, ລິ້ງ, ປະເພດການນຳທາງ, ຂອບປຸ່ມ, ໂລໂກ້, ຂໍ້ຄວາມສ່ວນລຸ່ມ - ສີທີ່ອ່ອນກວ່າສີດຳບໍລິສຸດເພື່ອປ້ອງກັນບໍ່ໃຫ້ຮູບພາບເບິ່ງຄົມເກີນໄປ. - True Black
#000000— ການວາງຊ້ອນຂໍ້ຄວາມຫຼັກໃສ່ຮູບພາບສີເຂັ້ມ, ຂໍ້ຄວາມໃນຕົວໜັງສື, ປ້າຍປຸ່ມ - ສີດຳບໍລິສຸດແມ່ນໃຊ້ສຳລັບອົງປະກອບຕົວອັກສອນທີ່ແຕກຕ່າງກັນຫຼາຍທີ່ສຸດເທົ່ານັ້ນ. - Mist Gray
#dadada— ຂອບທີ່ລະອຽດອ່ອນ, ຊ່ອງຂໍ້ມູນປ້ອນຂໍ້ມູນທີ່ຂີດເສັ້ນໃຕ້, ຕົວແຍກທີ່ລະອຽດອ່ອນ, ເສັ້ນຂອບເມື່ອປິດໃຊ້ງານ - ສີທີ່ເປັນກາງທີ່ງຽບທີ່ສຸດ, ເບິ່ງເຫັນໄດ້ໂດຍສິ່ງທີ່ມັນແຍກອອກເທົ່ານັ້ນ. - Signal Red
#c80000— ສີແດງເປັນສີເພີ່ມເຕີມສຳລັບລາຍລະອຽດການຕົກແຕ່ງ ແລະ ເພື່ອເນັ້ນໃສ່ຄວາມຖີ່ຕ່ຳ.
ຮູບແບບຕົວອັກສອນ
ຈາກ 12 ຫາ 35px · 3 ຂັ້ນຕອນ
- SuisseIntl — ການທົດແທນ: Neue Haas Grotesk Display · ໂຄງຮ່າງ 400, 500, 700 · ຕົວອັກສອນດຽວຖືກໃຊ້ທົ່ວອິນເຕີເຟດສຳລັບການນຳທາງ, ເນື້ອໃນ, ຫົວຂໍ້, ປຸ່ມ ແລະ ລາຍລະອຽດຜະລິດຕະພັນ. ໄລຍະຫ່າງຕົວອັກສອນທີ່ເປັນບວກ (0.01–0.04em) ແມ່ນຜິດປົກກະຕິສຳລັບຕົວອັກສອນໜ້າຈໍ ແລະ ເພີ່ມຄວາມຮູ້ສຶກຂອງລາຍການທີ່ພິມອອກມາ; ນ້ຳໜັກ 700 ແມ່ນສະຫງວນໄວ້ສຳລັບລາຍລະອຽດໝວດໝູ່, 500 ສຳລັບການນຳທາງ ແລະ ປຸ່ມ, ແລະ 400 ສຳລັບທຸກຢ່າງ. ການສ້າງແບຣນແມ່ນສອດຄ່ອງກັບຄອບຄົວຕົວອັກສອນດຽວ ແລະ ຂະໜາດທີ່ແຄບຫຼາຍ (12–35px)—ຕົວອັກສອນບໍ່ເຄີຍມີຂະໜາດໃຫຍ່ເກີນໄປ.
ໄລຍະຫ່າງ ແລະ ຮູບແບບ
| ຈຸດປະສົງ | ຄວາມໝາຍ |
|---|---|
| ຄວາມໜາແໜ້ນ | ກວ້າງຂວາງ |
| ຂັ້ນຕອນພື້ນຖານ | 8px |
| ລັດສະໝີປຸ່ມ | 0px |
| ລັດສະໝີບັດ | 0px |
| ເງົາ | ບໍ່ມີ - ຂອບແທນທີ່ຈະເປັນເງົາ |
| ລະຫວ່າງພາກສ່ວນຕ່າງໆ | 135px |
AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ COS ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ
- ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
- ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
- ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
- ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.
ແບບທີ່ຄ້າຍຄືກັນ
- Airbnb — ຝາຜະໜັງຫ້ອງວາງສະແດງສີຂາວທີ່ງຽບສະຫງົບພ້ອມດ້ວຍທີ່ໝາຍສີແດງປະກາລັງອັນດຽວ
- Apple (España) — ຕູ້ວາງສະແດງຮູບພາບສີຂາວ
- Silencio — ຫ້ອງສີຂາວທີ່ມີສິ່ງປະດິດທີ່ລອຍຢູ່. ການວາງສະແດງຫ້ອງວາງສະແດງທີ່ເຮັດດ້ວຍເຈ້ຍອຸ່ນ, ບ່ອນທີ່ແຕ່ລະອົງປະກອບຢູ່ໃນຕຳແໜ່ງຂອງມັນຕໍ່ກັບພື້ນຫຼັງທີ່ມີປະລິມານລົບ, ແລະ ຄວາມງຽບແມ່ນການຕັດສິນໃຈອອກແບບໂດຍເຈດຕະນາ.
- Oakâme — ໂຮງງານ Provençal ທີ່ມີແສງແດດສ່ອງເຖິງ ແກະສະຫຼັກຈາກຫີນອຸ່ນ
- Nike — ຫ້ອງວາງສະແດງຜົນງານກິລາສີດຽວ - ຝາສີຂາວ, ຜະລິດຕະພັນເປັນຜົນງານສິລະປະ, ໂຄຣມທີ່ລະລາຍໄປໃນພື້ນຫຼັງ
- Arc — ຫໍວາງສະແດງສີດຳອຸດສາຫະກຳເໜືອນ້ຳທ່ຽງຄືນ
- Rivian — ຮູບປັ້ນໄຟຟ້າຂະໜາດໃຫຍ່ຢູ່ເທິງຝາຊີມັງຂອງຫ້ອງວາງສະແດງ. Rivian ນຳສະເໜີພາຫະນະແຕ່ລະຄັນເປັນຮູບປັ້ນທີ່ປະດັບຢູ່ເທິງພື້ນທີ່ສີຂາວກວ້າງໃຫຍ່ໄພສານ, ດ້ວຍຕົວອັກສອນທີ່ໃຫຍ່ຫຼາຍຈົນກາຍເປັນອົງປະກອບທາງສະຖາປັດຕະຍະກຳ, ແລະສີເຫຼືອງອຸ່ນອັນດຽວທີ່ທຳລາຍບັນຍາກາດສີດຽວ, ຄືກັບແສງແດດເທິງພື້ນຜິວດ້ານ.
- Analogue — ຕູ້ວາງສະແດງສີດຳ - ສິນຄ້າລອຍຢູ່ໃນຄວາມຫວ່າງເປົ່າ
- ddna — ຕູ້ວາງສະແດງພິພິທະພັນທີ່ອົບອຸ່ນຢູ່ເທິງຜ້າປູທີ່ບໍ່ໄດ້ຮັບການປິ່ນປົວ
- Zellerfeld — ກອງປະຊຸມຊ່າງແກະສະຫຼັກເທິງຫິນອ່ອນສີຂາວ - ໜ້າດິນທີ່ເປັນກ້ອນດຽວຂອງຖານ, ประกายໄຟໂຄບອລດຽວ, ສຽງກະຊິບຂອງຕົວອັກສອນຕົວນ້ອຍຈາກພື້ນເຖິງເພດານ
- UY Studio — ຫ້ອງວາງສະແດງຫີນຂອງວັດເປັນພື້ນທີ່ງຽບສະຫງົບທີ່ມີກຳແພງຊີມັງ, ບ່ອນທີ່ຂວດນໍ້າຫອມຕັ້ງຢູ່ເທິງຖານສີຂາວ, ສ່ອງແສງດ້ວຍໂຄມໄຟ 400 ວັດ ໜຶ່ງໜ່ວຍ ແລະ ຫລອດໄຟສີເທົາອຸ່ນສີ່ຫລອດ.
- Basic.Space — ຫ້ອງວາງສະແດງສິລະປະເທິງຫິນອ່ອນສີຂາວ