Nike
ຫ້ອງວາງສະແດງຜົນງານກິລາສີດຽວ - ຝາສີຂາວ, ຜະລິດຕະພັນເປັນຜົນງານສິລະປະ, ໂຄຣມທີ່ລະລາຍໄປໃນພື້ນຫຼັງ
Nike.com ເຮັດໜ້າທີ່ເປັນຄັງຮູບພາບແບບ monochrome ທີ່ເນັ້ນຜະລິດຕະພັນເປັນຫຼັກ: ອິນເຕີເຟດຜູ້ໃຊ້ເບິ່ງບໍ່ເຫັນ, ຊ່ວຍໃຫ້ຮູບພາບຜະລິດຕະພັນສາມາດຄອບຄອງທຸກໜ້າຈໍໄດ້. ອິນເຕີເຟດທັງໝົດແມ່ນສ້າງຂຶ້ນຈາກສີດຳ, ສີຂາວ, ແລະສີເທົາສາມສີ—ບໍ່ມີສີທີ່ໂດດເດັ່ນ, ບໍ່ມີການຕົກແຕ່ງແບບ gradient, ບໍ່ມີ chrome ທີ່ອົບອຸ່ນ, ເປັນລາຍເຊັນ. ແບບລາຍເຊັນຂອງ Nike ມີຢູ່ໃນໂລໂກ້ຄັງຮູບພາບ ແລະ ຮູບພາບ, ແຕ່ບໍ່ເຄີຍຢູ່ໃນອິນເຕີເຟດຜູ້ໃຊ້ເອງ. ຮູບແບບຕົວອັກສອນມີຂະໜາດກະທັດຮັດ ແລະ ເປັນປະໂຫຍດ, ອີງໃສ່ຟອນຕ໌ Helvetica Now ທີ່ອອກແບບມາເປັນພິເສດທີ່ 12-20px, ມີໂລໂກ້ Nike Futura ND ຂະໜາດໃຫຍ່ດຽວທີ່ 76px ສຳລັບຫົວຂໍ້. ອົງປະກອບຕ່າງໆແມ່ນ minimalist: ປຸ່ມຮູບຊົງເມັດທີ່ມີລັດສະໝີ 30px, ບັດຜະລິດຕະພັນຮາບພຽງ, ຂອບບາງ, ແລະ ຄວາມແຕກຕ່າງດ້ານຄວາມສູງເກືອບບໍ່ມີ. ໜ້າເວັບສະຫຼັບກັນລະຫວ່າງພື້ນຜິວຜະລິດຕະພັນສີຂາວບໍລິສຸດ ແລະ ພາກສ່ວນບັນນາທິການທີ່ມືດມົວ, ສ້າງຈັງຫວະຜ່ານຄວາມຄົມຊັດແທນທີ່ຈະເປັນການຕົກແຕ່ງ.
ໜ້າເວັບປະຕິບັດຕາມຈັງຫວະບັນນາທິການທີ່ເຂັ້ມແຂງ: ຫົວຂໍ້ສີດຳທີ່ໂດດເດັ່ນ, ເຕັມຄວາມກວ້າງ, ມີຜະລິດຕະພັນດຽວ ແລະ ຫົວຂໍ້ຂະໜາດໃຫຍ່, ຕາມດ້ວຍຕາຂ່າຍໝວດໝູ່ເຕັມຄວາມກວ້າງ 2x2, ຕາຂ່າຍບັດຜະລິດຕະພັນທີ່ເລື່ອນຕາມແນວນອນໃນ 3 ຖັນ, ແລະ ສຸດທ້າຍແມ່ນສ່ວນລຸ່ມທີ່ໜາແໜ້ນ ແລະ ຫຼາຍຖັນ. ບລັອກເນື້ອຫາທັງໝົດຄອບຄອງຄວາມກວ້າງຂອງວິວພອດເຕັມໂດຍບໍ່ມີຄວາມກວ້າງສູງສຸດຂອງຕູ້ຄອນເທນເນີ; ຂໍ້ຈຳກັດຄວາມກວ້າງສູງສຸດໃຊ້ໄດ້ກັບຕາຂ່າຍການນຳທາງ ແລະ ລິ້ງສ່ວນລຸ່ມເທົ່ານັ້ນ. ການຫັນປ່ຽນລະຫວ່າງພາກສ່ວນຕ່າງໆແມ່ນຄົມຊັດ: ຫົວຂໍ້ສີດຳ → ຕາຂ່າຍໝວດໝູ່ສີຂາວ → ຕາຂ່າຍຜະລິດຕະພັນສີຂາວ → ສ່ວນລຸ່ມສີຂາວ, ມີຂອບສີເທົາແຄບໆເປັນຮອຍຕໍ່ທາງສາຍຕາດຽວ. ການນຳທາງແມ່ນແຖບສອງຊັ້ນແບບ minimalist (ລິ້ງຊ່ວຍຢູ່ເທິງສຸດ, ໝວດໝູ່ຫຼັກຢູ່ໃຈກາງ) ໂດຍບໍ່ມີການປັກໝຸດ, ບໍ່ມີການຕື່ມພື້ນຫຼັງ, ແລະ ບໍ່ມີເງົາ. ຄວາມໜາແໜ້ນຂອງເນື້ອຫາແມ່ນກະທັດຮັດໃນຕາຂ່າຍຜະລິດຕະພັນ (ໄລຍະຫ່າງບັດແຄບ) ແລະ ກວ້າງຂວາງໃນຫົວຂໍ້ (ວິວພອດເຕັມຄວາມກວ້າງ).
ການຖ່າຍຮູບແມ່ນອົງປະກອບທາງສາຍຕາທີ່ໂດດເດັ່ນ ແລະ ກຳນົດເອກະລັກທັງໝົດຂອງຍີ່ຫໍ້. ລະບົບດັ່ງກ່າວໃຊ້ຮູບພາບຜະລິດຕະພັນທີ່ມີຄຸນນະພາບສູງ, ເຕັມຮູບແບບ: ເກີບກິລາທີ່ຖ່າຍຮູບແຍກຕ່າງຫາກກັບພື້ນຫຼັງສີເຂັ້ມ ຫຼື ສີຂີ້ເຖົ່າ, ຕັດເພື່ອເຕີມເຕັມກອບ, ໂດຍບໍ່ມີສະພາບການດຳລົງຊີວິດ. ຮູບພາບວິຖີຊີວິດປະກົດຢູ່ໃນໝວດໝູ່, ສະແດງໃຫ້ເຫັນຕີນ ແລະ ຂາຂອງນັກກິລາທີ່ກຳລັງເຄື່ອນໄຫວ. ມີການໃຊ້ໂຄງສີທີ່ມີຄວາມຄົມຊັດສູງ ແລະ ອີ່ມຕົວ - ເກີບສີແດງກັບພື້ນຫຼັງສີດຳ, ສີນີອອນເທິງພື້ນເກີບສີຂາວ, ແລະ ແສງໄຟອຸ່ນ ແລະ ເຢັນເພື່ອເຮັດໃຫ້ວັດສະດຸເບິ່ງໂດດເດັ່ນ. ບໍ່ມີຮູບແຕ້ມ, ຮູບພາບທີ່ບໍ່ມີຕົວຕົນ, ຫຼື ການສະແດງຜົນ 3D. ຮູບພາບມີຂອບທີ່ສະອາດສະເໝີ (ບໍ່ມີມຸມມົນໃນກ່ອງຮູບພາບ), ສະເໝີຄອບຄອງພື້ນທີ່ທັງໝົດພາຍໃນບລັອກຂອງມັນ, ແລະ ສະເໝີມີຂໍ້ຄວາມຊ້ອນກັນໜ້ອຍທີ່ສຸດ. ຮູບສັນຍາລັກແມ່ນມີປະໂຫຍດຢ່າງດຽວ: ຮູບສັນຍາລັກໂຄງຮ່າງສຳລັບການຄົ້ນຫາ, ລາຍການທີ່ຕ້ອງການ, ກະຕ່າ, ແລະ ບັນຊີໃນສີ Obsidian ຫຼື Steel.
ພາເລັດ
ເປັນກາງ
- Obsidian
#111111— ສີເຂັ້ມເສີມຂໍ້ຄວາມ ແລະ ໄອຄອນທີ່ເປັນກາງ ແລະ ສ້າງຄວາມຄົມຊັດທີ່ເຂັ້ມແຂງ. ຫຼີກລ່ຽງການໃຊ້ມັນເປັນສີຫຼັກສຳລັບການຮຽກຮ້ອງໃຫ້ມີການດຳເນີນການ. - Paper White
#ffffff— ພື້ນຫຼັງໜ້າ, ໜ້າດິນບັດ, ຂໍ້ຄວາມປຸ່ມໃນພື້ນຫຼັງສີເຂັ້ມ, ໂຄງຮ່າງໄອຄອນ - ຜ້າໃບເລີ່ມຕົ້ນສຳລັບຕາຂ່າຍຜະລິດຕະພັນ ແລະ ພາກສ່ວນໝວດໝູ່. - Concrete Gray
#e5e5e5— ຂອບ, ຕົວແບ່ງ, ເສັ້ນບາງໆທີ່ແຍກສ່ວນຂອງຕາຂ່າຍໄຟຟ້າ, ໂຄງຮ່າງລະອຽດອ່ອນຂອງຊ່ອງຂໍ້ມູນ. - Soft Mist
#f5f5f5— ສີພື້ນຫຼັງທີ່ອ່ອນໂຍນສຳລັບພື້ນຜິວທີສອງ, ການຕື່ມໃສ່ຊ່ອງຄົ້ນຫາໃນການນຳທາງ, ພື້ນຫຼັງແທັກ. - Steel
#707072— ຂໍ້ຄວາມສຳຮອງ, ຂໍ້ຄວາມຊ່ວຍເຫຼືອທີ່ປິດສຽງ, ໂຄງຮ່າງໄອຄອນທີ່ຫຼຸດລົງ, ປ້າຍກຳກັບ breadcrumb, ຕົວແຍກລິ້ງ footer. - Faint Gray
#9e9ea0— ໂຄງຮ່າງໄອຄອນ, ອົງປະກອບ UI ເລັກນ້ອຍ, ແລະ ຂອບທີ່ມີການເນັ້ນສີໜ້ອຍທີ່ສຸດຖືກປິດໃຊ້ງານ.
ຮູບແບບຕົວອັກສອນ
ຈາກ 12 ຫາ 76px · 6 ຂັ້ນຕອນ
- Helvetica Now Text Medium — ການທົດແທນ: Inter · ໂຄງຮ່າງ 500 · ຟອນຕ໌ Helvetica Now Text Medium - ພົບໃນຂໍ້ມູນທີ່ຖືກຂູດແຕ່ບໍ່ໄດ້ອະທິບາຍໂດຍ AI.
- Helvetica Now Text — ການທົດແທນ: Inter or Helvetica Neue · ໂຄງຮ່າງ 400, 500 · ຂໍ້ຄວາມຫຼັກຂອງອິນເຕີເຟດຜູ້ໃຊ້ - ລິ້ງນຳທາງ, ປ້າຍປຸ່ມ, ຫົວຂໍ້ບັດ, ຊື່ຜະລິດຕະພັນ, ລາຍຊື່ສ່ວນລຸ່ມ, ຂໍ້ຄວາມທັງໝົດ.
- Helvetica Now Display Medium — ການທົດແທນ: Inter Medium or Helvetica Neue Medium · ໂຄງຮ່າງ 500 · ຫົວຂໍ້ພາກສ່ວນ, ປ້າຍໝວດໝູ່ບັດ, ຫົວຂໍ້ຂະໜາດກາງ - ຕົວອັກສອນຂະໜາດກາງ (20-24px) ເປັນເຄື່ອງໝາຍຂອງຫົວຂໍ້ Nike ທີ່ບໍ່ແມ່ນອົງປະກອບການອອກແບບຂະໜາດໃຫຍ່: ບໍ່ເຄີຍໜາ, ແຕ່ສະເໝີກະທັດຮັດ.
ໄລຍະຫ່າງ ແລະ ຮູບແບບ
| ຈຸດປະສົງ | ຄວາມໝາຍ |
|---|---|
| ຄວາມໜາແໜ້ນ | ໜາແໜ້ນ |
| ຂັ້ນຕອນພື້ນຖານ | 8px |
| ລັດສະໝີປຸ່ມ | 30px |
| ລັດສະໝີບັດ | 0px |
| ເງົາ | ບໍ່ມີ - ຂອບແທນທີ່ຈະເປັນເງົາ |
| ລະຫວ່າງພາກສ່ວນຕ່າງໆ | 48px |
| ຄວາມກວ້າງຂອງໜ້າ | 1440px |
AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ Nike ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ
- ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
- ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
- ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
- ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.
ແບບທີ່ຄ້າຍຄືກັນ
- Airbnb — ຝາຜະໜັງຫ້ອງວາງສະແດງສີຂາວທີ່ງຽບສະຫງົບພ້ອມດ້ວຍທີ່ໝາຍສີແດງປະກາລັງອັນດຽວ
- Apple (España) — ຕູ້ວາງສະແດງຮູບພາບສີຂາວ
- Silencio — ຫ້ອງສີຂາວທີ່ມີສິ່ງປະດິດທີ່ລອຍຢູ່. ການວາງສະແດງຫ້ອງວາງສະແດງທີ່ເຮັດດ້ວຍເຈ້ຍອຸ່ນ, ບ່ອນທີ່ແຕ່ລະອົງປະກອບຢູ່ໃນຕຳແໜ່ງຂອງມັນຕໍ່ກັບພື້ນຫຼັງທີ່ມີປະລິມານລົບ, ແລະ ຄວາມງຽບແມ່ນການຕັດສິນໃຈອອກແບບໂດຍເຈດຕະນາ.
- Oakâme — ໂຮງງານ Provençal ທີ່ມີແສງແດດສ່ອງເຖິງ ແກະສະຫຼັກຈາກຫີນອຸ່ນ
- Arc — ຫໍວາງສະແດງສີດຳອຸດສາຫະກຳເໜືອນ້ຳທ່ຽງຄືນ
- Rivian — ຮູບປັ້ນໄຟຟ້າຂະໜາດໃຫຍ່ຢູ່ເທິງຝາຊີມັງຂອງຫ້ອງວາງສະແດງ. Rivian ນຳສະເໜີພາຫະນະແຕ່ລະຄັນເປັນຮູບປັ້ນທີ່ປະດັບຢູ່ເທິງພື້ນທີ່ສີຂາວກວ້າງໃຫຍ່ໄພສານ, ດ້ວຍຕົວອັກສອນທີ່ໃຫຍ່ຫຼາຍຈົນກາຍເປັນອົງປະກອບທາງສະຖາປັດຕະຍະກຳ, ແລະສີເຫຼືອງອຸ່ນອັນດຽວທີ່ທຳລາຍບັນຍາກາດສີດຽວ, ຄືກັບແສງແດດເທິງພື້ນຜິວດ້ານ.
- Analogue — ຕູ້ວາງສະແດງສີດຳ - ສິນຄ້າລອຍຢູ່ໃນຄວາມຫວ່າງເປົ່າ
- ddna — ຕູ້ວາງສະແດງພິພິທະພັນທີ່ອົບອຸ່ນຢູ່ເທິງຜ້າປູທີ່ບໍ່ໄດ້ຮັບການປິ່ນປົວ
- Zellerfeld — ກອງປະຊຸມຊ່າງແກະສະຫຼັກເທິງຫິນອ່ອນສີຂາວ - ໜ້າດິນທີ່ເປັນກ້ອນດຽວຂອງຖານ, ประกายໄຟໂຄບອລດຽວ, ສຽງກະຊິບຂອງຕົວອັກສອນຕົວນ້ອຍຈາກພື້ນເຖິງເພດານ
- UY Studio — ຫ້ອງວາງສະແດງຫີນຂອງວັດເປັນພື້ນທີ່ງຽບສະຫງົບທີ່ມີກຳແພງຊີມັງ, ບ່ອນທີ່ຂວດນໍ້າຫອມຕັ້ງຢູ່ເທິງຖານສີຂາວ, ສ່ອງແສງດ້ວຍໂຄມໄຟ 400 ວັດ ໜຶ່ງໜ່ວຍ ແລະ ຫລອດໄຟສີເທົາອຸ່ນສີ່ຫລອດ.
- Basic.Space — ຫ້ອງວາງສະແດງສິລະປະເທິງຫິນອ່ອນສີຂາວ
- COS — ຫ້ອງວາງສະແດງທີ່ທັນສະໄໝທີ່ມີຝາສີຂາວ