Creative Giants
ໂປສເຕີບັນນາທິການຂະໜາດໃຫຍ່ໃສ່ເຈ້ຍສີຄີມ
Creative Giants ເບິ່ງຄືກັບປຶ້ມສິລະປະຂະໜາດໃຫຍ່, ສະແດງເປັນລະຫັດ: ຜ້າໃບທີ່ອົບອຸ່ນ, ມີສີຄຣີມ, ຂອບບາງ, ແລະຕົວອັກສອນໃຫຍ່ຫຼາຍຈົນຮູ້ສຶກຄືກັບໂປສເຕີຫຼາຍກວ່າຫົວຂໍ້ຂ່າວ. ລະບົບທັງໝົດເຮັດວຽກໃນພື້ນທີ່ລົບ ແລະ ຂະໜາດນ້ຳໜັກເບົາດຽວ (300)—ຫົວຂໍ້ຂ່າວแทบจะບໍ່ໄດ້ຍິນທີ່ 64–84px, ແທນທີ່ຈະໂດດເດັ່ນເປັນຕົວໜາ, ແລະໄລຍະຫ່າງຂອງຕົວອັກສອນຫຼຸດລົງຢ່າງໄວວາ (-0.04em) ເມື່ອຂະໜາດຕົວອັກສອນເພີ່ມຂຶ້ນ, ດັ່ງນັ້ນຄຳສັບຈຶ່ງເບິ່ງຄືວ່າເປັນຮູບແກະສະຫຼັກແທນທີ່ຈະລອກອອກ. ໂຄງສີແມ່ນແຈກຢາຍເປັນແປງນ້ອຍໆທີ່ອີ່ມຕົວ: ສີມ່ວງສົດໃສ, ສີຟ້າອ່ອນ, ສີຟ້າອ່ອນ, ສີບົວອ່ອນ, ສີມິນ, ແລະສີນ້ຳເງິນປະກົດເປັນພື້ນຜິວບັດ ຫຼື ການເນັ້ນສີ, ແທນທີ່ຈະເປັນການຕື່ມພື້ນຫຼັງ. ອົງປະກອບການໂຕ້ຕອບແມ່ນຮູບຮ່າງສີດຳຢູ່ເທິງພື້ນຫຼັງສີຄຣີມທີ່ມີລັດສະໝີມົນເຕັມ (1440px), ໃນຂະນະທີ່ອົງປະກອບໂຄຣມເກືອບເບິ່ງບໍ່ເຫັນ—ໂລໂກ້ມົນດຽວ ແລະ ປຸ່ມ "ເມນູ" ລອຍຢູ່ໃນພື້ນທີ່ສີຂາວ. ແນວຄວາມຄິດທາງສາຍຕາແມ່ນແຜ່ນຕິດຕໍ່ຂອງສະຕູດິໂອຜະລິດ: ຫົວຂໍ້ຂ່າວໃຫຍ່ອັນໜຶ່ງ, ຮູບພາບເຕັມຄວາມກວ້າງໜຶ່ງ, ຂໍ້ຄວາມ metatext ໜຶ່ງແຖວທີ່ງຽບສະຫງົບ. ໜ້າອື່ນໆທຸກໆໜ້າຄວນປະຕິບັດຕາມແບບ laconic ດຽວກັນ.
ຮູບແບບໜ້າເຕັມຮູບແບບ: ບໍ່ມີຕູ້ຄອນເທນເນີທີ່ມີຄວາມກວ້າງສູງສຸດ; ເນື້ອຫາໃຊ້ຄວາມກວ້າງທັງໝົດຂອງໜ້າໂດຍມີຂອບເທົ່າກັນຢູ່ເບື້ອງຊ້າຍ ແລະ ເບື້ອງຂວາ (16–32px ໃນມືຖື, 32px+ ໃນຄອມພິວເຕີຕັ້ງໂຕະ). ຫົວຂໍ້ຫຼັກແມ່ນຫົວຂໍ້ໃຫຍ່ອັນດຽວ (“CREATIVE GIANTS” ທີ່ 84px) ເຊິ່ງກວມເອົາປະມານ 40% ຂອງວິວພອດ, ຕາມດ້ວຍຮູບພາບເຕັມຮູບແບບທີ່ມີແທັກ meta ຢູ່ມຸມຊ້າຍລຸ່ມ ແລະ ຫົວຂໍ້ຊ້ອນທັບ. ຈັງຫວະຂອງພາກສ່ວນແມ່ນແບບດຽວ: ແຕ່ລະພາກສ່ວນໃໝ່ເລີ່ມຕົ້ນດ້ວຍສຳເນົາຕົວພິມໃຫຍ່ທັງໝົດຈຳນວນໜ້ອຍ ແລະ ຄຳອະທິບາຍ, ແຍກດ້ວຍຊ່ອງຫວ່າງສີຂາວ 48–64px - ບໍ່ມີແຖບສີເຂັ້ມ/ສີອ່ອນສະຫຼັບກັນຍົກເວັ້ນບັດເນັ້ນສີນ້ຳເງິນ Navy Ink ໜຶ່ງອັນ. ເນື້ອຫາຖືກຈັດລຽງຊ້າຍ; ບໍ່ມີບລັອກຢູ່ໃຈກາງຍົກເວັ້ນຫົວຂໍ້ຫຼັກ. ພາກສ່ວນຂ່າວ/ກໍລະນີສຶກສາໃຊ້ຕາຂ່າຍບັດສາມຖັນທີ່ມີບລັອກລູກສອນລອຍຢູ່ເບື້ອງຂວາ. ການນຳທາງແມ່ນເຮັດສຳເລັດຜ່ານຫົວຂໍ້ເທິງສຸດດຽວ - ໂດຍບໍ່ມີແຖບຂ້າງ ຫຼື ອົງປະກອບໃດໆທີ່ຍຶດໄວ້ນອກເໜືອຈາກຫົວຂໍ້ເອງ. ຮູບແບບໂດຍລວມແມ່ນກວ້າງຂວາງ ແລະ ສອດຄ່ອງກັບແບບຂອງບັນນາທິການ: ແຕ່ລະພາກສ່ວນມີລົມຫາຍໃຈ, ແລະ ພື້ນທີ່ສີຂາວແມ່ນອົງປະກອບໂຄງສ້າງຫຼັກ.
ການຖ່າຍຮູບບັນນາທິການຄອບງຳການອອກແບບ: ຮູບພາບກວມເອົາຄວາມກວ້າງທັງໝົດຂອງໜ້າ, ມີມຸມແຫຼມ, ແລະບໍ່ມີການຊ້ອນກັນ ຫຼື ໜ້າກາກມົນ. ແບບດັ່ງກ່າວມີແນວໂນ້ມທີ່ຈະເປັນສາລະຄະດີ ແລະ ບັນຍາກາດ - ມືທີ່ມີຮອຍຫຍົ້ນ, ການຕິດຕັ້ງສາທາລະນະ, ແລະ ການຖ່າຍຮູບຄົນທຳມະດາ - ໂດຍບໍ່ເຄີຍໃຊ້ການຖ່າຍຮູບຜະລິດຕະພັນແບບຈັດງານ. ຮູບພາບຕ່າງໆແມ່ນຖືກນຳສະເໜີໃນຂະໜາດໃຫຍ່ສະເໝີ (ວິວພອດເຕັມຄວາມກວ້າງ ຫຼື ເຕັມບັດທັງໝົດ), ສະນັ້ນຫົວໜ່ວຍການອອກແບບແມ່ນຮູບຖ່າຍ, ບໍ່ແມ່ນອິນເຕີເຟດຜູ້ໃຊ້. ບໍ່ມີຮູບແຕ້ມ, ແບບຈຳລອງ 3D, ຫຼື ການຈຳລອງຜະລິດຕະພັນ. ຮູບສັນຍາລັກແມ່ນໜ້ອຍທີ່ສຸດ: ໂລໂກ້ວົງມົນຂະໜາດນ້ອຍອັນດຽວ, ຮູບສັນຍາລັກໃນຕົວຄວບຄຸມແບບໝຸນ, ແລະ ຮູບສັນຍາລັກ UI ນ້ຳໜັກເບົາທີ່ມີຮູບຊົງ 1px. ຄວາມໜາແໜ້ນຂອງຮູບພາບຖືກກຳນົດໂດຍຕົວຮູບພາບເອງ, ແລະ ຂໍ້ຄວາມເຮັດໜ້າທີ່ເປັນຊັ້ນຄຳອະທິບາຍທີ່ລະອຽດອ່ອນຢູ່ລຸ່ມ ຫຼື ເໜືອຮູບຖ່າຍ.
ພາເລັດ
ຍີ່ຫໍ້
- Magenta Bloom
#8a0467— ສີບົວຖືກໃຊ້ເປັນສີເສີມສຳລັບລາຍລະອຽດການຕົກແຕ່ງ ແລະ ເພື່ອເນັ້ນໃສ່ຄຳຖາມຄົ້ນຫາທີ່ບໍ່ຄ່ອຍໃຊ້. ມັນບໍ່ຄວນໃຊ້ເປັນສີຫຼັກສຳລັບການຮຽກຮ້ອງໃຫ້ມີການດຳເນີນການ. - Forest Teal
#03624c— ສີທີ່ໂດດເດັ່ນຂອງຍີ່ຫໍ້ທີ່ອຸດົມສົມບູນສຳລັບກອບບັດ ແລະ ການຕົກແຕ່ງ; ຈັບຄູ່ກັບ Magenta Bloom ເພື່ອໃຫ້ໄດ້ຜົນສອງໂທນ.
ເປັນກາງ
- Bone White
#fffef7— ຜ້າໃບໜ້າ, ໜ້າເຈ້ຍກະດາດ, ແລະ ຕົວໜັງສືໃນສີເຂັ້ມແມ່ນສີທີ່ອົບອຸ່ນ ແລະ ຄຣີມມີ່ ເຊິ່ງມາແທນທີ່ #ffffff ທີ່ບໍລິສຸດ ແລະ ເຮັດໃຫ້ລະບົບທັງໝົດມີຄວາມຮູ້ສຶກຄືກັບເຈ້ຍ ແລະ ພິມອອກມາ. - Ink Black
#000000— ສີເຂັ້ມເສີມຂໍ້ຄວາມ ແລະ ໄອຄອນທີ່ເປັນກາງ ແລະ ສ້າງຄວາມຄົມຊັດທີ່ເຂັ້ມແຂງ. ຫຼີກລ່ຽງການໃຊ້ມັນເປັນສີຫຼັກສຳລັບການຮຽກຮ້ອງໃຫ້ມີການດຳເນີນການ. - Graphite
#666666— ຂໍ້ຄວາມສຳຮອງ, ຄຳບັນຍາຍ, ຂໍ້ມູນເມຕາ ແລະ ຂໍ້ຄວາມສະໜັບສະໜູນຈະຖືກຍູ້ໄປໃນພື້ນຫຼັງເພື່ອໃຫ້ຂໍ້ຄວາມຫຼັກເດັ່ນ. - Ash
#aaaaaa— ຂອບຊ່ອງປ້ອນຂໍ້ມູນ, ສີຂອງລິ້ງທີ່ບໍ່ເຄື່ອນໄຫວ, ຕົວແຍກຊັ້ນສາມ - ສີເທົາໂຄງສ້າງອ່ອນໆທີ່ຫາຍໄປເມື່ອບໍ່ຕ້ອງການ. - Charcoal Scale
#4d4c4a— ເປັນກາງປານກາງສຳລັບຂອບລາຍຊື່, ພ້ອມດ້ວຍການເພີ່ມຄວາມຄົມຊັດເລັກນ້ອຍໃນເສັ້ນທາງການໄລ່ສີເຂັ້ມ - ສີເທົາອຸ່ນແທນທີ່ຈະເປັນສີເທົາຟ້າ. - Powder Blue
#a5c8eb— ການເນັ້ນສີທີ່ອ່ອນນຸ້ມ - ພື້ນຫຼັງໂປສກາດ, ພື້ນຫຼັງມົວ, ຮູບແຕ້ມທີ່ອ່ອນໆ - ເຮັດໃຫ້ພື້ນຫຼັງທີ່ອົບອຸ່ນເຢັນລົງໂດຍບໍ່ສ້າງການແຂ່ງຂັນ.
ຮູບແບບຕົວອັກສອນ
ຈາກ 12 ຫາ 84px · 7 ຂັ້ນຕອນ
- Switzer — ການທົດແທນ: Inter (300 · ໂຄງຮ່າງ 300, 400 · ລະບົບຕົວອັກສອນດຽວ: ນ້ຳໜັກ 300 ສຳລັບອົງປະກອບການສະແດງ ແລະ ຫົວຂໍ້ທັງໝົດ (12–84px), ນ້ຳໜັກ 400 ສຳລັບຂໍ້ຄວາມ, ຂໍ້ມູນເມຕາ, ແລະ ຕົວຄວບຄຸມ UI. ຕົວເລືອກທີ່ຕ້ອງການແມ່ນການໃຊ້ນ້ຳໜັກ 300 ທີ່ຂະໜາດ 64–84px—ລະບົບສ່ວນໃຫຍ່ໃຊ້ຕົວອັກສອນໜາ 700–800 ຢູ່ທີ່ນີ້; ຕົວອັກສອນ Switzer ທີ່ມີສີອ່ອນຮັກສາເສັ້ນບາງໆ, ສ້າງຄວາມປະທັບໃຈຂອງຕົວອັກສອນທີ່ຖືກທາສີດ້ວຍເຄື່ອງພົ່ນສີຄຣີມ. ໄລຍະຫ່າງຕົວອັກສອນທີ່ແຄບລົງເມື່ອຂະໜາດເພີ່ມຂຶ້ນ (-0.04em ທີ່ 84px, -0.018em ທີ່ 14px) ເຮັດໃຫ້ຊ່ອງຫວ່າງພາຍໃນເປີດກວ້າງ, ໂດຍບໍ່ສ້າງຄວາມຮູ້ສຶກທີ່ຈືດໆ.
ໄລຍະຫ່າງ ແລະ ຮູບແບບ
| ຈຸດປະສົງ | ຄວາມໝາຍ |
|---|---|
| ຄວາມໜາແໜ້ນ | ໂດຍສະເລ່ຍ |
| ຂັ້ນຕອນພື້ນຖານ | 8px |
| ລັດສະໝີປຸ່ມ | 1440px |
| ລັດສະໝີບັດ | 0px |
| ເງົາ | ບໍ່ມີ - ຂອບແທນທີ່ຈະເປັນເງົາ |
| ລະຫວ່າງພາກສ່ວນຕ່າງໆ | 64px |
AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ Creative Giants ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ
- ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
- ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
- ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
- ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.
ແບບທີ່ຄ້າຍຄືກັນ
- Studio — ກຳແພງຫ້ອງວາງສະແດງທີ່ເຄື່ອນໄຫວ. ແຕ່ລະໜ້າຈໍສະແດງເຖິງພື້ນຜິວວາງສະແດງສີເທົາທີ່ງຽບສະຫງົບບ່ອນທີ່ວັດສະດຸຕົວອັກສອນ ແລະ ຜົນງານສ້າງສັນທີ່ຊ້ອນກັນແຂ່ງຂັນກັນເພື່ອດຶງດູດຄວາມສົນໃຈ.
- Mollie — ເຄົາເຕີ້ຜ້າແຄສເມຍ, ບັນຊີສີເຂັ້ມ. ໃຫ້ມີພື້ນທີ່ສີຂາວພຽງພໍສຳລັບການອອກແບບບັນນາທິການອ້ອມຮອບຕົວໜັງສືສີດຳ, ຈາກນັ້ນເສີມຈຸດທີ່ກ່ຽວຂ້ອງກັບຜະລິດຕະພັນດ້ວຍຄຣີມອຸ່ນ, ກາເຟສີນ້ຳຕານເອສເປຣສໂຊ, ແລະຮູບພາບທີ່ສຳຜັດໄດ້ຂອງວິທີການຈ່າຍເງິນຕົວຈິງ.
- Bajgart Office — ຝາຫ້ອງວາງສະແດງບັນນາທິການ. ໃຊ້ພື້ນທີ່ສີຂາວຂະໜາດໃຫຍ່ບ່ອນທີ່ຕົວອັກສອນ serif ອ່ອນໆ ແລະ ຊິ້ນສ່ວນຂອງຜົນງານມີນ້ຳໜັກທີ່ເບິ່ງເຫັນໄດ້ຫຼາຍກວ່າອົງປະກອບການໂຕ້ຕອບທີ່ຊຸບໂຄຣມ.
- Bejamas — ຊຸດນອນ—ປູນຂາວເຂັ້ມຜ່ານແກ້ວສີດຳ. ສ້າງໜ້າບັນນາທິການທີ່ສະຫງົບ, ສີເທົາອ່ອນທີ່ຖືກລົບກວນດ້ວຍແຜງສີດຳທີ່ໜ້າສົນໃຈບ່ອນທີ່ເສັ້ນແສງສີຂຽວມົວຕັດກັນເທິງໜ້າດິນ.
- Kagi — ຫ້ອງອ່ານແຍກຕ່າງຫາກ. ສ້າງພື້ນທີ່ສີຂາວເປີດອ້ອມຮອບຕົວໜັງສືແກຣໄຟຟ໌ທີ່ເຂັ້ມ, ໂດຍໃຊ້ສີມ່ວງອ່ອນໆ ແລະ ພື້ນຜິວສີ pastel ອົບອຸ່ນເພື່ອທຳລາຍຄວາມສະຫງົບ.
- Milanote — Milanote ເປັນສະຕູດິໂອສ້າງສັນທີ່ອຸທິດຕົນ. ສ້າງໜ້າເວັບແບບຫ້ອງສະແດງພາບບັນນາທິການໂດຍໃຊ້ກະດານພາບລອຍ: ຝາຜະໜັງທີ່ມີກອບສີເຂັ້ມ, ພື້ນທີ່ສະແດງຜົນສີຂາວ, ແລະພາບໜ້າຈໍທີ່ເບິ່ງຄືກັບວັດຖຸແທ້ທີ່ມີຄວາມເລິກອ່ອນໆ.
- Co2 — ແຜນທີ່ສະພາບອາກາດໃນລະດູໜາວ. ສ້າງໜ້າເວັບຄືກັບພູມສັນຖານເອກະສານທາງອາກາດ, ບ່ອນທີ່ຫົວຂໍ້ serif, ຂໍ້ມູນລະຫັດໝວດໝູ່, ແລະຮູບພາບນ້ຳກ້ອນເນັ້ນໃສ່ຂອບສີຂາວກວ້າງ.
- GitButler — ສີຟ້າຂຽວຢູ່ທ້າຍຂໍ້ຄວາມ. ການປະສົມປະສານຂອງຫົວຂໍ້ຂ່າວ serif ທີ່ມີຄວາມຄົມຊັດສູງກັບຕາຂ່າຍໄຟຟ້າທີ່ລະອຽດອ່ອນ, ໜ້າດິນ graphite ທີ່ອົບອຸ່ນ, ແລະ ການເນັ້ນສີຟ້າຂຽວທີ່ລະອຽດອ່ອນ.
- ElevenLabs — ບົດຂຽນຮູບພາບໃນໂທນສີຄຣີມອຸ່ນໆພ້ອມດ້ວຍຫົວຂໍ້ຂ່າວທີ່ລະອຽດອ່ອນ. ປື້ມບັນທຶກແບບ Bauhaus—ເຈ້ຍສີເປືອກໄຂ່, ໝຶກສີດຳ, ແລະສີມ່ວງ ແລະ ສີສົ້ມດຽວສຳລັບວາງສະແດງຜະລິດຕະພັນ.
- monopo saigon — ແສງສະຫວ່າງທີ່ເປັນຂອງແຫຼວ ແລະ ມີລວດລາຍຢູ່ເບື້ອງຫຼັງຄວາມງຽບສະຫງົບຂອງບັນນາທິການ — ຫ້ອງວາງສະແດງບັນນາທິການສີດຽວທີ່ລອຍຢູ່ເທິງແສງໄຟທີ່ລະລາຍ
- Awesomic — ຕາໜ່າງສັງກະສີບັນນາທິການທີ່ມີເຄື່ອງໝາຍວັກຕອນສີສົ້ມເຮັດໃຫ້ນຶກເຖິງເຈ້ຍປິວຕີ້
- Monad — ວາລະສານດ້ານວິຊາການກ່ຽວກັບເຈ້ຍ parchment ອຸ່ນ