ໂທລະເລກ, WhatsApp+380637610482
ວາເລຣີ ດານຸກ
ວາເລຣີ ດານຸກນັກພັດທະນາການພັດທະນາເຄື່ອງມື AI ສຳລັບທຸລະກິດ. ຄຸນນະພາບສູງ. ລາຄາບໍ່ແພງ.ຂຽນຫາ Telegram
Glossier — ຕົວຢ່າງຂອງເວັບໄຊທ໌ໃນຮູບແບບນີ້

Glossier

ການຖ່າຍຮູບແສງແດດ - ເຈ້ຍສີຂາວ, ໝຶກສີດຳ, ສີເຫຼືອງສົດໃສອັນໜຶ່ງ

Glossier ເຮັດວຽກຄືກັບວາລະສານຄວາມງາມດິຈິຕອນ: ຜ້າໃບສີຂາວ ແລະ ດຳ ເກືອບເປັນສີດຽວ, ມີຈຸດເດັ່ນດ້ວຍສີເຫຼືອງສົດໃສອັນດຽວທີ່ເປັນໂລໂກ້ຂອງຍີ່ຫໍ້ ແລະ ການຮຽກຮ້ອງໃຫ້ມີການປະຕິບັດ. ລະບົບດັ່ງກ່າວຖືກຈຳກັດໂດຍບັນນາທິການ - ຫົວຂໍ້ຂ່າວ Apercu ຂະໜາດໃຫຍ່, ພື້ນທີ່ຂໍ້ຄວາມທີ່ກວ້າງຂວາງ, ຮູບພາບຊີວິດການເປັນຢູ່ເຕັມໜ້າທີ່ມີນ້ຳໜັກອາລົມສ່ວນໃຫຍ່ - ແລະ ເປັນປະໂຫຍດໃນການປະຕິບັດ: ບັດຜະລິດຕະພັນຮາບພຽງ, ຂອບບາງໆ, ແລະ ການຂາດການຕົກແຕ່ງຢ່າງສິ້ນເຊີງ. ສີເຫຼືອງບໍ່ແມ່ນສີຮອງຂອງຍີ່ຫໍ້; ມັນແມ່ນຍີ່ຫໍ້, ໃຊ້ຢ່າງລະມັດລະວັງ, ດັ່ງນັ້ນທຸກໆຮູບລັກສະນະຮູ້ສຶກຄືກັບແຟລດກ້ອງຖ່າຍຮູບ. ທຸກຢ່າງອື່ນແມ່ນມີຈຸດປະສົງທີ່ຈະຈາງລົງໄປໃນພື້ນຫຼັງ: ສີທີ່ເປັນກາງແມ່ນສີເທົາອຸ່ນທີ່ມີສີອ່ອນໆ, ຂອບແມ່ນລະອຽດອ່ອນ, ແລະ ຕົວອັກສອນແມ່ນໜາແໜ້ນ ແລະ ຫຍໍ້. ຜົນໄດ້ຮັບແມ່ນໜ້າຮ້ານທີ່ຮູ້ສຶກໝັ້ນໃຈ, ລຽບງ່າຍ, ແລະ ທັນສະໄໝຢ່າງບໍ່ປະນີປະນອມ.

ໜ້ານີ້ມີຊຸດພາກສ່ວນເຕັມຈໍທີ່ຈັດລຽງຕາມແນວຕັ້ງ, ແຕ່ລະພາກສ່ວນຖືກອອກແບບເປັນບົດຄວາມບັນນາທິການແຍກຕ່າງຫາກ. ພາກສ່ວນຫຼັກແມ່ນຮູບພາບເຕັມຄວາມກວ້າງທີ່ມີຊັ້ນວາງສີຂາວລອຍຢູ່ (ຊ້າຍເທິງ) ແລະໂລໂກ້ສີເຫຼືອງຂະໜາດໃຫຍ່ຄອບຄອງສ່ວນລຸ່ມທັງໝົດຂອງໜ້າ. ຢູ່ລຸ່ມພາກສ່ວນຫຼັກ, ພາກສ່ວນຕ່າງໆສະຫຼັບກັນລະຫວ່າງຮູບພາບເຕັມຈໍ ແລະຕາຂ່າຍຂອງບັດແຕ່ລະອັນ. ການແບ່ງໝວດໝູ່ (ຜະລິດຕະພັນດູແລຜິວໜັງ/ເຄື່ອງສຳອາງ) ອອກເປັນສອງຖັນທີ່ມີອັດຕາສ່ວນຮູບພາບເທົ່າກັນ (50/50) ເກີດຂຶ້ນໂດຍບໍ່ມີຂອບທີ່ເຫັນໄດ້ - ມີພຽງເສັ້ນເຊື່ອມຕໍ່ຮູບພາບເທົ່ານັ້ນທີ່ແຍກພວກມັນອອກ. ລາຍການຜະລິດຕະພັນໃຊ້ຕາຂ່າຍສີ່ຖັນຂອງບັດສີ່ຫຼ່ຽມມົນຢູ່ເທິງຜ້າໃບ #f7f7f7. ການນຳທາງແມ່ນແຖບດ້ານເທິງແບບ minimalist ທີ່ມີແຖບໂຄສະນາທີສອງຢູ່ຂ້າງເທິງມັນ. ຊ່ອງຫວ່າງລະຫວ່າງພາກສ່ວນຕ່າງໆແມ່ນຂ້ອນຂ້າງໃຫຍ່ (64px), ແຕ່ການຫັນປ່ຽນລະຫວ່າງພາກສ່ວນຕ່າງໆແມ່ນລຽບງ່າຍ - ບໍ່ມີຕົວແບ່ງ ຫຼື ສີພື້ນຫຼັງສະຫຼັບກັນ, ຍົກເວັ້ນສ່ວນລຸ່ມອຸ່ນ. ຈັງຫວະໂດຍລວມແມ່ນ: ຮູບພາບ, ຂໍ້ຄວາມ, ຮູບພາບ, ຕາຂ່າຍ, ຮູບພາບ - ຄືກັບພິກຜ່ານວາລະສານແຟຊັ່ນ.

ການຖ່າຍຮູບແມ່ນພາສາທາງສາຍຕາທີ່ໂດດເດັ່ນ. ພື້ນທີ່ເບິ່ງທັງໝົດແມ່ນເຕັມໄປດ້ວຍຮູບພາບວິຖີຊີວິດ ແລະ ຮູບຄົນ - ແສງໄຟທີ່ອົບອຸ່ນໃນຊົ່ວໂມງທອງຄຳ, ຮູບຖ່າຍໃກ້ໆທີ່ອ່ອນໂຍນຂອງຜິວໜັງ, ມືຖືຂວດຜະລິດຕະພັນທຽບກັບພື້ນຫຼັງຂອງແສງແດດ. ແຜ່ນສີໃນຮູບຖ່າຍແມ່ນອົບອຸ່ນ ແລະ ບໍ່ອີ່ມຕົວ: ທ້ອງຟ້າສີພີຊ, ສີຜິວ terracotta, ສີຟ້າເຂັ້ມຂອງມະຫາສະໝຸດ. ຮູບພາບສະເໝີຄອບຄອງໜ້າເວັບທັງໝົດ, ບໍ່ມີມຸມມົນ, ກອບ, ຫຼື ການວາງຊ້ອນ, ຍົກເວັ້ນບັດຂໍ້ຄວາມສີຂາວ ຫຼື ໂລໂກ້ສີເຫຼືອງ. ຮູບພາບຜະລິດຕະພັນໃນບັດລາຍການຖືກຖ່າຍໃສ່ພື້ນຫຼັງສີຂາວບໍລິສຸດທີ່ບໍ່ມີຮອຍຕໍ່ທີ່ມີແສງຮາບພຽງ. ອັດຕາສ່ວນຮູບພາບຕໍ່ຂໍ້ຄວາມແມ່ນປະມານ 70/30 - ຮູບພາບສະແດງອາລົມ, ຂໍ້ຄວາມ, ໜ້າທີ່. ບໍ່ມີຮູບແຕ້ມ, ບໍ່ມີຮູບພາບທີ່ບໍ່ມີຕົວຕົນ, ບໍ່ມີຮູບແບບ 3D.

ພາເລັດ

ຍີ່ຫໍ້

  • Glossier Yellow #fff116 — ສີເຫຼືອງຖືກໃຊ້ເປັນສີເສີມສຳລັບລາຍລະອຽດການຕົກແຕ່ງ ແລະ ເພື່ອເນັ້ນໃສ່ຄຳຖາມຄົ້ນຫາທີ່ບໍ່ຄ່ອຍໃຊ້. ມັນບໍ່ຄວນໃຊ້ເປັນສີຫຼັກສຳລັບການຮຽກຮ້ອງໃຫ້ມີການດຳເນີນການ.

ເປັນກາງ

  • Ink #000000 — ຂໍ້ຄວາມເນື້ອໃນ, ລິ້ງນຳທາງ, ຂໍ້ຄວາມຫຼັກ, ຂໍ້ຄວາມສ່ວນລຸ່ມ, ໂຄງຮ່າງໄອຄອນ, ຂອບບາງ; ສີຕົວອັກສອນ ແລະ ໂຄງສ້າງທີ່ໂດດເດັ່ນ.
  • Paper #ffffff — ໜ້າດິນບັດຜະລິດຕະພັນ, ພື້ນທີ່ຕື່ມ, ແຜງຍົກຂຶ້ນ; ລະດັບໜ້າດິນທີ່ສະຫວ່າງທີ່ສຸດໃນການວາງຊ້ອນກັນ.
  • Fog #f7f7f7 — ຜ້າໃບໜ້າ, ພື້ນຫຼັງຂອງພາກສ່ວນຕ່າງໆ, ການປ່ຽນລະຫວ່າງຮູບພາບຕ່າງໆໃນໜ້າ; ພື້ນຜິວພື້ນຖານທີ່ເວັບໄຊທ໌ທັງໝົດຕັ້ງຢູ່.
  • Blush #faf2f4 — ພື້ນຫຼັງສ່ວນລຸ່ມສຸດ, ຕົວແບ່ງພາກສ່ວນທີ່ອ່ອນນຸ້ມອົບອຸ່ນ; ສີຂາວອ່ອນໆເພີ່ມຄວາມອົບອຸ່ນໃຫ້ກັບທາງລຸ່ມຂອງໜ້າ.
  • Mist #f0f0f0 — ພື້ນຜິວຮອງຮັບທີ່ມີສີອ່ອນສຳລັບສ້າງພື້ນຫຼັງທີ່ບໍ່ລົບກວນ ແລະ ແຍກສ່ວນຕ່າງໆອອກ. ມັນບໍ່ຄວນໃຊ້ເປັນສີຫຼັກສຳລັບການຮຽກຮ້ອງໃຫ້ມີການກະທຳ.
  • Ash #e8e8e8 — ຂອບຊ່ອງປ້ອນຂໍ້ມູນ, ພື້ນຫຼັງຮູບສັນຍາລັກ, ເສັ້ນແຍກບາງໆ; ສີຂອບໂຄງສ້າງສຳລັບບັດ ແລະ ອົງປະກອບແບບຟອມ.

ຮູບແບບຕົວອັກສອນ

ຈາກ 12 ຫາ 32px · 5 ຂັ້ນຕອນ

  • Apercu — ການທົດແທນ: Inter · ໂຄງຮ່າງ 400, 500, 700 · ຕົວອັກສອນຫຼັກຖືກນໍາໃຊ້ທົ່ວອິນເຕີເຟດຜູ້ໃຊ້ - ຂໍ້ຄວາມເນື້ອຫາຢູ່ທີ່ 16px/400, ການນໍາທາງ ແລະ ຄໍາບັນຍາຍພາບຢູ່ທີ່ 12–14px/500, ຫົວຂໍ້ຍ່ອຍຢູ່ທີ່ 20px/500, ແລະ ຫົວຂໍ້ຂ່າວບັນນາທິການຢູ່ທີ່ 32px/700. ການອອກແບບເລຂາຄະນິດ ແລະ ມະນຸດສະທໍາຂອງ Apercu ເຮັດໃຫ້ຍີ່ຫໍ້ມີແບບທີ່ທັນສະໄໝ ແລະ ຫຍໍ້; ໄລຍະຫ່າງຕົວອັກສອນເກືອບສູນ (0.002–0.003em) ເຮັດໃຫ້ຕົວອັກສອນມີຂະໜາດກະທັດຮັດ ແລະ ຄ້າຍຄືວາລະສານ, ແທນທີ່ຈະເປັນແບບທີ່ໂປ່ງໃສ ຫຼື ເປັນມິດ. ນໍ້າໜັກ 700 ແມ່ນສະຫງວນໄວ້ສໍາລັບອົງປະກອບການສະແດງໃນບັນນາທິການ, ບໍ່ແມ່ນອົງປະກອບ UI.
  • Apercu Mono — ການທົດແທນ: JetBrains Mono or IBM Plex Mono · ໂຄງຮ່າງ 400 · ຮູບແບບຕົວອັກສອນທີ່ມີປະໂຫຍດຕໍ່ການໃຊ້ສອຍຂະໜາດນ້ອຍສຳລັບ metadata ຂອງຄຳສັ່ງ, ເລກຕິດຕາມ, ແລະ ປ້າຍຊື່ທີ່ຢູ່ຖັດຈາກລະຫັດ; ລຸ້ນ monospaced ສ້າງໂຄງສ້າງທາງເທັກນິກທຽບກັບປະເພດຮ່າງກາຍທີ່ມີສັດສ່ວນ.
  • GTStandard-M — ການທົດແທນ: Inter · ໂຄງຮ່າງ 400 · GTStandard-M - ພົບໃນຂໍ້ມູນທີ່ສະກັດອອກມາແຕ່ບໍ່ໄດ້ອະທິບາຍໂດຍ AI.

ໄລຍະຫ່າງ ແລະ ຮູບແບບ

ຈຸດປະສົງຄວາມໝາຍ
ຄວາມໜາແໜ້ນໂດຍສະເລ່ຍ
ຂັ້ນຕອນພື້ນຖານ8px
ລັດສະໝີປຸ່ມ0px
ລັດສະໝີບັດ0px
ເງົາບໍ່ມີ - ຂອບແທນທີ່ຈະເປັນເງົາ
ລະຫວ່າງພາກສ່ວນຕ່າງໆ64px
ຄວາມກວ້າງຂອງໜ້າ1440px

AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ Glossier ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ

  • ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
  • ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
  • ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
  • ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.

ແບບທີ່ຄ້າຍຄືກັນ

  • Lightship — ຮູບຖ່າຍສາມມິຕິແບບໂຮງໜັງຂອງເສັ້ນທາງເປີດ. ຝາຫ້ອງວາງສະແດງສີຄີມອຸ່ນໆ ປະດັບປະດາດ້ວຍຮູບຖ່າຍພູມສັນຖານຂະໜາດໃຫຍ່ທີ່ຕິດຕັ້ງໃນໄລຍະໃກ້ໆ, ຕົວພິມສີດຳບາງໆເບິ່ງບໍ່ເຫັນໃນກອບ, ແລະ ມີສີສົ້ມສົດໃສພຽງອັນດຽວທີ່ທຳລາຍຮູບພາບສີດຽວຄືກັບກອງໄຟໃນທົ່ງຫຍ້າ.
  • Faire ES — ແຄັດຕາລັອກຂາຍສົ່ງຂອງຄຣີມອຸ່ນ
  • Adanola — ປຶ້ມແຕ່ງຕົວບັນນາທິການເທິງເຈ້ຍຂາວ. ການຖ່າຍຮູບແຟຊັ່ນທີ່ຮູບແບບຕົວອັກສອນ ແລະ ການຖ່າຍຮູບມີລົມຫາຍໃຈຢູ່ເທິງພື້ນຜິວສີຂາວສະອາດ, ດ້ວຍໝຶກສີດຳສຳລັບຕົວອັກສອນ ແລະ ຕົວອັກສອນ sans-serif ທີ່ເປັນເອກະລັກສະເພາະ (Favorit), ສະທ້ອນໃຫ້ເຫັນເຖິງແບບໂດຍລວມຂອງຍີ່ຫໍ້.
  • Oura Ring — ກອງປະຊຸມເຮັດເຂົ້າໂອດທີ່ອົບອຸ່ນ, ອາບແດດອ່ອນໆ
  • Stykka — ກອງປະຊຸມແບບ Scandinavian ໃນແສງສີຂາວ - ຫ້ອງວາງສະແດງທີ່ງຽບສະຫງົບ ແລະ ເຮັດດ້ວຍມື ບ່ອນທີ່ມີພຽງສຽງດຽວເທົ່ານັ້ນຄືການຖ່າຍຮູບ
  • DJI — ຜ້າໃບສີດຳສຳລັບການບິນອະວະກາດພ້ອມດ້ວຍຈຸດເດັ່ນສີຟ້າໄຟຟ້າອັນດຽວ
  • Altitude Beverages — ການແຜ່ກະຈາຍຂອງວາລະສານໂມໂນຄຣອມ. ລອງນຶກພາບເຖິງການແຜ່ກະຈາຍຂອງວາລະສານແຟຊັ່ນທີ່ບໍ່ມີສີຫຍັງເລີຍຍົກເວັ້ນຮູບພາບນິ້ງ - ຕົວໜັງສື ແລະ ພື້ນທີ່ສີຂາວບອກເລື່ອງລາວທັງໝົດ.
  • AATHER — ຝາມືເປີດ, ແປວໄຟດຽວ - ຄວາມຫລູຫລາທີ່ງຽບສະຫງົບທີ່ບັນຈຸຢູ່ໃນຄວາມງຽບສະຫງົບ
  • Cowboy — ຫ້ອງວາງສະແດງລົດຖີບຂອງຊາວເບວຢຽມໃນສະພາບແວດລ້ອມທີ່ເປັນເຄື່ອງປັ້ນດິນເຜົາສີຂາວຄືຫິມະ. ຫ້ອງວາງສະແດງທີ່ມີພື້ນຜິວດ້ານ, ຕົວອັກສອນຂະໜາດໃຫຍ່ທີ່ໃຊ້ໃນເອກະສານບັນນາທິການ, ແລະ ການບໍ່ມີການຕົກແຕ່ງແບບເສມືນດຶງດູດສາຍຕາໄປທີ່ລົດຖີບ ແລະ ສິ່ງຂອງພາຍໃນ.
  • Refero — ຮູບແບບບັນນາທິການໃສ່ຫິນອ່ອນສີຂາວ - ໜ້າຜະລິດຕະພັນທີ່ສ້າງຂຶ້ນໂດຍນັກພິມ, ບ່ອນທີ່ຫົວຂໍ້ serif ແມ່ນນາມບັດຂອງຍີ່ຫໍ້, ແລະທຸກຢ່າງອື່ນໆແມ່ນບໍ່ມີຄວາມໂດດເດັ່ນ.
  • Face Formula — ຮູບຄົນບັນນາທິການແບບສະແກນດິເນເວຍ. ຮູບທີ່ສະຫງົບ, ແບບວາລະສານ, ບ່ອນທີ່ສາຍຕາຂອງນາງແບບ ແລະ ຫົວຂໍ້ຂ່າວ, ຂຽນດ້ວຍຕົວອັກສອນ serif ທີ່ຫຍໍ້, ເວົ້າດ້ວຍຕົວເອງທຽບກັບພື້ນຫຼັງທີ່ເຢັນສະບາຍ ແລະ ມີໝອກ.
  • Shupatto — ຕູ້ວາງສະແດງພິພິທະພັນເທິງຫິນອ່ອນສີຂາວ