Framer
ຫ້ອງວາງສະແດງສີນີອອນໃນຄວາມຫວ່າງເປົ່າ
Framer ເຮັດວຽກຄືກັບຄວາມມືດເກືອບທັງໝົດ—ຜ້າໃບສີດຳບ່ອນທີ່ເນື້ອຫາລອຍຢູ່ຄືກັບປ້າຍໄຟນີອອນຢູ່ທີ່ການເປີດຫ້ອງວາງສະແດງ. ຫົວຂໍ້ຂ່າວ, ຕັ້ງຢູ່ໃນ GT Walsheim Medium ດ້ວຍໄລຍະຫ່າງລະຫວ່າງແຖວທີ່ແຄບ 0.8–1.1 ແລະໄລຍະຫ່າງລະຫວ່າງຕົວອັກສອນລົບທີ່ຮຸນແຮງ (-0.04em ທີ່ 54px), ສ້າງຕົວອັກສອນທີ່ຫຍໍ້ລົງ ແລະ ຕົກແຕ່ງທີ່ຍູ້ໄປຂ້າງໜ້າແທນທີ່ຈະວາງຢູ່ເທິງໜ້າຢ່າງເປັນລະບຽບ. ສີຟ້າໄຟຟ້າອັນດຽວ (#0099ff) ໃຫ້ສຽງເນັ້ນທີ່ໃຊ້ງານໄດ້ທັງໝົດ—ຂອບ, ແສງ, ຮູບສັນຍາລັກ, ສະຖານະທີ່ໃຊ້ງານ—ໃນຂະນະທີ່ສ່ວນທີ່ເຫຼືອຂອງອິນເຕີເຟດຍັງຄົງບໍ່ມີສີ, ອີງໃສ່ການປ່ຽນສີເທົາອ່ອນໆ (#111, #171717, #242424) ເພື່ອສ້າງຄວາມເລິກຈາກສີດຳບໍລິສຸດ. ອົງປະກອບຕ່າງໆຮູ້ສຶກວ່າຖືກພິຈາລະນາຫຼາຍກວ່າການຕົກແຕ່ງ: ລັດສະໝີມົນ 8–25px, ຂອບບາງ 1px, ເງົາຫຼຸດລົງໜ້ອຍທີ່ສຸດ, ແລະພື້ນຜິວໂປ່ງໃສທີ່ຊ່ວຍໃຫ້ຊ່ອງວ່າງສ່ອງຜ່ານໄດ້.
ພາກສ່ວນທີ່ມີຄວາມກວ້າງເຕັມຂະຫຍາຍອອກໄປໄກກວ່າຜ້າໃບສີດຳ, ໂດຍມີເນື້ອຫາຈຳກັດຄວາມກວ້າງສູງສຸດ ~1200px ແລະຢູ່ກາງ. ພາກສ່ວນຫຼັກມີຫົວຂໍ້ທີ່ຈັດລຽງໄວ້ທາງຊ້າຍ ແລະ ປຸ່ມຮຽກຮ້ອງໃຫ້ປະຕິບັດ (CTA) ດຽວ, ໂດຍທີ່ດ້ານຂວາຖືກປະໄວ້ໃຫ້ວ່າງໄວ້ໂດຍເຈດຕະນາ - ບໍ່ສະເໝີກັນ, ບໍ່ຢູ່ກາງ. ພາກສ່ວນຕ່າງໆສະຫຼັບກັນລະຫວ່າງຮູບແບບຂໍ້ຄວາມເທົ່ານັ້ນ (ຫົວຂໍ້ໃຫຍ່ + ຂໍ້ຄວາມຍ່ອຍ) ແລະ ພາບໜ້າຈໍຜະລິດຕະພັນ. ພາກສ່ວນ "ມາພ້ອມກັບ Framer" ໃຊ້ຝາໂລໂກ້ໃນຕາຂ່າຍໄຟຟ້າ 4 ຖັນ. ໃນພາກສ່ວນຊຸມຊົນ, ພາບໜ້າຈໍຜະລິດຕະພັນຖືກວາງໄວ້ພາຍໃນພາຊະນະທີ່ມີຄວາມກວ້າງເຕັມທີ່ຢູ່ກາງທີ່ມີມຸມມົນ. ການນຳທາງແມ່ນໜ້ອຍທີ່ສຸດ - ແຖບດ້ານເທິງບາງໆທີ່ມີໂລໂກ້ຢູ່ເບື້ອງຊ້າຍ ແລະ ລິ້ງທີ່ຈັດລຽງໄວ້ທາງຂວາ, ໂດຍບໍ່ມີຕົວຄວບຄຸມທີ່ເຫັນໄດ້. ຈັງຫວະຂອງພາກສ່ວນ: ຊ່ອງຫວ່າງແນວຕັ້ງ 80px ທີ່ສຳຄັນລະຫວ່າງພາກສ່ວນຕ່າງໆ, ສ້າງເກາະເນື້ອຫາທີ່ແຕກຕ່າງກັນລອຍຢູ່ໃນຊ່ອງຫວ່າງ.
ພາບໜ້າຈໍຂອງອິນເຕີເຟດຜູ້ໃຊ້ຂອງຜະລິດຕະພັນເດັ່ນຊັດ—ຖືກກອບດ້ວຍໜ້າຕ່າງຄ້າຍຄືໂຄຣມທີ່ມີຈຸດໄຟຈະລາຈອນ, ພາບໜ້າຈໍທີ່ຝັງຢູ່ໃນແອັບກາຍເປັນຮູບພາບຫຼັກ. ໂລໂກ້, ເຊິ່ງເປັນຫຼັກຖານຂອງຄຸນນະພາບ, ຖືກນຳສະເໜີດ້ວຍຕົວອັກສອນສີຂາວເທິງພື້ນຫຼັງສີດຳທີ່ມີໄລຍະຫ່າງກວ້າງ. ບໍ່ມີການໃຊ້ຮູບຖ່າຍ, ພາບປະກອບ, ຫຼື ຮູບພາບທີ່ບໍ່ມີຕົວຕົນ—ພາສາທີ່ເບິ່ງເຫັນແມ່ນຕົວຜະລິດຕະພັນເອງ, ສະແດງເປັນອິນເຕີເຟດທີ່ມີຊີວິດຊີວາ. ຮູບແບບໄອຄອນ: ແບບມິນິມາລິສ, ມີເສັ້ນຂອບ, ສີດຽວ ແລະ ສີຂາວໃນຂະໜາດນ້ອຍ. ຄວາມໜາແໜ້ນຂອງຂໍ້ຄວາມ: ສ່ວນໃຫຍ່ແມ່ນຂໍ້ຄວາມ, ບາງຄັ້ງກໍ່ມີຊິ້ນສ່ວນຂະໜາດໃຫຍ່ໃນຮູບແບບຂອງພາບໜ້າຈໍຜະລິດຕະພັນ. ຄວາມສົມດຸນທາງສາຍຕາຂອງພື້ນທີ່ສະໜັບສະໜູນຮູບແບບຕົວອັກສອນຫຼາຍກວ່າຮູບພາບຢ່າງຈະແຈ້ງ.
ພາເລັດ
ຍີ່ຫໍ້
- Vivid Violet
#0066ff— ປຸ່ມການກະທຳຫຼັກແມ່ນບ່ອນດຽວໃນອິນເຕີເຟດທີ່ສະແດງພື້ນຫຼັງປຸ່ມສີດຽວ.
ເປັນກາງ
- Bone
#ffffff— ຫົວຂໍ້ຫຼັກ, ຂໍ້ຄວາມຫຼັກໃນພື້ນຫຼັງສີເຂັ້ມ, ພື້ນຫຼັງປຸ່ມ ແມ່ນແຫຼ່ງແສງສະຫວ່າງພຽງແຫຼ່ງດຽວ. - Void
#000000— ຜ້າໃບໜ້າ, ພື້ນຫຼັງການນຳທາງ, ໜ້າດິນບັດ, ການຕື່ມຮູບສັນຍາລັກ - ທັງໝົດແມ່ນສີດຳທີ່ບໍ່ມີທີ່ສິ້ນສຸດທີ່ດູດຊຶມເນື້ອຫາທີ່ບໍ່ຈຳເປັນທັງໝົດ. - Graphite
#111111— ໜ້າດິນບັດທີ່ຍົກຂຶ້ນແມ່ນກ້າວໜຶ່ງທີ່ສູງກວ່າຊ່ອງວ່າງ—ບັດຂະໜາດໃຫຍ່, ມີປະໂຫຍດ ແລະ ຕູ້ຄອນເທນເນີແບບໂມດູນ. - Obsidian
#171717— ພື້ນຜິວຂັ້ນກາງສຳລັບປຸ່ມ, ບັດເພີ່ມເຕີມ, ການຕື່ມ UI - ແຍກອົງປະກອບແບບໂຕ້ຕອບອອກຈາກຜ້າໃບ. - Slate
#242424— ເມື່ອເອົາເມົ້າໄປໃສ່, ຊ່ອງຂໍ້ມູນປ້ອນຂໍ້ມູນ ແລະ ແຜງທີ່ມີຮອຍຫຍໍ້ຈະເປັນສີທີ່ເປັນກາງທີ່ສະຫວ່າງທີ່ສຸດກ່ອນທີ່ຈະປ່ຽນໄປໃຊ້ຮູບແບບຂໍ້ຄວາມ. - Ash
#333333— ຕື່ມເລິກສຳລັບຮູບພາບພື້ນຫຼັງທີ່ບໍ່ມີການເຄື່ອນໄຫວ ແລະ ອົງປະກອບໂຄງສ້າງ.
ຮູບແບບຕົວອັກສອນ
ຈາກ 12 ຫາ 68px · 8 ຂັ້ນຕອນ
- sans-serif — ການທົດແທນ: Inter · ໂຄງຮ່າງ 400 · sans-serif - ພົບໃນຂໍ້ມູນທີ່ສະກັດອອກມາແຕ່ບໍ່ໄດ້ອະທິບາຍໂດຍ AI.
- GT Walsheim — ການທົດແທນ: Inter Tight · ໂຄງຮ່າງ 500 · ຟອນສຳລັບຫົວຂໍ້ ແລະ ຫົວຂໍ້ແມ່ນຟອນຂອງຍີ່ຫໍ້. ມັນຖືກຫຍໍ້ລົງຢ່າງແຮງ, ມີໄລຍະຫ່າງລະຫວ່າງແຖວ 0.8–1.1 ແລະ ໄລຍະຫ່າງລະຫວ່າງຕົວອັກສອນ -0.04em ຫາ -0.05em ໃນຊ່ວງ 44–68px. ມັນບໍ່ແມ່ນອົງປະກອບຕົກແຕ່ງ; ຄວາມອົບອຸ່ນທາງເລຂາຄະນິດຂອງ GT Walsheim, ບວກກັບຕົວຊີ້ວັດທີ່ເຂັ້ມງວດ, ສ້າງສຽງຂອງລະບົບ - ໝັ້ນໃຈ, ກະທັດຮັດ, ແລະ ມີລັກສະນະອະນາຄົດເລັກນ້ອຍ. ສຳລັບການສະແດງອອກທາງເລຂາຄະນິດທີ່ຄ້າຍຄືກັນ, ພິຈາລະນາ Inter Tight ຫຼື Space Grotesk Bold.
- Inter Variable — ການທົດແທນ: Inter · ໂຄງຮ່າງ 400 · ຂໍ້ຄວາມຫຼັກ, ການນຳທາງ, ແລະຫົວຂໍ້ສຳຮອງແມ່ນສ່ວນປະກອບຫຼັກ. ແກນ Inter Variable ຊ່ວຍໃຫ້ການແຊກແຊງນ້ຳໜັກລຽບງ່າຍ. ການຕິດຕາມຈະແຄບລົງເມື່ອຂະໜາດເພີ່ມຂຶ້ນ: ຈາກ -0.001em ເປັນ 18px ແລະ ເປັນ -0.027em ເປັນ 22px. ເວີຊັນຕົວແປຊ່ວຍໃຫ້ພາບເຄື່ອນໄຫວຂະໜາດນ້ອຍຂອງເວັບໄຊທ໌ລຽບງ່າຍ. ການທົດແທນ: Inter ( Google) - ທາງເລືອກທີ່ຄືກັນເກືອບທັງໝົດ.
ໄລຍະຫ່າງ ແລະ ຮູບແບບ
| ຈຸດປະສົງ | ຄວາມໝາຍ |
|---|---|
| ຄວາມໜາແໜ້ນ | ໂດຍສະເລ່ຍ |
| ຂັ້ນຕອນພື້ນຖານ | 10px |
| ລັດສະໝີປຸ່ມ | 9999px |
| ລັດສະໝີບັດ | 20px |
| ເງົາ | ບໍ່ມີ - ຂອບແທນທີ່ຈະເປັນເງົາ |
| ລະຫວ່າງພາກສ່ວນຕ່າງໆ | 80px |
| ຄວາມກວ້າງຂອງໜ້າ | 1200px |
AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ Framer ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ
- ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
- ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
- ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
- ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.
ແບບທີ່ຄ້າຍຄືກັນ
- Auros — ສະຖານີສຸດວິໄສທີ່ມີລູກບານຂໍ້ມູນທີ່ມີແສງສະຫວ່າງທາງຊີວະພາບ
- Origin Financial — ຫ້ອງວາງສະແດງສິລະປະທີ່ງຽບສະຫງົບ ແລະ ຟຸ່ມເຟືອຍໃນຍາມທ່ຽງຄືນ. ຫ້ອງທີ່ງຽບສະຫງົບ ແລະ ເກືອບມືດ ບ່ອນທີ່ຕົວອັກສອນ serif ຂະໜາດໃຫຍ່ ແລະ ແຜງສີທີ່ມີໄຟສ່ອງສະຫວ່າງສອງສາມແຜ່ນ ສ້າງຄວາມຮູ້ສຶກວ່າການເງິນແມ່ນຜົນງານສິລະປະທີ່ຄັດສັນມາຢ່າງລະມັດລະວັງ.
- Raycast — ສູນບັນຊາການທ່ຽງຄືນ, Coral Neon
- Dimension — ໂຕະເຮັດວຽກທີ່ມີແສງສະຫວ່າງໃນຕອນຄ່ຳທີ່ມີແຜງກະຈົກໃສ
- Reflect Notes — ອະວະກາດສີມ່ວງທີ່ເຕັມໄປດ້ວຍດວງດາວແມ່ນຫໍສັງເກດການທີ່ມືດມົວບ່ອນທີ່ມີບັນທຶກລອຍຢູ່ຄືກັບກຸ່ມດາວທຽບກັບພື້ນຫຼັງຂອງຄວາມວ່າງເປົ່າສີຄາມເກືອບດຳ.
- Ameba — ຫ້ອງຄວບຄຸມໃນເວລາທ່ຽງຄືນ - ກະແສໄຟຟ້າສີຟ້າຢູ່ພາຍໃນແຜງກະຈົກທີ່ມີນ້ຳຕານຂຸ່ນ
- Branding — ກຳແພງຫ້ອງວາງສະແດງສີດຳ, ສີແດງເລືອດ - ຕົວອັກສອນສີຂາວຂະໜາດໃຫຍ່ລອຍຢູ່ເທິງຜ້າໃບສີດຳທີ່ຄ້າຍຄືກັບຄວາມວ່າງເປົ່າ, ຖືກລົບກວນດ້ວຍການເນັ້ນສີແດງສົດໃສອັນດຽວ ແລະ ອົງປະກອບຕົກແຕ່ງທີ່ໂດດເດັ່ນທີ່ເບິ່ງຄືກັບປ້າຍຫ້ອງວາງສະແດງຫຼາຍກວ່າອິນເຕີເຟດເວັບ.
- Harness — ການຄວບຄຸມພາລະກິດໃນເວລາທ່ຽງຄືນພ້ອມດ້ວຍສີຂຽວຟອສຟໍເຣສເຊັນ
- Koto — ຫໍວາງສະແດງອອບຊີເດຍນໃນເວລາທ່ຽງຄືນ. ເວທີທີ່ເກືອບມືດສະນິດ, ບ່ອນທີ່ແຫຼ່ງແສງສະຫວ່າງອຸ່ນພຽງແຫ່ງດຽວແມ່ນປາກກາສີເຫຼືອງອັນດຽວ, ແລະຮູບແບບຫຍໍ້ລອຍຢູ່ໃນພື້ນທີ່ລົບອັນກວ້າງໃຫຍ່ຄືກັບໂປສເຕີວາງສະແດງ.
- Ohzi — ຮູບຊົງກ້ອນທີ່ສະຫວ່າງສະໄຫວຫ້ອຍຢູ່ໃນຫ້ອງວາງສະແດງທີ່ມືດມົວ
- Depot — ເທີມິນອລເຊີບເວີສີເຂັ້ມ. ຄອນໂຊນນັກພັດທະນາທີ່ເກືອບເປັນສີດຳ, ມີໄຟ LED ສີຂຽວດວງດຽວທີ່ສົ່ງສັນຍານເຖິງການເລີ່ມຕົ້ນຂອງການເຮັດວຽກ, ແລະສ່ວນທີ່ເຫຼືອຂອງອິນເຕີເຟດຜູ້ໃຊ້ສະແດງເປັນແກຣໄຟ.
- Maciej Zadykowicz — ຫ້ອງວາງສະແດງສິລະປະທ່ຽງຄືນທີ່ມີຮູບແຕ້ມຝາຜະໜັງແບບ kaleidoscopic ແມ່ນຝາສະຕູດິໂອທີ່ເກືອບເປັນສີດຳ ບ່ອນທີ່ຜົນງານສິລະປະທີ່ມີສີສັນສົດໃສດຶງດູດຄວາມສົນໃຈ ໃນຂະນະທີ່ທຸກຢ່າງຍັງຄົງງຽບສະຫງົບ ແລະ ມີເຈດຕະນາດີ.