IKEA

ຫ້ອງວາງສະແດງເຟີນີເຈີຊູແອັດທີ່ຖືກແສງແດດສ່ອງລົງມາໃນຮູບແບບທີ່ຖືກຖອດອອກ

ອິນເຕີເຟດຂອງ IKEA ເບິ່ງຄືວ່າເປັນຕົວໜັງສືບັນນາທິການທີ່ມີຄວາມຄົມຊັດສູງ: ຕົວອັກສອນສີດຳເກືອບເຂັ້ມຢູ່ເທິງພື້ນຫຼັງສີຂາວອຸ່ນ, ເສີມດ້ວຍແຜງສີເຫຼືອງຮາບພຽງທີ່ເປັນເຂດຮຽກຮ້ອງໃຫ້ປະຕິບັດ. ລະບົບດັ່ງກ່າວແມ່ນມີຮູບແບບ minimalist ໂດຍເຈດຕະນາ - ຕົວອັກສອນ sans-serif ທີ່ກຳນົດເອງໜຶ່ງຕົວ (Noto IKEA) ໃນສອງນ້ຳໜັກ (400 ແລະ 700), ລັດສະໝີມຸມດຽວສຳລັບແຕ່ລະອົງປະກອບ, ແລະບໍ່ມີເງົາ ຫຼື ການເລື່ອນສີ. ຄວາມກະທັດຮັດນີ້ແມ່ນໂຄງສ້າງ, ບໍ່ແມ່ນແນວໂນ້ມ minimalist: ໄລຍະຫ່າງຕົວອັກສອນລົບ (-0.029em ໃນຫົວຂໍ້, -0.027em ໃນສຳເນົາເນື້ອຫາ) ເຮັດໃຫ້ປ້າຍຊື່ 13px ມີຄວາມຮູ້ສຶກທາງສະຖາປັດຕະຍະກຳ. ບັດມີຂະໜາດໃຫຍ່ ແລະ ສຸມໃສ່ເນື້ອຫາສື່, ຈັດລຽງເປັນບລັອກສອງຖັນຂະໜາດໃຫຍ່ທີ່ມີການຊ້ອນທັບຂໍ້ຄວາມຕັ້ງແຕ່ການເລື່ອນສີໄປຫາສີດຳເພື່ອຄວາມສະດວກໃນການອ່ານທີ່ດີຂຶ້ນ. ຕົວອັກສອນສີເຫຼືອງ #ffdb00 ເຮັດວຽກທັງໝົດສຳລັບອິນເຕີເຟດ - ມັນບໍ່ໄດ້ຕົກແຕ່ງ, ມັນພຽງແຕ່ເປີດໃຊ້ງານ.

ການອອກແບບເຕັມຄວາມກວ້າງທີ່ມີພາຊະນະເນື້ອຫາທີ່ຢູ່ໃຈກາງຈຳກັດໄວ້ທີ່ປະມານ 1440px. ການນຳທາງແມ່ນແຖບດ້ານເທິງທີ່ງ່າຍດາຍ, ບໍ່ໜຽວ. ໜ້າເວັບຖືກສ້າງຂຶ້ນຈາກບັດແນວນອນທີ່ວາງຊ້ອນກັນຕາມແນວຕັ້ງໂດຍມີຊ່ອງຫວ່າງປະມານ 80px. ຮູບແບບ "hero" ແມ່ນຮູບແບບແບ່ງອອກ - ບັດສື່ 2/3 (ຮູບພາບ) + ບັດສີເຫຼືອງເຂັ້ມ 1/3 ພ້ອມດ້ວຍການຮຽກຮ້ອງໃຫ້ມີການດຳເນີນການ. ເນື້ອໃນຫຼັກຂອງໜ້າເວັບໃຊ້ຕາຂ່າຍບັດສອງຖັນ, ສະຫຼັບກັນເປັນບລັອກຮູບພາບ ແລະ ຂໍ້ຄວາມ. ຄວາມໜາແໜ້ນຂອງເນື້ອຫາແມ່ນກວ້າງຂວາງ, ບໍ່ເຄີຍກະທັດຮັດ. ບັດມີຂະໜາດໃຫຍ່ (ຢ່າງໜ້ອຍປະມານ 600x400 ພິກເຊວ) ພ້ອມດ້ວຍຊ່ອງຫວ່າງທີ່ກວ້າງຂວາງ. ພາກສ່ວນ "ເສັ້ນເວລາ/ປະຫວັດ" ແບ່ງຕາຂ່າຍດ້ວຍຕົວເລກຂະໜາດໃຫຍ່. ບໍ່ມີແຖບຂ້າງ, ບໍ່ມີເມນູໃຫຍ່, ບໍ່ມີສະຖາປັດຕະຍະກຳການນຳທາງທີ່ສັບສົນ.

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

ຮ້ານຄ້າອອນລາຍ ຄວາມນ້ອຍທີ່ສຸດ ການໄລ່ສີອ່ອນໆ ບົດບັນນາທິການ

https://www.ikea.com

ພາເລັດ

ຍີ່ຫໍ້

IKEA Yellow #ffdb00 — ອົງປະກອບຫຼັກສຳລັບການຕື່ມຂໍ້ມູນໃສ່ການຮຽກຮ້ອງໃຫ້ມີການປະຕິບັດ, ພື້ນຫຼັງສຳລັບບັດທີ່ມີຮູບພາບທີ່ໂດດເດັ່ນ, ແຜງເນັ້ນສຽງໃນໜ້າຕ່າງຫຼັກ - ອົງປະກອບສີທີ່ເປັນເອກະລັກຂອງລະບົບ.

ເປັນກາງ

Ink Black #111111 — ຂໍ້ຄວາມຫຼັກ, ເນື້ອໃນ, ຫົວຂໍ້, ຂອບຫຼັກ (851 ຄັ້ງ), ໂຄງຮ່າງໄອຄອນ.
Pure White #ffffff — ພື້ນຫຼັງໜ້າ, ໜ້າດິນຂອງບັດ, ພື້ນຫຼັງການນຳທາງ, ຂໍ້ຄວາມປຸ່ມໃນພື້ນຫຼັງສີເຂັ້ມ.
Warm White #fffefb — ຮົ່ມສີຄຣີມມີ່ເລັກນ້ອຍສຳລັບກະດຸມ ແລະ ບັດ - ອຸ່ນກວ່າສີຂາວບໍລິສຸດເລັກນ້ອຍ - ທຳລາຍຄວາມເຢັນຊາຂອງດິຈິຕອນ.
Steel Gray #818181 — ຂໍ້ຄວາມສຳຮອງ, ຂອບທີ່ປິດສຽງ, ສະຖານະໄອຄອນທີ່ປິດໃຊ້ງານ
True Black #000000 — ການຕື່ມຮູບສັນຍາລັກ SVG, ຂອບຊ່ອງປ້ອນຂໍ້ມູນ, ແລະ ການເນັ້ນສີດຳເຂັ້ມບ່ອນທີ່ຕ້ອງການຄວາມຄົມຊັດສູງສຸດ.
Link Blue #0159a3 — ສີລິ້ງຂໍ້ຄວາມ, ທີ່ໃຊ້ຢ່າງກວ້າງຂວາງໃນການນຳທາງ ແລະ ລິ້ງຫຼັກ, ແມ່ນສີຟ້າດຽວໃນລະບົບ.

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

ຈາກ 13 ຫາ 51px · 5 ຂັ້ນຕອນ

Noto IKEA — ການທົດແທນ: Inter · ໂຄງຮ່າງ 400, 700 · ຟອນຕ໌ດຽວທີ່ໃຊ້ແມ່ນ Noto ລາຍເຊັນຂອງ IKEA. ລະບົບສອງນ້ຳໜັກ (400 ທຳມະດາ, 700 ໜາ) ແມ່ນຖືກຈຳກັດໂດຍເຈດຕະນາ: ບໍ່ມີຕົວອຽງ, ນ້ຳໜັກປານກາງ, ຫຼື ນ້ຳໜັກເບົາ. ຫົວຂໍ້ທີ່ 700 ຈຸດ, ທີ່ 36–51px, ສະແດງເຖິງແບບຂອງຍີ່ຫໍ້ທັງໝົດ; ຂໍ້ຄວາມສ່ວນໂຕທີ່ 16px ຍັງຄົງເປັນກາງ. ໄລຍະຫ່າງລະຫວ່າງຕົວອັກສອນຈະຫຼຸດລົງເມື່ອຂະໜາດເພີ່ມຂຶ້ນ, ເຮັດໃຫ້ຫົວຂໍ້ມີຄວາມຮູ້ສຶກແບບຫຍໍ້ໆ ແລະ ເປັນສະຖາປັດຕະຍະກຳ.

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

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

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

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

ສ້າງເວັບໄຊທ໌ໃນແບບນີ້

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

MindMarket — ປຶ້ມເທບນິຍາຍທີ່ອົບອຸ່ນໃສ່ເຈ້ຍສີຄີມ - ຜ້າໃບບັນນາທິການທີ່ເປັນມິດບ່ອນທີ່ຫົວຂໍ້ຂ່າວຂະໜາດໃຫຍ່ ແລະ ຕົວລະຄອນເຈ້ຍຕັດອອກຢູ່ຮ່ວມກັນເທິງໜ້າດິນທີ່ຊຸ່ມດ້ວຍແສງແດດ ແລະ ອ່ອນນຸ້ມຄືກັບສະຕິກເກີ.
Lamborghini — ສີດຳຢູ່ຫ້ອງວາງສະແດງ, ພາຍໃຕ້ໄຟສະປອດໄລ້ - ລົດສີເຫຼືອງຄັນໜຶ່ງ
amp — ສີສົ້ມອົບອຸ່ນຕັດກັບພື້ນຫຼັງສີຂາວເຢັນໆ. ການອອກແບບເຮັດໃຫ້ນຶກເຖິງຜະລິດຕະພັນອອກກຳລັງກາຍລະດັບພຣີມຽມທີ່ຖ່າຍຢູ່ໃນຫ້ອງใต้หลังคาທີ່ມີແສງແດດສ່ອງເຖິງ: ໜຶ່ງລາຍການ, ໜຶ່ງການເນັ້ນ, ໜຶ່ງຕົວອັກສອນທີ່ໝັ້ນໃຈທີ່ເຮັດວຽກທັງໝົດໄດ້.
LUNCH — ເວທີກຳມະຢີເທິງເຈ້ຍໜັງອຸ່ນໆ
Microsoft — ລາຍການສິນຄ້າຂາຍຍ່ອຍໃຊ້ສີຟ້າທີ່ເປັນເອກະລັກ - ລອງນຶກພາບໂລໂກ້ຮູບສີ່ຫຼ່ຽມມົນຢູ່ເທິງພື້ນໂຊຣູມສີຂາວ, ບ່ອນທີ່ທຸກອົງປະກອບການອອກແບບເປັນສີຟ້າ.
Vibrants — ຮ້ານຂາຍຢາ Skyborne ເທິງຫິນອ່ອນສີຂາວ - ນໍ້າມຶກສີຟ້າເຂັ້ມແມ່ນປູນ ແລະ ລວດລາຍສີຮຸ້ງແມ່ນຢາ
Isla Beauty — ແບບຮ້ານຂາຍຢາທີ່ມີສີຄຣີມມີສີແດງແບບຜ່າຕັດ - ລອງຄິດເຖິງຝາຜະໜັງເຈ້ຍທີ່ອົບອຸ່ນ, ຂວດສີອຳພັນ, ແລະ ສະແຕມສີແດງອັນດຽວຢູ່ໃນທຸກໆປ້າຍ.
Swap — ຄັງຮູບພາບບັນນາທິການ Mint: ຮົ່ມສີ sage ອ່ອນໆໃນຫ້ອງທີ່ມີສີປູນຂາວສົດໃສ ແລະ ຮອຍຂີດຂ່ວນອ່ອນໆ
Cursor — ໂຮງງານເຮັດເຈ້ຍໜັງທີ່ອົບອຸ່ນ, ມີໄຟສ່ອງສະຫວ່າງຈາກຖ່ານທີ່ກຳລັງລຸກໄໝ້
Structured — ຫໍວາງສະແດງ Renaissance ເທິງເຈ້ຍຄ້າຍຄື plasticine
Apple (España) — ຫ້ອງວາງສະແດງຂອງພິພິທະພັນ, ໃນຕອນກາງເວັນອ່ອນໆ, ເປັນພື້ນທີ່ສີຂາວດຽວທີ່ໜ້າສົນໃຈ ແລະ ບໍ່ມີນ້ຳໜັກ, ໂດຍແຕ່ລະງານວາງສະແດງໄດ້ຮັບແສງສະຫວ່າງຈາກໄຟສະປອດໄລ້ຕໍ່ກັບຝາທີ່ມີສີອ່ອນໆ.
Amplemarket — ບ່ອນເຮັດວຽກທີ່ມີແສງແດດສ່ອງລົງໄປທົ່ວດ້ວຍເຈ້ຍສີ