Bang & Olufsen
ຫ້ອງວາງສະແດງສິລະປະແບບສະແກນດິເນເວຍທີ່ເຮັດດ້ວຍເຄື່ອງປັ້ນດິນເຜົາ. ເມື່ອໜ້າ B&O ມືດລົງ, ຊິ້ນສ່ວນຈະຖືກສ່ອງແສງຄືກັບຮູບປັ້ນໃນຊ່ອງເວລາທ່ຽງຄືນ; ເມື່ອມັນຖືກສ່ອງແສງ, ຊິ້ນສ່ວນດັ່ງກ່າວເບິ່ງຄືວ່າລອຍຢູ່ເທິງຜ້າໄໝສີຂາວ, ໂດຍບໍ່ມີສິ່ງອື່ນໃດມາລົບກວນຄວາມສົນໃຈຂອງມັນ.
Bang & Olufsen ດຳເນີນງານຕາມຫຼັກການຂອງຫໍວາງສະແດງ-ພິພິທະພັນ: ຜ້າໃບເຊລາມິກເກືອບສີຂາວທີ່ຜະລິດຕະພັນລອຍຢູ່ຄືກັບວັດຖຸປະຕິມາກຳ, ຖືກລົບກວນດ້ວຍການໃສ່ສີບາງຄັ້ງຄາວທີ່ກວມເອົາຄວາມກວ້າງທັງໝົດຂອງໜ້າຈໍ - ສີມ່ວງເຂັ້ມທີ່ກິນທົ່ວໜ້າຈໍ, ບາງຄັ້ງກໍ່ເປັນສີແດງ terracotta ທີ່ອຸດົມສົມບູນ - ສຳລັບການເນັ້ນອາລົມ. ຕົວໜັງສືແມ່ນຕົວອັກສອນ neo-grotesque ດຽວທີ່ອອກແບບມາເປັນພິເສດ (BeoSupreme) ທີ່ເວົ້າດ້ວຍຕົວມັນເອງ: ເກືອບບໍ່ສັງເກດເຫັນໃນໜ້າຈໍຂະໜາດໃຫຍ່, ຕົວອັກສອນໃຫຍ່ທີ່ເຕັມໄປດ້ວຍປ້າຍຂະໜາດນ້ອຍ, ບໍ່ຕ້ອງການຕົວອັກສອນອື່ນໆ. ອົງປະກອບຕ່າງໆຖືກຫຼຸດລົງເຫຼືອໜ້ອຍທີ່ສຸດ: ການຄວບຄຸມຮູບຊົງເມັດຢາທີ່ໂປ່ງໃສ, ຂອບບາງໆ, ບໍ່ມີເງົາຕົກແຕ່ງ, ບໍ່ມີປຸ່ມ gradient, ບໍ່ມີໄອຄອນ. ຕາຂ່າຍໄຟຟ້າແມ່ນກວ້າງ, ພື້ນທີ່ລົບແມ່ນຄວາມຫຼູຫຼາ. ແຕ່ລະຜະລິດຕະພັນໄດ້ຮັບແຜ່ນຮອງລອຍຂອງຕົນເອງ; ສີຂາວອ້ອມຂ້າງແມ່ນພື້ນທີ່. ສີຖືກແຈກຢາຍຄືກັບວັດສະດຸທີ່ມີຄ່າ - ເມື່ອມັນປາກົດ, ມັນຈະຄອບຄອງກອບທັງໝົດ.
ຕູ້ຄອນເທນເນີທີ່ມີຄວາມກວ້າງສູງສຸດ 1440px ຢູ່ໃຈກາງ ແລະ ມີຂອບຕາມແນວນອນ 25px ຢູ່ແຄມ. ອົງປະກອບ hero ກວມເອົາຄວາມກວ້າງທັງໝົດຂອງໜ້າ (ແຍກຕູ້ຄອນເທນເນີ), ແລະກ້ອງຖ່າຍຮູບ ultramarine ຂະຫຍາຍຈາກຂອບຫາຂອບ. ຕາຂ່າຍຜະລິດຕະພັນຖືກວາງອອກຢ່າງເທົ່າທຽມກັນໃນ 4-5 ຖັນດ້ວຍຊ່ອງຫວ່າງ 25px ແລະເລື່ອນຕາມແນວນອນໃນອຸປະກອນມືຖື. ພາກສ່ວນຕ່າງໆສະຫຼັບກັນລະຫວ່າງພື້ນຫຼັງສີຂາວ ແລະກ້ອງຖ່າຍຮູບສີເຕັມຄວາມກວ້າງ - ຈັງຫວະແມ່ນດັ່ງຕໍ່ໄປນີ້: ຕາຂ່າຍຜະລິດຕະພັນສີຂາວ → ອົງປະກອບ hero ultramarine → ຕາຂ່າຍຜະລິດຕະພັນສີຂາວ → ປ້າຍໂຄສະນາບັນນາທິການສີແດງເຂັ້ມ → ຕາຂ່າຍຜະລິດຕະພັນສີຂາວ → ສ່ວນທ້າຍ ultramarine. ການນຳທາງແມ່ນແຖບດ້ານເທິງແບບ minimalist ທີ່ລອຍຢູ່ເທິງພາກສ່ວນສີຂາວ ແລະສີ (ຂໍ້ຄວາມຖືກປີ້ນກັບເປັນສີຂາວໃນພື້ນຫຼັງສີເຂັ້ມ). ໜ້າ "ຫາຍໃຈ" - ຊ່ອງຫວ່າງລະຫວ່າງພາກສ່ວນແມ່ນ 60-80px, ຜະລິດຕະພັນແຕ່ລະອັນມີພື້ນທີ່ຂອງຕົນເອງພາຍໃນຈຸລັງ, ແລະບໍ່ມີຄວາມໜາແໜ້ນຂອງຂໍ້ມູນ.
ການຖ່າຍຮູບຜະລິດຕະພັນແມ່ນອົງປະກອບທາງສາຍຕາດຽວ: ບໍ່ມີຮູບພາບວິຖີຊີວິດ, ນາງແບບ, ຫຼື ສະພາບແວດລ້ອມ. ຜະລິດຕະພັນຖືກຖ່າຍໃສ່ພື້ນຫຼັງທີ່ເປັນກາງ (ສີຂາວ, ສີດຳ, ແລະ ສີຟ້າເຂັ້ມແບບ gradient) ດ້ວຍໄຟສະຕູດິໂອທີ່ຄວບຄຸມໄດ້ ເຊິ່ງເນັ້ນໃສ່ວັດສະດຸ: ອາລູມິນຽມດ້ານ, ໂຄງສ້າງໜັງ, ທອງແດງອະໂນໄດซ์, ແລະ ຊິລິໂຄນດ້ານ. ການຕັດແມ່ນແໜ້ນ, ຢູ່ກາງ, ແລະ ເນັ້ນໃສ່ຫົວຂໍ້ຫຼັກ. ການສະແດງສີແມ່ນອ່ອນໆ ແລະ ເໝາະສົມກັບວັດສະດຸ: ທອງແດງຖືກຮັບຮູ້ວ່າເປັນທອງແດງ, ບໍ່ແມ່ນ "ຊົ່ວໂມງທອງຄຳ." ຮູບແບບທາງສາຍຕາທີສອງປະກອບມີຮູບຊົງຜະລິດຕະພັນທີ່ບາງໆ, ເຕັມຈໍ ທຽບກັບພື້ນຜິວສີດຽວທີ່ອຸດົມສົມບູນ (ສີເຂັ້ມ, ສີແດງ terracotta) ສຳລັບຊ່ວງເວລາບັນນາທິການທີ່ໜ້າຕື່ນເຕັ້ນ. ຮູບສັນຍາລັກ: ເສັ້ນບາງໆ 1px, ສີດຳດຽວເທິງສີຂາວ ຫຼື ສີຂາວເທິງສີເຂັ້ມ, ເລຂາຄະນິດ, ບໍ່ມີການຕື່ມ, ບໍ່ມີຫຼາຍສີ.
ພາເລັດ
ຍີ່ຫໍ້
- Ultramarine Velvet
#060daa— ຮູບພາບພື້ນຫຼັງຢູ່ດ້ານເທິງ ແລະ ດ້ານລຸ່ມຂອງໜ້າ, ພາກສ່ວນທີ່ໜ້າຕື່ນເຕັ້ນທີ່ກວມເອົາຄວາມກວ້າງທັງໝົດຂອງໜ້າ, ແລະ ການຕື່ມສີໃສ່ສ່ວນລຸ່ມສຸດ - ສີທີ່ອຸດົມສົມບູນ, ເກືອບເປັນສີດຳ-ຟ້າ-ມ່ວງທີ່ໃຊ້ເພື່ອປົກຄຸມກອບທັງໝົດ ແລະ ໃຫ້ຄວາມຮູ້ສຶກຄືກັບການສະແດງລະຄອນແກ່ຜະລິດຕະພັນດຽວ.
ເປັນກາງ
- Porcelain Canvas
#ffffff— ຮູບພາບພື້ນຫຼັງໜ້າເວັບ, ການອອກແບບບັດຜະລິດຕະພັນ, ແລະ ແຖບນຳທາງ ແມ່ນພື້ນຖານພື້ນຖານທີ່ທຸກໆຜະລິດຕະພັນຖືກສ້າງຂຶ້ນ. - Bone
#fcfaee— ພື້ນຜິວສຳຮອງສຳລັບບລັອກສີທີ່ເປັນກາງທີ່ອົບອຸ່ນ, ຂໍ້ຄວາມປຸ່ມເທິງພື້ນຫຼັງສີເຂັ້ມ, ຜ້າໃບທາງເລືອກເມື່ອສີຂາວຮູ້ສຶກວ່າເປັນຫມັນ. - Obsidian
#191817— ຂໍ້ຄວາມຫຼັກ ແລະ ຂໍ້ຄວາມອະທິບາຍຜະລິດຕະພັນແມ່ນສີທີ່ອົບອຸ່ນ, ເກືອບເປັນສີດຳ ເຊິ່ງເບິ່ງອ່ອນກວ່າສີ #000000 ທີ່ບໍລິສຸດ ເທິງພື້ນຫຼັງສີຂາວ. - Pure Ink
#000000— ໂຄງຮ່າງໄອຄອນ, ແທັກນ້ອຍໆ, ຂອບທີ່ລະອຽດອ່ອນ, ແລະ ຄວາມແຕກຕ່າງຂອງຂໍ້ຄວາມທີ່ຄົມຊັດທີ່ສຸດ. - Graphite
#555555— ຂໍ້ຄວາມສຳຮອງ, ຂໍ້ມູນເມຕາ, ປ້າຍລາຄາ, ຂໍ້ຄວາມຊ່ວຍທີ່ບໍ່ມີສຽງ - Mist
#e5e5e5— ຂອບເຂດຂໍ້ມູນປ້ອນຂໍ້ມູນບາງ ແລະ ເປັນຕົວແຍກໂຄງສ້າງດຽວໃນລະບົບ.
ຮູບແບບຕົວອັກສອນ
ຈາກ 12 ຫາ 36px · 5 ຂັ້ນຕອນ
- BeoSupreme — ການທົດແທນ: Neue Haas Grotesk Display Pro (closest) · ໂຄງຮ່າງ 400, 500, 700 · ຟອນຕ໌ດຽວທີ່ສະທ້ອນເຖິງເອກະລັກຂອງແບຣນທັງໝົດ. ສຳລັບຫົວຂໍ້ ແລະ ຫົວຂໍ້: ນ້ຳໜັກ 500–700, 24–36px ພ້ອມໄລຍະຫ່າງຕົວອັກສອນທີ່ແຄບ (-0.056em → -0.014em) ສຳລັບຫົວຂໍ້ຂ່າວທີ່ໝັ້ນໃຈ ແລະ ກະທັດຮັດ. ສຳລັບເນື້ອໃນ ແລະ UI: ນ້ຳໜັກ 400, 14–16px, ໄລຍະຫ່າງຕົວອັກສອນປົກກະຕິ, ໄລຍະຫ່າງແຖວ 1.5–1.7. ປ້າຍຊື່ຂະໜາດນ້ອຍ (ການນຳທາງ, ຮູບສັນຍາລັກ, ຄຳຂວັນ "ສ້າງຕັ້ງຂຶ້ນໃນປີ 1925"): ນ້ຳໜັກ 500, 9–12px ພ້ອມໄລຍະຫ່າງຕົວອັກສອນກວ້າງເຖິງ +0.143em, ສະແດງດ້ວຍຕົວພິມໃຫຍ່ທັງໝົດເພື່ອໃຊ້ເປັນຄຳອະທິບາຍປະກອບທາງສະຖາປັດຕະຍະກຳທີ່ບໍ່ລົບກວນ. ບໍ່ມີຟອນຕ໌ອື່ນທີ່ແຂ່ງຂັນກັນໄດ້.
- object-fit: cover; object-position: center; — ການທົດແທນ: Inter · ໂຄງຮ່າງ 400 · object-fit: cover; object-position: center; - ພົບໃນຂໍ້ມູນທີ່ສະກັດອອກມາແຕ່ບໍ່ໄດ້ອະທິບາຍໂດຍ AI.
ໄລຍະຫ່າງ ແລະ ຮູບແບບ
| ຈຸດປະສົງ | ຄວາມໝາຍ |
|---|---|
| ຄວາມໜາແໜ້ນ | ໜາແໜ້ນ |
| ຂັ້ນຕອນພື້ນຖານ | 8-16px |
| ລັດສະໝີປຸ່ມ | 40px |
| ລັດສະໝີບັດ | 0px |
| ເງົາ | ບໍ່ມີ - ຂອບແທນທີ່ຈະເປັນເງົາ |
| ລະຫວ່າງພາກສ່ວນຕ່າງໆ | 60-80px |
| ຄວາມກວ້າງຂອງໜ້າ | 1440px |
AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ Bang & Olufsen ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ
- ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
- ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
- ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
- ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.
ແບບທີ່ຄ້າຍຄືກັນ
- Structured — ຫໍວາງສະແດງ Renaissance ເທິງເຈ້ຍຄ້າຍຄື plasticine
- Apple (España) — ຫ້ອງວາງສະແດງຂອງພິພິທະພັນ, ໃນຕອນກາງເວັນອ່ອນໆ, ເປັນພື້ນທີ່ສີຂາວດຽວທີ່ໜ້າສົນໃຈ ແລະ ບໍ່ມີນ້ຳໜັກ, ໂດຍແຕ່ລະງານວາງສະແດງໄດ້ຮັບແສງສະຫວ່າງຈາກໄຟສະປອດໄລ້ຕໍ່ກັບຝາທີ່ມີສີອ່ອນໆ.
- Apple (España) — ຫໍວາງສະແດງ Obsidian ເປັນຫ້ອງວາງສະແດງທີ່ມືດມົວບ່ອນທີ່ວັດຖຸ titanium ອັນດຽວສ່ອງແສງຕັດກັບພື້ນຫຼັງທີ່ມືດມົວ.
- 099 SUPPLY — ກຳແພງຫ້ອງວາງສະແດງເຕັມໄປດ້ວຍວັດຖຸສີດຳ ແລະ ສີຂາວ
- Custo — ຫ້ອງວາງສະແດງສີປືນໂລຫະທີ່ມີຕົວອັກສອນຂະໜາດດຽວ. ຫ້ອງວາງສະແດງໃນໂທນສີເທົາຂຽວອ່ອນໆ, ບ່ອນທີ່ວັດຖຸສີເຂັ້ມອັນດຽວ ແລະ ຕົວອັກສອນ 57px ສະແດງອອກມາໄດ້ຢ່າງຈະແຈ້ງ.
- Apple (España) — ຫໍວາງສະແດງພິພິທະພັນສີຂາວຕອນທ່ຽງ
- VITURE — ການນຳສະເໜີຜະລິດຕະພັນໄຟນີອອນຢູ່ຫລັງກະຈົກກາງຄືນ - ຫ້ອງວາງສະແດງທີ່ມືດມົວບ່ອນທີ່ມີລັງສີສີສົ້ມສ່ອງຜ່ານຄວາມມືດ, ສ່ອງແສງແວ່ນຕາຄູ່ໜຶ່ງທີ່ຢູ່ເທິງຂາຕັ້ງ.
- HNST Studio — ສະຕູດິໂອທີ່ອົບອຸ່ນດ້ວຍຜ້າລີນິນທີ່ເປື້ອນສະໜິມ ແມ່ນຫ້ອງວາງສະແດງແຟຊັ່ນແບບຊ້າໆ ບ່ອນທີ່ມີສີສົ້ມໄໝ້ພຽງສີດຽວເຮັດໃຫ້ພາຍໃນແບບວັດວາອາຮາມມີສີຄຣີມ ແລະ ຖ່ານອົບອຸ່ນຂຶ້ນ.
- OFFFICE : — ຫ້ອງວາງສະແດງສິລະປະແບບ Noir ທີ່ເຕັມໄປດ້ວຍຕົວອັກສອນຂະໜາດໃຫຍ່
- ARTU — ຝາຜະໜັງຫ້ອງວາງສະແດງເທິງເຈ້ຍສີຂາວ. ARTU ປະຕິບັດພື້ນທີ່ເບິ່ງຄືກັບຮູບຖ່າຍຂອງພິພິທະພັນ - ຮູບພາບຜະລິດຕະພັນຂະໜາດໃຫຍ່, ເຄື່ອງໝາຍທີ່ລະອຽດອ່ອນ, ແລະ ປູນຂາວພຽງໜ້ອຍດຽວຢູ່ດ້ານລຸ່ມທີ່ເຮັດໃຫ້ອົງປະກອບສົມບູນ.
- Specht Studio — ກຳແພງຫ້ອງວາງສະແດງທີ່ເຕັມໄປດ້ວຍຄວາມຢາກຮູ້ຢາກເຫັນທີ່ລະອຽດອ່ອນ. ຜິວໜ້າໂຄຣມຂອງສະຕູດິໂອແມ່ນພື້ນຜິວສີຂາວ ແລະ ຕົວອັກສອນສີດຳ; ສີສັນສົດໃສແມ່ນສຸມໃສ່ພາຍໃນກະເບື້ອງຂອງໂຄງການທັງໝົດ.
- MindMarket — ປຶ້ມເທບນິຍາຍທີ່ອົບອຸ່ນໃສ່ເຈ້ຍສີຄີມ - ຜ້າໃບບັນນາທິການທີ່ເປັນມິດບ່ອນທີ່ຫົວຂໍ້ຂ່າວຂະໜາດໃຫຍ່ ແລະ ຕົວລະຄອນເຈ້ຍຕັດອອກຢູ່ຮ່ວມກັນເທິງໜ້າດິນທີ່ຊຸ່ມດ້ວຍແສງແດດ ແລະ ອ່ອນນຸ້ມຄືກັບສະຕິກເກີ.