Shopify
ເຮືອນແກ້ວທ່ຽງຄືນ - ເຄື່ອງໝາຍການຄ້າເບັ່ງບານທ່າມກາງພື້ນຫຼັງສີຟ້າອ່ອນເຂັ້ມ, ສ່ອງແສງດ້ວຍประกายไฟຂອງໃບມິນດຽວ
ລະບົບການອອກແບບຂອງ Shopify ແມ່ນກອງປະຊຸມເວລາທ່ຽງຄືນສຳລັບການຄ້າ: ຜ້າໃບສີດຳເກືອບເຂັ້ມທີ່ມີສີຂຽວອ່ອນໆ, ຕົວອັກສອນ sans-serif ທີ່ກວ້າງ ແລະ ໝັ້ນໃຈ, ແລະ ການເນັ້ນສີ mint ດຽວທີ່ກະຕຸ້ນຊ່ວງເວລາທີ່ມີການໂຕ້ຕອບ. ອິນເຕີເຟດຄ້າຍຄືກັບຫ້ອງມືດ, ບ່ອນທີ່ຜະລິດຕະພັນ ແລະ ຍີ່ຫໍ້ແມ່ນແຫຼ່ງກຳເນີດຂອງແສງສະຫວ່າງ - ຮູບພາບ ແລະ ໜ້າຮ້ານຈະສ່ອງແສງຕໍ່ກັບພື້ນຜິວທີ່ເກືອບເປັນສີດຳ, ໃນຂະນະທີ່ອົງປະກອບໂຄຣມຫຼຸດລົງ. ອົງປະກອບຕ່າງໆແມ່ນເລຂາຄະນິດແຕ່ອ່ອນນຸ້ມ: ບັດລັດສະໝີ 12px ທີ່ມີຂອບບາງ, ປຸ່ມຮູບຊົງເມັດ, ແລະ ຕົວອັກສອນນ້ຳໜັກ 330 ທີ່ກະຊິບຂະໜາດແທນທີ່ຈະເປັນສຽງຮ້ອງ. ເຄື່ອງໝາຍວັກຕອນສີດຽວ (#36f4a4) ຖືກໃຊ້ຢ່າງລະມັດລະວັງໃນລິ້ງ, ແທັກ, ແລະ ສະຖານະໂຟກັສ, ສະຫງວນສີສຳລັບຊ່ວງເວລາທີ່ໃຊ້ງານໄດ້ເພື່ອຮັບປະກັນວ່າເລື່ອງລາວຂອງຜູ້ຂາຍຍັງຄົງເປັນຈຸດສຸມທາງສາຍຕາ.
ຄວາມກວ້າງສູງສຸດແມ່ນ ~1280px, ຢູ່ກາງ, ໂດຍມີບລັອກ splash ຄວາມກວ້າງເຕັມທີ່ຂະຫຍາຍອອກໄປນອກກ່ອງຮູບພາບ. ຈັງຫວະຂອງໜ້າຈະສະຫຼັບກັນ: (1) ໜ້າ splash ສີດຳຄວາມກວ້າງເຕັມທີ່ມີຫົວຂໍ້ຂ່າວ ແລະ ປຸ່ມຮຽກຮ້ອງໃຫ້ປະຕິບັດທີ່ຊ້ອນກັນ, (2) ພາກສ່ວນສີດຳທີ່ສະດວກສະບາຍທີ່ມີບລັອກຂໍ້ຄວາມ ແລະ ຮູບພາບຄວາມກວ້າງສູງສຸດໃນ 2 ຖັນ ຫຼື ຕາຂ່າຍຮູບພາບໃນ 3 ຖັນ, (3) ແຜງສະແດງແບບໂຕ້ຕອບ (ບັດຜະລິດຕະພັນ, ເຄື່ອງຄິດໄລ່ການຂົນສົ່ງ, ແຜນທີ່ໂລກ) ສະແດງເປັນບັດທີ່ຍົກຂຶ້ນເທິງຜ້າໃບທີ່ເລິກກວ່າ. ການນຳທາງແມ່ນແຖບດ້ານເທິງຄົງທີ່ມີໂລໂກ້ + 3 ອົງປະກອບການນຳທາງ + ລິ້ງສຳຮອງ + ປຸ່ມຮຽກຮ້ອງໃຫ້ປະຕິບັດຫຼັກ, ທັງໝົດຈັດລຽງໄປທາງຂວາ. ຈັງຫວະແນວຕັ້ງໃຊ້ຊ່ອງຫວ່າງ 80px ລະຫວ່າງພາກສ່ວນທີ່ມີການຫັນປ່ຽນທີ່ລຽບງ່າຍ - ບໍ່ມີຕົວແບ່ງລະຫວ່າງພາກສ່ວນສີເຂັ້ມ, ມີພຽງການປ່ຽນແປງຂອງສີພື້ນຜິວເທົ່ານັ້ນ.
ການອອກແບບຮູບພາບສ່ວນໃຫຍ່ແມ່ນສຸມໃສ່ຮ້ານຄ້າປີກ: ຮູບພາບຜະລິດຕະພັນຂະໜາດເຕັມ ແລະ ຮູບພາບຈາກງານຕ່າງໆຂອງຍີ່ຫໍ້ມີນ້ຳໜັກສ່ວນໃຫຍ່ຂອງຮູບພາບ, ມັກຈະຢູ່ໃນຮູບແບບຂອງພື້ນຫຼັງຂະໜາດໃຫຍ່ທີ່ມີຕົວໜັງສືສີຂາວຊ້ອນກັນ. ຮູບພາບຕ່າງໆຖືກຕັດອອກຢ່າງແໜ້ນໜາ, ມີຄວາມຄົມຊັດສູງ, ແລະ ມີລັກສະນະເປັນງານບຸນ (ສຽງລະຄັງ Nasdaq ດັງຂຶ້ນ, ຄຳທັກທາຍກຸ່ມ, ຮູບໃກ້ໆຂອງຜະລິດຕະພັນໃນມື). ພື້ນຫຼັງສີເຂັ້ມສ້າງຄວາມປະທັບໃຈວ່າຮູບພາບເຫຼົ່ານີ້ຖືກສ່ອງແສງດ້ວຍໄຟສະປອດໄລ້. ຮູບປະກອບຕ່າງໆແມ່ນແບບມິນິມາລິສ - ວຽກງານອະທິບາຍຫຼັກແມ່ນປະຕິບັດໂດຍຮູບພາບຜະລິດຕະພັນທີ່ຝັງຢູ່ ແລະ ພາບໜ້າຈໍຂອງໜ້າຮ້ານ. ຮູບສັນຍາລັກແມ່ນສີດຽວ, ມີຄວາມກວ້າງຂອງເສັ້ນ 1.5–2px, ໂດຍປົກກະຕິແລ້ວແມ່ນສີຂາວ ຫຼື #36f4a4 ສຳລັບສະຖານະທີ່ໃຊ້ງານຢູ່.
ພາເລັດ
ຍີ່ຫໍ້
- Shopify Mint
#36f4a4— ຕົວຊີ້ວັດການນຳທາງທີ່ໃຊ້ງານຢູ່, ວົງແຫວນໂຟກັສ, ຈຸດເດັ່ນຂອງແທັກ ແລະ ຈຸດເດັ່ນຂອງເມົ້າໃສ່ລິ້ງຕ່າງໆ ແມ່ນແສງສີດຽວທີ່ສ້າງຄວາມຮູ້ສຶກຂອງການໂຕ້ຕອບທີ່ເປີດໃຊ້ງານຕໍ່ກັບພື້ນຫຼັງມືດ.
ເປັນກາງ
- Midnight Forest
#02090a— ຜ້າໃບໜ້າ, ຮູບພາບພື້ນຫຼັງຫົວຂໍ້, ຮູບພາບພື້ນຫຼັງພາກສ່ວນ - Deep Lichen
#061a1c— ໜ້າດິນບັດຫຼັກ, ແຜງຍົກຂຶ້ນ, ບລັອກເນື້ອຫາ. - Shaded Fern
#072720— ແຜງນຳທາງ, ບັດເພີ່ມເຕີມ, ການຍົກແຜງຂຶ້ນຢ່າງສັງເກດເຫັນໄດ້ຍາກ. - Spruce Border
#1e2c31— ຂອບບາງສຳລັບບັດ, ເສັ້ນແບ່ງ, ໂຄງຮ່າງຊ່ອງຂໍ້ມູນ. - Abyss Indigo
#000a1e— ພື້ນຜິວເພີ່ມເຕີມສຳລັບການຝັງຜະລິດຕະພັນ/ການສາທິດ, ແຜງທີ່ມີຄຳອະທິບາຍກ່ຽວກັບໜ້າທີ່ຕ່າງໆ. - Pure White
#ffffff— ຂໍ້ຄວາມຫຼັກ, ການຕື່ມປຸ່ມ, ຫົວຂໍ້, ໂລໂກ້.
ຮູບແບບຕົວອັກສອນ
ຈາກ 12 ຫາ 70px · 8 ຂັ້ນຕອນ
- Neue Haas Grotesk — ການທົດແທນ: Inter · ໂຄງຮ່າງ 330, 400, 500, 550, 600 · ລະບົບຕົວອັກສອນຫຼັກແມ່ນຫົວຂໍ້ຂ່າວທີ່ມີນ້ຳໜັກຕົວອັກສອນ 70–96px (330–400) ທີ່ມີລັກສະນະອ່ອນໂຍນຫຼາຍກວ່າສຽງດັງ; ເນື້ອໃນທີ່ມີນ້ຳໜັກຕົວອັກສອນ 16–18px (400–500); ແລະ ການນຳທາງ ແລະ ອິນເຕີເຟດຜູ້ໃຊ້ທີ່ມີນ້ຳໜັກຕົວອັກສອນ 14–16px (500–550). ນ້ຳໜັກຕົວອັກສອນທີ່ເບົາຫຼາຍ 330 ໃນຂະໜາດໜ້າຈໍໃຫຍ່ແມ່ນລັກສະນະທີ່ໂດດເດັ່ນ: ມັນສະແດງເຖິງຄວາມໝັ້ນໃຈຜ່ານຄວາມຍັບຍັ້ງແທນທີ່ຈະໜາແໜ້ນ.
- Inter Variable — ການທົດແທນ: Inter · ໂຄງຮ່າງ 400, 420, 450, 550 · ປະເພດຟອນຕ໌ສຳຮອງທີ່ໃຊ້ໃນອົງປະກອບຂອງອິນເຕີເຟດການນຳທາງ, ບັນທຶກຂະໜາດນ້ອຍ, ຕົວຄວບຄຸມແຖບ, ແລະ ຂໍ້ຄວາມຂະໜາດນ້ອຍໃນສ່ວນທ້າຍ. ຕົວອັກສອນຕົວນ້ອຍທີ່ໃຫຍ່ກວ່າເລັກນ້ອຍ ແລະ ໄລຍະຫ່າງຕົວອັກສອນມາດຕະຖານຫຼາຍຂຶ້ນເຮັດໃຫ້ມັນອ່ານງ່າຍຂຶ້ນໃນຂະໜາດກະທັດຮັດ. ມັນຍັງເໝາະສົມສຳລັບສະຖານະການທີ່ຕົວອັກສອນນ້ຳໜັກ 420 ຕື່ມຊ່ອງຫວ່າງລະຫວ່າງຕົວອັກສອນຂະໜາດປົກກະຕິ ແລະ ຂະໜາດກາງ.
ໄລຍະຫ່າງ ແລະ ຮູບແບບ
| ຈຸດປະສົງ | ຄວາມໝາຍ |
|---|---|
| ຄວາມໜາແໜ້ນ | ໂດຍສະເລ່ຍ |
| ຂັ້ນຕອນພື້ນຖານ | 12px |
| ລັດສະໝີປຸ່ມ | 9999px |
| ລັດສະໝີບັດ | 12px |
| ເງົາ | ບໍ່ມີ - ຂອບແທນທີ່ຈະເປັນເງົາ |
| ລະຫວ່າງພາກສ່ວນຕ່າງໆ | 80px |
| ຄວາມກວ້າງຂອງໜ້າ | 1280px |
AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ Shopify ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ
- ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
- ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
- ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
- ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.
ແບບທີ່ຄ້າຍຄືກັນ
- Retool — ໂຮງງານຫີນອອບຊີເດຍນທີ່ອົບອຸ່ນ - ໜ້າດິນສຳລັບເຄື່ອງມືທີ່ມີຄວາມແມ່ນຍຳສູງ, ມີໄຟສ່ອງສະຫວ່າງຈາກຖ່ານທີ່ກຳລັງລຸກໄໝ້, ບ່ອນທີ່ທຸກສິ່ງທຸກຢ່າງຖືກສ້າງຂຶ້ນ
- Elektron — ແຜງຄວບຄຸມອຸປະກອນໃນເວລາທ່ຽງຄືນແມ່ນຜ້າໃບເກືອບສີດຳ, ບ່ອນທີ່ຮູບພາບຜະລິດຕະພັນສ່ອງແສງໃນຂະນະທີ່ອິນເຕີເຟດຍັງຄົງເບິ່ງບໍ່ເຫັນ.
- REKKI — ແຜງຄວບຄຸມການບິນໃນຫ້ອງທົດລອງຮູບພາບ
- OFFFICE : — ຫ້ອງວາງສະແດງສິລະປະແບບ Noir ທີ່ເຕັມໄປດ້ວຍຕົວອັກສອນຂະໜາດໃຫຍ່
- Clyde — ຫ້ອງວາງສະແດງ, ພ້ອມດ້ວຍໄຟສະປອດໄລ້ດຽວ, ເປັນຫ້ອງວາງສະແດງທີ່ເກືອບມືດບ່ອນທີ່ມີສີດຽວໃນຫ້ອງແມ່ນລູກບານສີທີ່ອົບອຸ່ນ.
- Channel Studio — ຫ້ອງທົດລອງຖ່າຍຮູບສະຕູດິໂອທີ່ມີໂຄມໄຟປະກາລັງອັນດຽວ
- Electronic Materials Office — ຖ່ານທີ່ເຫຼື້ອມເປັນເງົາຢູ່ໃນຫ້ອງວາງສະແດງທີ່ຕົກແຕ່ງດ້ວຍຖ່ານ
- ORYZO AI — ບົດຂຽນຮູບພາບກ່ຽວກັບຫ້ອງມືດ. ວັດຖຸໂດດດ່ຽວທີ່ລອຍຢູ່ໃນຄວາມມືດອັນອົບອຸ່ນ, ຕົວອັກສອນສີຄຣີມເປັນພຽງການຕົກແຕ່ງເທົ່ານັ້ນ.
- Factory — ສະຖານີ "ຫ້ອງສົງຄາມ" ໃນເວລາທ່ຽງຄືນ. "ໂຮງງານ" ແມ່ນແຜງຄວບຄຸມສີດຳທີ່ມືດມົວບ່ອນທີ່ບັດສີຂາວອັນດຽວຕົກລົງຄືກັບສັນຍານທີ່ມີໄຟສາຍ - ວັດຖຸດຽວໃນຫ້ອງແມ່ນຕົວຜົນງານເອງ.
- Hungry Tiger — ຮູບແຕ້ມກຳແພງທີ່ມີສີສັນສົດໃສຄືກັບຂີ້ຫມິ້ນຢູ່ເທິງຝາຂອງຮ້ານອາຫານທັນດູ. ແຜ່ນສີທອງ ແລະ ສີນ້ຳຕານຂີ້ໝ້ຽງທີ່ເປັນເອກະພາບ, ມີຕົວອັກສອນໃຫຍ່ຫຼາຍຈົນເບິ່ງຄືກັບປ້າຍຕະຫຼາດເຄື່ອງເທດຫຼາຍກວ່າເວັບໄຊທ໌.
- Bibliothèque — ຫ້ອງວາງສະແດງຮູບຊົງກ້ອນສີດຳພາຍໃຕ້ແສງໄຟສະປອດໄລ - ແຜ່ນທີ່ມີແສງສະຫວ່າງໂດດດ່ຽວໃນຫ້ອງໂຖງກວ້າງໃຫຍ່ ແລະ ມືດມົວ
- Apple (España) — ໂຮງລະຄອນສີດຳທີ່ມີອຸປະກອນໄຟສ່ອງສະຫວ່າງ