Subframe
ຮູບແຕ້ມກຣາບຟິກໃສ່ເຈ້ຍ parchment ທີ່ອົບອຸ່ນ. ເຈ້ຍອອກແບບ, ບ່ອນທີ່ທຸກໆເສັ້ນແມ່ນ graphite ຫຼື ຢາງລຶບ, ບໍ່ເຄີຍທາສີ - ຄວາມເລິກແມ່ນບັນລຸໄດ້ຜ່ານຄວາມໜາຂອງເສັ້ນ ແລະ serif ທີ່ບາງໆ.
ໂຄງສ້າງຍ່ອຍ (Subframe) ເປັນພື້ນທີ່ເຮັດວຽກຂອງນັກອອກແບບສີດຽວ: ເປັນຜ້າໃບທີ່ອົບອຸ່ນ, ມີສີຄຣີມ, ນໍ້າມຶກສີດຳແກມຣາໄຟ, ແລະ ບໍ່ມີສີທີ່ເນັ້ນໃສ່ເລີຍ. ອິນເຕີເຟດທັງໝົດຖືກຮັບຮູ້ວ່າເປັນວັດສະດຸດຽວ - ເຈ້ຍ, ດິນສໍ, ແລະ ເງົາ - ດ້ວຍການສຳຜັດແບບຕົວອັກສອນທີ່ໂດດເດັ່ນອັນດຽວ: ຕົວອັກສອນ serif ທີ່ປັບປຸງແລ້ວ (Instrument Serif) ຕັ້ງຢູ່ກົງກັນຂ້າມກັບຕົວອັກສອນ sans-serif (Inter) ທີ່ເປັນລະບົບ, ເຮັດໃຫ້ຫົວຂໍ້ຂ່າວເດັ່ນເດັ່ນຂຶ້ນ. ພື້ນຜິວແມ່ນຮາບພຽງ ແລະ ມີກອບແທນທີ່ຈະຍົກຂຶ້ນ; ຄວາມເລິກແມ່ນບັນລຸໄດ້ຜ່ານຕົວແບ່ງບາງໆໃນ #e5e7eb ແລະ ຈຸດເດັ່ນໃນຕົວຄວບຄຸມສີເຂັ້ມແທນທີ່ຈະເປັນເງົາ. ຄວາມໜາແໜ້ນແມ່ນກວ້າງ: ຈັງຫວະແນວຕັ້ງທີ່ກວ້າງ (48–64px ຂອງຊ່ອງຫວ່າງລະຫວ່າງພາກສ່ວນ), ຮູບແບບກາງ, ເຕັມຄວາມກວ້າງ, ແລະ ຊ່ອງຫວ່າງສີຂາວທີ່ກວ້າງອ້ອມຮອບຂໍ້ຄວາມ. ສີດຽວແມ່ນຄວາມຄົມຊັດລະຫວ່າງສີຂາວເກືອບ ແລະ ສີດຳ, ເຮັດໃຫ້ປຸ່ມສີເຂັ້ມເປັນອົງປະກອບທີ່ໂດດເດັ່ນທີ່ສຸດໃນແຕ່ລະໜ້າ, ແລະ ແຖບໂລໂກ້ຍີ່ຫໍ້ຄູ່ຮ່ວມງານໃນໂທນສີເທົາເປັນອົງປະກອບທາງສາຍຕາທີ່ຕົກແຕ່ງເທົ່ານັ້ນ.
ຮູບແບບການຈັດລຽງແບບກາງ, ເຕັມຄວາມກວ້າງ (1200px) ພ້ອມດ້ວຍຈັງຫວະແນວຕັ້ງທີ່ກວ້າງຂວາງ. ອົງປະກອບຫຼັກແມ່ນບລັອກດຽວ, ກາງ: ຕົວຄວບຄຸມສີເຂັ້ມ, ແບ່ງສ່ວນຢູ່ດ້ານເທິງ, ຫົວຂໍ້ "Inter" ຂະໜາດໃຫຍ່, ຫົວຂໍ້ຍ່ອຍແຖວດຽວ, ແລະປຸ່ມສອງປຸ່ມທີ່ຢູ່ຕິດກັນ (ເຕັມ + ໂປ່ງໃສ) - ບໍ່ມີຮູບພາບຂ້າງ, ບໍ່ມີການແຍກຮູບແບບ. ຢູ່ດ້ານລຸ່ມຂອງອົງປະກອບຫຼັກແມ່ນແຖບໂລໂກ້ສີເທົາກາງ. ແຕ່ລະພາກສ່ວນຕໍ່ມາປະຕິບັດຕາມຮູບແບບດຽວກັນ: ຫົວຂໍ້ ແລະ ບລັອກຫົວຂໍ້ຍ່ອຍທີ່ຈັດລຽງໄວ້ທາງຊ້າຍ, ຈາກນັ້ນກອບສະແດງຜະລິດຕະພັນເຕັມຄວາມກວ້າງທີ່ມີພື້ນທີ່ຫວ່າງ 48–64px ລະຫວ່າງພາກສ່ວນຕ່າງໆ. ການນຳທາງແມ່ນໜ້ອຍທີ່ສຸດ: ແຖບດ້ານເທິງທີ່ມີລິ້ງກາງ ແລະ ການກະທຳທີ່ຈັດລຽງໄວ້ທາງຂວາ, ບໍ່ມີແຖບຂ້າງ, ບໍ່ມີເມນູໃຫຍ່. ໜ້າເວັບອ່ານຈາກເທິງຫາລຸ່ມເປັນຊຸດຂອງຖະແຫຼງການກາງ, ແຕ່ລະອັນມີພື້ນທີ່ຫວ່າງພຽງພໍ - ຮູບແບບໃຫ້ຄວາມຮູ້ສຶກຄືກັບຜົນງານບັນນາທິການຫຼາຍກວ່າໜ້າຜະລິດຕະພັນທີ່ຫຍຸ້ງຫຼາຍ.
ການອອກແບບຮູບພາບແມ່ນລຽບງ່າຍ ແລະ ເປັນປະໂຫຍດ. ລະບົບໃຊ້ສອງຮູບແບບຮູບພາບຄື: (1) ພາບໜ້າຈໍຜະລິດຕະພັນທີ່ມີກອບ ແລະ ຮູບແບບ UI ທີ່ລວມຢູ່ໃນກອບລັດສະໝີ 24px—ພວກມັນສະແດງອົງປະກອບອິນເຕີເຟດຕົວຈິງ (ຕາຕະລາງ, ປຸ່ມ, ແບບຟອມ) ທີ່ສະແດງໃນແຜ່ນສີດຽວ, ເຮັດໃຫ້ພາບໜ້າຈໍປະກົດວ່າປະສົມປະສານເຂົ້າກັບໜ້າເວັບໄດ້ຢ່າງລຽບງ່າຍ; (2) ແຖບໂລໂກ້ຄູ່ຮ່ວມງານສີເທົາແຖບດຽວເຮັດໜ້າທີ່ເປັນຫຼັກຖານທາງສັງຄົມ, ສະແດງເປັນຮາບພຽງ, ໂດຍບໍ່ມີສີ ຫຼື ບັນຈຸ. ບໍ່ມີຮູບພາບວິຖີຊີວິດ, ການເລື່ອນສີແບບນາມທຳ, ຫຼື ການສະແດງ 3D. ອົງປະກອບທີ່ສະແດງໃຫ້ເຫັນພຽງແຕ່ "ກະເບື້ອງ" ຜະລິດຕະພັນສີເຂັ້ມ, ຕັ້ງຢູ່ໃຈກາງພື້ນຫຼັງສີເທົາອຸ່ນທີ່ມີໄອຄອນຍີ່ຫໍ້—ມັນຖືກຮັບຮູ້ວ່າເປັນການສາທິດຜະລິດຕະພັນ, ບໍ່ແມ່ນການຕົກແຕ່ງ. ຮູບພາບທັງໝົດໃຊ້ຮູບແບບຂໍ້ຄວາມ, ບ່ອນທີ່ນ້ຳໜັກທີ່ເບິ່ງເຫັນຖືກບັນທຸກໂດຍຂໍ້ຄວາມ.
ພາເລັດ
ເປັນກາງ
- Page Canvas
#fafafa— ພື້ນຫຼັງໜ້າເຈ້ຍ, ໂປສກາດເທິງຜ້າໃບ, ຕົວໜັງສືອ່ອນໆເທິງໜ້າສີເຂັ້ມ - ສີຂາວອຸ່ນທີ່ເປັນພື້ນຖານຂອງລະບົບສີດຽວທັງໝົດ. - Hairline Border
#e5e7eb— ຕົວແບ່ງ, ຂອບບັດ, ກອບຮູບພາບ, ໂຄງຮ່າງຮູບສັນຍາລັກ - ປະເພດໂຄງຮ່າງທີ່ໃຊ້ເລື້ອຍທີ່ສຸດໃນລະບົບ, ກຳນົດໂຄງສ້າງພື້ນທີ່. - Card Surface
#ededed— ພື້ນຫລັງທີ່ຍົກຂຶ້ນສຳລັບບັດ, ໜ້າດິນເພີ່ມເຕີມ - ຕັ້ງຢູ່ໜຶ່ງຂັ້ນຕອນຂ້າງເທິງຜ້າໃບ, ສ້າງກຸ່ມໂດຍບໍ່ມີເງົາ. - Divider Mid
#dadada— ຕົວແບ່ງກາງສຽງ ແລະ ການຫັນປ່ຽນລະຫວ່າງພາກສ່ວນຕ່າງໆ - Graphite
#242424— ການເຕີມສີທີ່ເປັນກາງທີ່ມີຄວາມຄົມຊັດສູງສຳລັບປຸ່ມຫຼັກໃນພື້ນຜິວສີອ່ອນ. - Ink Black
#171717— ຂໍ້ຄວາມໃນເນື້ອຫາ, ຫົວຂໍ້, ໂຄງຮ່າງຮູບສັນຍາລັກ - ເຢັນກວ່າ Graphite ໜ້ອຍໜຶ່ງ, ໃຊ້ສຳລັບຮູບແບບຕົວອັກສອນແທນທີ່ຈະເປັນພື້ນຜິວ.
ຮູບແບບຕົວອັກສອນ
ຈາກ 12 ຫາ 128px · 7 ຂັ້ນຕອນ
- Inter — ການທົດແທນ: Inter (Google Fonts) · ໂຄງຮ່າງ 500, 600, 700 · ອິນເຕີເຟດລະບົບ sans-serif—ການນຳທາງ, ຂໍ້ຄວາມໃນໜ້າເວັບ, ປຸ່ມ, ຫົວຂໍ້ຍ່ອຍ ແລະ ຫົວຂໍ້ພາກສ່ວນ. ນ້ຳໜັກ: 500 ສຳລັບຂໍ້ຄວາມໃນໜ້າເວັບ ແລະ ຕົວຄວບຄຸມ, 600 ສຳລັບຫົວຂໍ້ຍ່ອຍ ແລະ ການເນັ້ນການນຳທາງ, ແລະ 700 ສຳລັບຫົວຂໍ້ພາກສ່ວນ. ການເວັ້ນໄລຍະຫ່າງຕົວອັກສອນລົບທີ່ເຂັ້ມແຂງຈະບີບອັດຮູບຮ່າງເລຂາຄະນິດໃນທຸກຂະໜາດ, ເຮັດໃຫ້ອິນເຕີເຟດມີລັກສະນະຫຍໍ້ ແລະ ມີລັກສະນະທາງເທັກນິກ.
- Instrument Serif — ການທົດແທນ: Playfair Display · ໂຄງຮ່າງ 400 · ຕົວອັກສອນ serif ທີ່ອອກແບບມາສະເພາະສຳລັບຫົວຂໍ້ຂ່າວ ແລະ ເນື້ອໃນບັນນາທິການ. ນ້ຳໜັກ 400 ແລະ ໄລຍະຫ່າງຕົວອັກສອນ -0.025em ຂອງມັນສ້າງຮູບລັກສະນະທີ່ສະຫງ່າງາມ ແລະ ເປັນຕົວອຽງ ເຊິ່ງກົງກັນຂ້າມກັບເລຂາຄະນິດອຸດສາຫະກຳຂອງ Inter—ເຕັກນິກການລະບຸຕົວຕົນ: ຄຳ ຫຼື ປະໂຫຍກ serif ດຽວພາຍໃນໜ້າ sans-serif, ເປັນເຄື່ອງໝາຍວັກຕອນທີ່ເບິ່ງເຫັນໄດ້ແທນທີ່ຈະເປັນຮູບແບບຫົວຂໍ້ຂ່າວ.
- Fragment Mono — ການທົດແທນ: JetBrains Mono · ໂຄງຮ່າງ 400 · ໂມໂນທີ່ເນັ້ນສຽງສຳລັບອົງປະກອບທີ່ຄ້າຍຄືລະຫັດໃນແຖວ, ປ້າຍຊື່ແທັກ, ແລະ ຄຳສັ່ງທາງເທັກນິກ. ຖ້າໃຊ້ຢ່າງລະມັດລະວັງ, ມັນຈະປາກົດຢູ່ໃນລາຍຊື່ຟັງຊັນ ແລະ ຄຳອະທິບາຍປະກອບໃນແຖວບ່ອນທີ່ເຄື່ອງມືອອກແບບຕ້ອງການລະບຸວ່າ "ນີ້ແມ່ນຜົນຜະລິດຂອງເຄື່ອງຈັກ."
ໄລຍະຫ່າງ ແລະ ຮູບແບບ
| ຈຸດປະສົງ | ຄວາມໝາຍ |
|---|---|
| ຄວາມໜາແໜ້ນ | ໂດຍສະເລ່ຍ |
| ຂັ້ນຕອນພື້ນຖານ | 8px |
| ລັດສະໝີປຸ່ມ | 16px |
| ລັດສະໝີບັດ | 24px |
| ເງົາ | ບໍ່ມີ - ຂອບແທນທີ່ຈະເປັນເງົາ |
| ລະຫວ່າງພາກສ່ວນຕ່າງໆ | 64px |
| ຄວາມກວ້າງຂອງໜ້າ | 1200px |
AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ Subframe ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ
- ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
- ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
- ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
- ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.
ແບບທີ່ຄ້າຍຄືກັນ
- monopo saigon — ແສງສະຫວ່າງທີ່ເປັນຂອງແຫຼວ ແລະ ມີລວດລາຍຢູ່ເບື້ອງຫຼັງຄວາມງຽບສະຫງົບຂອງບັນນາທິການ — ຫ້ອງວາງສະແດງບັນນາທິການສີດຽວທີ່ລອຍຢູ່ເທິງແສງໄຟທີ່ລະລາຍ
- Hyer Aviation — ມືດຄຶ້ມໃນຫ້ອງນັກບິນເທິງຜ້າໜັງ. ທ້ອງຟ້າຕອນເຊົ້າມືດໆພົບກັບໂລໂກ້ serif ຂະໜາດເທົ່າກັບລຳຕົວເຮືອບິນ, ແລະ ການເນັ້ນສີດິນເຜົາອຸ່ນໆພຽງອັນດຽວກໍ່ທຳລາຍຄວາມໂດດເດັ່ນຂອງສີດຽວ.
- OFF+BRAND. — ລູກກົມທີ່ມີລວດລາຍເປັນประกายຢູ່ເທິງເຈ້ຍໜັງທີ່ອົບອຸ່ນ
- Seed — ສິ່ງມີຊີວິດພາຍໃຕ້ແກ້ວຫ້ອງທົດລອງ
- Eindhoven Design District — ຄວາມຮຸນແຮງຂອງບັນນາທິການໃນເຈ້ຍຂາວແມ່ນຖະແຫຼງການອອກແບບຂອງເທດສະບານ, ພິມດ້ວຍຕົວອັກສອນໃຫຍ່, ມີການຖ່າຍຮູບໜ້ອຍທີ່ສຸດ ແລະ ມີການຄວບຄຸມຢ່າງແທ້ຈິງ.
- Miranda — ຕົວອັກສອນແບບຄລາສສິກກວ້າງເທິງພື້ນຫຼັງສີຄຣີມອ່ອນໆ - ບົດບັນນາທິການໜັງສືພິມສຳລັບຍຸກດິຈິຕອນ
- Monocle — ໜັງສືພິມທີ່ມີຄຸນນະພາບສູງ, ພິມເປັນຮູບຊົງກວ້າງ ເທິງເຈ້ຍສີຄຣີມ. ບົດບັນນາທິການທີ່ຄັດສັນມາຢ່າງລະມັດລະວັງ, ເຊິ່ງທຸກໆຖັນສົມຄວນກັບຕຳແໜ່ງຂອງມັນ, ແລະ ມີພຽງສີດຽວທີ່ມີຄວາມໝາຍທີ່ປາກົດຢູ່ໃນໜ້າເຈ້ຍ.
- Agencja brandingowa — ຫ້ອງວາງສະແດງບັນນາທິການໃນໂທນສີຂາວພ້ອມດ້ວຍຕົວອັກສອນທີ່ຂຽນດ້ວຍໝຶກສີດຳ
- Websmith Studio — ແສງສະຫວ່າງຕອນເຊົ້າເທິງເຈ້ຍສີຄີມ
- Aspelin Reitan — ເອກະສານສະຖາປັດຕະຍະກຳໂດຍ Candlelight - ໜ້າເວັບນີ້ເບິ່ງຄືກັບຜົນງານຂອງພື້ນທີ່ກໍ່ສ້າງ, ຕິດຢູ່ກັບຝາສີຄີມອຸ່ນໆ, ມີຕົວໜັງສືສີຂາວແຖວດຽວລອຍຢູ່ເທິງແຕ່ລະຮູບພາບຕະຫຼອດຄວາມກວ້າງຂອງໜ້າເວັບ.
- Public — ບົດບັນນາທິການສີດຽວເທິງຫີນອ່ອນເຢັນ—ເກືອບຈະເປັນຜ້າໃບສີດຽວ, ມີຕົວອັກສອນ serif 300 ຈຸດ ແລະ ມີສີມ່ວງດຽວທີ່ເນັ້ນສີທັງໝົດ.
- Motto — ຮູບຊົງຕົວພິມໃຫຍ່ໆເທິງເຈ້ຍ - ສຽງດຽວທີ່ໝັ້ນໃຈປະກາດຕົວເອງຢູ່ເທິງເຈ້ຍຂາວຄືຫິມະ