Peak Design
ຝາຜະໜັງຫ້ອງວາງສະແດງ, ມີໄຟສ່ອງສະຫວ່າງບາງສ່ວນ
Peak Design ເປັນປະສົບການການຄ້າທີ່ມີຄຸນນະພາບຄືກັບຫ້ອງວາງສະແດງ: ເປັນຜ້າໃບທີ່ເກືອບເປັນສີດຽວ ບ່ອນທີ່ຮູບແບບຕົວອັກສອນບັນນາທິການ ແລະ ການຖ່າຍຮູບຜະລິດຕະພັນເຮັດວຽກທັງໝົດ. ລະບົບດັ່ງກ່າວສະຫຼັບພື້ນຜິວສີຂາວທີ່ຄົມຊັດກັບແຜງສີດຳທີ່ເລິກ, ສ້າງຮູບແບບການແບ່ງແຍກທີ່ໂດດເດັ່ນ ບ່ອນທີ່ຫົວຂໍ້ຂ່າວ serif ໃນຕົວອັກສອນຕົວອຽງຖືກວາງໄວ້ຢູ່ດ້ານໜຶ່ງ ແລະ ຮູບພາບຜະລິດຕະພັນ ຫຼື ຊີວິດການເປັນຢູ່ເຕັມຈໍຢູ່ອີກດ້ານໜຶ່ງ. ຮູບແບບຕົວອັກສອນແມ່ນສຽງຫຼັກຂອງຍີ່ຫໍ້: ຕົວອັກສອນ serif ທີ່ສູງ, ຫຍໍ້, ແລະ ຕົບແຕ່ງ (ໃນແບບຂອງ Exposure) ສຳລັບຫົວຂໍ້ຂ່າວ, ຈັບຄູ່ກັບຕົວອັກສອນທີ່ເປັນກາງ (Geist) ສຳລັບອິນເຕີເຟດຜູ້ໃຊ້, ແລະ ຕົວອັກສອນ sans-serif ຫຍໍ້ (bryant) ສຳລັບຕົວອັກສອນ, ຄິ້ວ, ແລະ ປຸ່ມ. ອິນເຕີເຟດຍັງຄົງສະອາດ: ບໍ່ມີອົງປະກອບ UI ສີ, ບໍ່ມີການເລື່ອນສີຕົກແຕ່ງ, ບໍ່ມີເງົາ - ມີພຽງຂອບທີ່ລະອຽດອ່ອນ, ລັດສະໝີມຸມສອງມຸມ (4 ແລະ 8), ແລະ ການເນັ້ນສີແດງດຽວທີ່ໃຊ້ເປັນບາງຄັ້ງຄາວເພື່ອເນັ້ນ. ອົງປະກອບຕ່າງໆເບິ່ງຄືວ່າຄິດຫຼາຍກວ່າການຕົກແຕ່ງ: ຕົວແບ່ງບາງໆ, ບັດຜະລິດຕະພັນແບນ, ຕົວກອງຮູບຊົງເມັດ, ແລະ ປຸ່ມທີ່ເບິ່ງບໍ່ເຫັນທີ່ຮູ້ສຶກຄືກັບຄຳອະທິບາຍທາງສະຖາປັດຕະຍະກຳ.
ພາກສ່ວນໜ້າທີ່ມີຄວາມກວ້າງເຕັມສະຫຼັບກັນລະຫວ່າງສີຂາວ ແລະ ເກືອບສີດຳ; ແຕ່ລະພາກສ່ວນກວມເອົາຄວາມກວ້າງຂອງຊ່ອງວິວພອດທັງໝົດ, ໂດຍບໍ່ມີຂີດຈຳກັດຄວາມກວ້າງສູງສຸດໃນລະດັບພາກສ່ວນ. ເນື້ອຫາພາຍໃນພາກສ່ວນມີຄວາມກວ້າງສູງສຸດ ~1440px ແລະ ຢູ່ໃຈກາງ. ຮູບແບບຫົວຂໍ້ທີ່ໂດດເດັ່ນແມ່ນການແບ່ງ 50/50: ບລັອກຂໍ້ຄວາມ (ການຊອກຫາ + ຫົວຂໍ້ + ຂໍ້ຄວາມຍ່ອຍ + ປຸ່ມ) ຢູ່ດ້ານໜຶ່ງ, ແລະ ຮູບພາບຜະລິດຕະພັນ ຫຼື ວິຖີຊີວິດທີ່ມີຄວາມກວ້າງເຕັມຢູ່ອີກດ້ານໜຶ່ງ. ຢູ່ລຸ່ມຮອຍພັບ, ຕາຂ່າຍຜະລິດຕະພັນໃຊ້ສີ່ຖັນຂອງບັດຜະລິດຕະພັນທີ່ມີຄວາມກວ້າງເທົ່າກັນທີ່ມີຮ່ອງນ້ຳກວ້າງ 24-32px. ແຜງຕົວກອງໝວດໝູ່ຖືກວາງໄວ້ໂດຍກົງຢູ່ລຸ່ມການນຳທາງຫຼັກໃນແຖວແນວນອນຂອງ "ເມັດ". ຈັງຫວະຂອງພາກສ່ວນຕ່າງໆຖືກກຳນົດໂດຍການສະຫຼັບເສັ້ນອ່ອນ/ສີເຂັ້ມດ້ວຍຮອຍແຫງຕັ້ງ 80px ລະຫວ່າງພາກສ່ວນ, ສ້າງຈັງຫວະບັນນາທິການ-ວາລະສານ. ການນຳທາງແມ່ນແຖບເທິງຄົງທີ່ທີ່ມີແຖບໂຄສະນາບາງໆຢູ່ຂ້າງເທິງມັນ.
ພາສາທີ່ເບິ່ງເຫັນໄດ້ແມ່ນຖືກຄອບງຳໂດຍການຖ່າຍຮູບຜະລິດຕະພັນ: ກະເປົ໋າ, ສາຍແອວ, ແລະອຸປະກອນກ້ອງຖ່າຍຮູບຖືກຖ່າຍຮູບດ້ວຍພື້ນຫຼັງສີຂາວບໍລິສຸດ, ໂດຍບໍ່ມີສະພາບການຂອງຊີວິດປະຈຳວັນ, ໂດຍມີແສງໄຟເນັ້ນໃສ່ໂຄງສ້າງຂອງວັດສະດຸ ແລະລາຍລະອຽດຂອງຮາດແວ. ຮູບພາບປະຈຳວັນຈະປາກົດຢູ່ໃນພາກສ່ວນບັນນາທິການເຕັມຈໍເທົ່ານັ້ນ (ຕົວຢ່າງ, ມືຖືກ້ອງຖ່າຍຮູບເປັນວົງມົນ) ແລະຄອບຄອງຄວາມກວ້າງທັງໝົດຂອງວິວພອດຢູ່ດ້ານໜຶ່ງຂອງແຜງແບ່ງ. ຮູບພາບບໍ່ມີລັດສະໝີມຸມໃນຮູບພາບຫຼັກ (ພວກມັນຢູ່ລະດັບດຽວກັນກັບຂອບ), ແລະບໍ່ມີລັດສະໝີມຸມໃນຮູບພາບບັດ. ບໍ່ມີຮູບແຕ້ມ, ບໍ່ມີຮູບພາບທີ່ບໍ່ມີຕົວຕົນ, ບໍ່ມີຮູບແຕ້ມໄອຄອນນອກຈາກໄອຄອນ UI ທີ່ໃຊ້ງານໄດ້. ຜະລິດຕະພັນແມ່ນຈຸດສຸມ - ຮູບພາບຄຸນນະພາບສະຕູດິໂອ, ມີມຸມທີ່ສອດຄ່ອງ, ແສງທີ່ສອດຄ່ອງ, ແລະພື້ນຫຼັງສີຂາວທີ່ສອດຄ່ອງ - ໃນຂະນະທີ່ UI ຈາງລົງສູ່ພື້ນຫຼັງ, ເຮັດໃຫ້ວັດຖຸສາມາດເວົ້າດ້ວຍຕົນເອງ.
ພາເລັດ
ເປັນກາງ
- Carbon Ink
#1a211e— ຂໍ້ຄວາມໃນໜ້າເວັບ, ແຖບດ້ານຂ້າງສີເຂັ້ມ, ຂໍ້ຄວາມໃນໜ້າເວັບ, ຮູບສັນຍາລັກ, ກອບເທິງພື້ນຜິວສີອ່ອນ - ສີທີ່ເກືອບເປັນສີດຳເຊິ່ງເປັນພື້ນຖານສຳລັບແຕ່ລະຫົວຂໍ້ ແລະ ປະກອບເປັນແຜງພື້ນຫຼັງສີເຂັ້ມຂອງພາກສ່ວນທີ່ແບ່ງອອກ. - Paper White
#ffffff— ພື້ນຜິວຮອງຮັບທີ່ມີສີອ່ອນສຳລັບສ້າງພື້ນຫຼັງທີ່ບໍ່ລົບກວນ ແລະ ແຍກສ່ວນຕ່າງໆອອກ. ມັນບໍ່ຄວນໃຊ້ເປັນສີຫຼັກສຳລັບການຮຽກຮ້ອງໃຫ້ມີການກະທຳ. - True Black
#000000— ອົງປະກອບທີ່ມີຄວາມຄົມຊັດສູງສຸດ - ການຕື່ມຫົວຂໍ້ໃສ່ພື້ນຫຼັງສີຂາວ, ແຖບປະກາດ, ການອອກແບບສ່ວນລຸ່ມ, ໂຄງຮ່າງໄອຄອນທີ່ລຽບງ່າຍ - ຈະຖືກວາງໄວ້ໃນບ່ອນທີ່ການອອກແບບຕ້ອງການເສັ້ນທີ່ຊັດເຈນທີ່ສຸດ. - Obsidian
#0c0c0c— ພື້ນຜິວແຜງທີ່ເລິກ ແລະ ການວາງຊ້ອນຮູບພາບ - ອ່ອນກວ່າສີດຳແທ້ເລັກນ້ອຍ, ໃຊ້ສຳລັບພື້ນທີ່ມືດທີ່ກວມເອົາພື້ນທີ່ໜ້າຈໍທັງໝົດ ແລະ ຄວນຮູ້ສຶກແຂງແກ່ນແຕ່ບໍ່ຫຍາບຄາຍຄືກັບສີດຳຮາບ. - Fog
#eef1f0— ພື້ນຜິວຮອງຮັບທີ່ມີສີອ່ອນສຳລັບສ້າງພື້ນຫຼັງທີ່ບໍ່ລົບກວນ ແລະ ແຍກສ່ວນຕ່າງໆອອກ. ມັນບໍ່ຄວນໃຊ້ເປັນສີຫຼັກສຳລັບການຮຽກຮ້ອງໃຫ້ມີການກະທຳ. - Mist
#e0e0e0— ເສັ້ນແບ່ງ, ສະພາບພິການ, ເສັ້ນແບ່ງໂຄງສ້າງທີ່ລະອຽດອ່ອນ - ສີເທົາອ່ອນປານກາງທີ່ກຳນົດເຂດແດນລະຫວ່າງພາກສ່ວນຕ່າງໆໃນຜ້າໃບສີຂາວ.
ຮູບແບບຕົວອັກສອນ
ຈາກ 14 ຫາ 80px · 6 ຂັ້ນຕອນ
- Geist — ການທົດແທນ: Inter · ໂຄງຮ່າງ 400, 600, 700 · ຂໍ້ຄວາມຫຼັກ, ຫົວຂໍ້ຜະລິດຕະພັນ, ລາຍລະອຽດ, ຊ່ອງຂໍ້ມູນແບບຟອມ, ຂໍ້ຄວາມລິ້ງ ແລະ ເນື້ອຫາສ່ວນທ້າຍ. ນ້ຳໜັກຕົວອັກສອນ: 400 ສຳລັບຂໍ້ຄວາມຫຼັກ, 600 ສຳລັບຈຸດເດັ່ນ, ແລະ 700 ສຳລັບຫົວຂໍ້ຜະລິດຕະພັນ ແລະ ບັນທຶກໃນແຖວທີ່ສຳຄັນ. ຕົວອັກສອນ Grotesque ທີ່ເປັນກາງຊ່ວຍໃຫ້ຕົວອັກສອນ Display Serif ແລະ Condensed Sans ສະທ້ອນເຖິງແບບຂອງຍີ່ຫໍ້, ໃນຂະນະທີ່ Geist ໃຫ້ໜ້າທີ່ການໃຊ້ງານ ແລະ ຄວາມຊັດເຈນ.
- Exposure-style serif (Exposure-10) — ການທົດແທນ: Playfair Display · ໂຄງຮ່າງ 400 · ຫົວຂໍ້ຂ່າວ ແລະ ຫົວຂໍ້ຫຼັກ. ນ້ຳໜັກດຽວ (400) ໃນຕົວອັກສອນຕົວອຽງສ້າງຄວາມໜ້າເຊື່ອຖືຂອງບັນນາທິການ - ຄຳເຫຼົ່ານີ້ກຳນົດນ້ຳໜັກຂອງຍີ່ຫໍ້, ໃຊ້ຢ່າງລະມັດລະວັງໃນແຜງສີເຂັ້ມທີ່ກວມເອົາຄວາມກວ້າງທັງໝົດຂອງໜ້າ ແລະ ໃນຕອນເລີ່ມຕົ້ນຂອງພາກສ່ວນສຳຄັນ. ໄລຍະຫ່າງຕົວອັກສອນທີ່ແຄບ (-0.025em) ຊ່ວຍໃຫ້ຕົວອັກສອນຂະໜາດໃຫຍ່ເບິ່ງຄືວ່າມີຄວາມເຄັ່ງຄັດແທນທີ່ຈະເບົາບາງ.
- Bryant-style condensed sans (bryant) — ການທົດແທນ: Druk Wide · ໂຄງຮ່າງ 700 · ປ້າຍຊື່ນຳທາງ, ປຸ່ມຕົວກອງໝວດໝູ່, ຂໍ້ຄວາມປຸ່ມ, "ຄິ້ວ," ແທັກພາກສ່ວນ, ແລະຫົວຂໍ້ເພີ່ມເຕີມ. ຕົວອັກສອນພິມໃຫຍ່ທີ່ຖືກບີບອັດດ້ວຍໄລຍະຫ່າງຕົວອັກສອນບວກສ້າງຮູບແບບອຸດສາຫະກຳຄ້າຍຄືປ້າຍຊື່ - ຄຳເຫຼົ່ານີ້ລະບຸ ແລະ ແນະນຳ, ແຕ່ບໍ່ເຄີຍອະທິບາຍ.
ໄລຍະຫ່າງ ແລະ ຮູບແບບ
| ຈຸດປະສົງ | ຄວາມໝາຍ |
|---|---|
| ຄວາມໜາແໜ້ນ | ໂດຍສະເລ່ຍ |
| ຂັ້ນຕອນພື້ນຖານ | 24px |
| ລັດສະໝີປຸ່ມ | 4px |
| ລັດສະໝີບັດ | 8px |
| ເງົາ | ບໍ່ມີ - ຂອບແທນທີ່ຈະເປັນເງົາ |
| ລະຫວ່າງພາກສ່ວນຕ່າງໆ | 80px |
| ຄວາມກວ້າງຂອງໜ້າ | 1440px |
AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ Peak Design ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ
- ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
- ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
- ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
- ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.
ແບບທີ່ຄ້າຍຄືກັນ
- Arsenijs Fabrica — ຄວາມງາມໂດຍທຳມະຊາດຂອງເນື້ອໃນບັນນາທິການໄດ້ຖືກເປີດເຜີຍພາຍໃຕ້ແສງໄຟຂອງຫ້ອງວາງສະແດງ. ຝາສີຂາວທີ່ສົດໃສຂອງຫ້ອງວາງສະແດງ, ແສງໄຟກະພິບອຸ່ນໆດວງດຽວທີ່ກະພິບເປັນສີສົ້ມຕັດກັບພື້ນຫຼັງສີດຽວ, ແບບບາງໆຄືແກ້ວ, ແລະພື້ນທີ່ສີຂາວທີ່ອຸດົມສົມບູນ.
- 21 TSI — ຄວາມວ່າງເປົ່າສີແດງເຂັ້ມ, ຮູບຊົງດຽວ - ບົດບັນນາທິການແຟຊັ່ນຊັ້ນສູງບ່ອນທີ່ອິນເຕີເຟດຜູ້ໃຊ້ລະລາຍໄປສູ່ບັນຍາກາດ
- Aevi Wellness — ແບບຕົວອັກສອນແບບ Scandinavian apothecary, ຕົວອັກສອນທີ່ບໍ່ມີນ້ຳໜັກ. ການເນັ້ນສີເທົາ-ຟ້າອ່ອນໆເຮັດໃຫ້ຮູບແບບໂດຍລວມຂອງເອກະສານບັນນາທິການບໍ່ມີສີ ແລະ ໂປ່ງໃສ, ບ່ອນທີ່ຮູບພາບຜະລິດຕະພັນຖືກວາງຊ້ອນກັນຢູ່ເທິງບັດທີ່ມີຂອບບາງໆ ທຽບກັບພື້ນຫຼັງສີຂາວອຸ່ນ.
- Palmer — ຫ້ອງວາງສະແດງເຊລາມິກໃນແສງແດດອ່ອນໆ - ການພົວພັນເກີດຂຶ້ນກັບຝາຜະໜັງ, ແລະວັດຖຸຕ່າງໆລ້ວນແຕ່ເປັນສິລະປະ
- PLATFORM — ຫໍວາງສະແດງຮູບຊົງກ້ອນສີຂາວພາຍໃຕ້ແສງໄຟ
- Assembly Coffee London — ຖ່ານຫີນໃນໂຮງອົບສີມືດ. ຜ້າໃບເກືອບສີດຳພ້ອມດ້ວຍຮູບພາບຜະລິດຕະພັນທີ່ອົບອຸ່ນ ແລະ ມີແສງໄຟມືດ ແລະ ຕົວອັກສອນຕົວໜັງສືທີ່ຂຽນດ້ວຍຕົວອັກສອນຕົວໜັງສື - ຄວາມຮູ້ສຶກຂອງເມນູກາເຟພິເສດທີ່ພິມອອກມາໃນແບບ samizdat ທ່ຽງຄືນ.
- ARTWORLD — ຫົວຂໍ້ຂ່າວວາລະສານແຟຊັ່ນໃສ່ຜ້າປູສີຂາວ
- Structured — ຫໍວາງສະແດງ Renaissance ເທິງເຈ້ຍຄ້າຍຄື plasticine
- Airbnb — ຝາຜະໜັງຫ້ອງວາງສະແດງສີຂາວທີ່ງຽບສະຫງົບພ້ອມດ້ວຍທີ່ໝາຍສີແດງປະກາລັງອັນດຽວ
- VISIONNAIRE — ຫ້ອງວາງສະແດງຜົນງານຂອງບັນນາທິການເສື້ອຜ້າສະຕຣີດໃນພື້ນຫຼັງສີຂາວສົດຊື່ນ. ຍີ່ຫໍ້ນີ້ມີລັກສະນະຄືກັບປຶ້ມແບບພິມ: ຜ້າໃບສີຂາວຮາບພຽງ, ໝຶກສີດຳສົດຊື່ນ, ແລະແຜງສີຄຣີມອຸ່ນໆອັນດຽວທີ່ໃຊ້ເປັນບລັອກສີເພື່ອສະແດງຜະລິດຕະພັນ ຫຼື ໂລໂກ້.
- Letter — ຫ້ອງວາງສະແດງສ່ວນຕົວທີ່ມີສິ່ງປະດິດທີ່ເຫຼື້ອມເປັນເງົາຈາກບ່ອນເກັບມ້ຽນ. ພື້ນທີ່ວາງສະແດງທີ່ມີຝາສີດຳບ່ອນທີ່ຫົວຂໍ້ຮູບຍ້ອມລອຍຢູ່ເໜືອຮູບປັ້ນໂຄຣມຢູ່ເທິງຝາສີຂອງຫ້ອງວາງສະແດງ.
- Ramp — ພະແນກການເງິນຂອງບັນນາທິການ, ໜ້າສີດຳ ແລະ ສີຂາວພ້ອມດ້ວຍປາກການີອອນອັນດຽວ. ໜ້າຜິວທີ່ເກືອບຈະເປັນສີດຽວຂອງສິ່ງພິມ, ບ່ອນທີ່ເສັ້ນສີຂຽວປູນຂາວສົດໃສພຽງເສັ້ນດຽວປ່ຽນທຸກໆການໂຕ້ຕອບໃຫ້ກາຍເປັນສັນຍານທາງການເງິນ.