
Acne Studios
ພື້ນທີ່ວາງສະແດງຮູບພາບແບບມິນິມາລິສທີ່ເຕັມໄປດ້ວຍຮູບພາບທີ່ມີຊີວິດຊີວາ - ວາລະສານແຟຊັ່ນທີ່ວາງຢູ່ເທິງຫິນອ່ອນ
Acne Studios ເຮັດວຽກຄ້າຍຄືກັບວາລະສານແຟຊັ່ນດິຈິຕອນຫຼາຍກວ່າຮ້ານຄ້າແບບດັ້ງເດີມ: ຜ້າໃບສີຂາວ, ຮູບຖ່າຍບັນນາທິການເຕັມໜ້າ, ແລະເກືອບບໍ່ມີອົງປະກອບການໂຕ້ຕອບເລີຍ. ໜ້າທັງໝົດໃຫ້ຄວາມຮູ້ສຶກຄືກັບການອອກແບບສິລະປະທີ່ສ້າງຂຶ້ນຢ່າງລະມັດລະວັງ - ຮູບພາບຜະລິດຕະພັນຖືກຈັດລຽງຢູ່ໃນຕາຂ່າຍໄຟຟ້າທີ່ແຄບ, ຈາກຂອບຫາຂອບ, ແລະເຄື່ອງໝາຍວັກຕອນຕົວພິມດຽວແມ່ນຕົວອັກສອນໃຫຍ່ຂະໜາດນ້ອຍ, ມີໄລຍະຫ່າງທີ່ດີ. ສີໂຄບໄຟຟ້າທີ່ເປັນເອກະລັກ (#0018a8) ຖືກໃຊ້ໜ້ອຍໃນລິ້ງ ແລະ ອົງປະກອບການໂຕ້ຕອບ, ບໍ່ເຄີຍເປັນປຸ່ມທີ່ເຕັມ, ຊ່ວຍໃຫ້ຮູບພາບດຶງດູດຄວາມສົນໃຈ. ອົງປະກອບຕ່າງໆແມ່ນບໍ່ມີນ້ຳໜັກໂດຍເຈດຕະນາ: ບໍ່ມີເງົາ, ບໍ່ມີພື້ນຜິວກະດາດ, ບໍ່ມີພາຊະນະມົນ, ບໍ່ມີກອບຕົກແຕ່ງ. ຊ່ອງຫວ່າງລະຫວ່າງອົງປະກອບເຮັດໜ້າທີ່ໂຄງສ້າງທີ່ການຍົກລະດັບປະຕິບັດຢູ່ບ່ອນອື່ນ.
ຮູບແບບໜ້າເວັບທີ່ມີຄວາມກວ້າງເຕັມທີ່ບໍ່ມີຂໍ້ຈຳກັດຄວາມກວ້າງສູງສຸດ. ໜ້າເວັບປະຕິບັດຕາມຈັງຫວະການບັນນາທິການທີ່ເຂັ້ມງວດ: (1) ການນຳທາງດ້ານເທິງຄົງທີ່ດ້ວຍລິ້ງຂໍ້ຄວາມ ແລະ ຕົວນັບກະຕ່າສິນຄ້າ, (2) ຫົວຂໍ້ແບ່ງ 50/50 ທີ່ມີໂລໂກ້ຊ້ອນທັບ, (3) ຕາຂ່າຍຜະລິດຕະພັນ 4 ຖັນທີ່ບໍ່ມີຊ່ອງຫວ່າງລະຫວ່າງພວກມັນ, (4) ແຖວຂອງບລັອກບັນນາທິການ 5 ຖັນທີ່ບໍ່ມີຊ່ອງຫວ່າງລະຫວ່າງພວກມັນ. ທຸກພາກສ່ວນຖືກຈັດລຽງຕາມແນວຕັ້ງດ້ວຍຊ່ອງຫວ່າງເທົ່າກັນ. ຕາຂ່າຍແມ່ນຊື່ສະເໝີ - ບໍ່ມີອົງປະກອບທີ່ບໍ່ສະເໝີພາບ ຫຼື ຮູບຮ່າງໂມເຊກ. ການນຳທາງແມ່ນແບບ minimalist, ມີພຽງແຕ່ແຖບດ້ານເທິງ, ບໍ່ມີແຖບຂ້າງ ຫຼື ເມນູໃຫຍ່. ຮູບແບບອ່ານຈາກຊ້າຍຫາຂວາ, ເທິງຫາລຸ່ມ, ຄືກັບການແຜ່ກະຈາຍຂອງວາລະສານແຟຊັ່ນທີ່ພິມອອກມາ.
ການຖ່າຍຮູບແມ່ນຜະລິດຕະພັນທັງໝົດ. ການຖ່າຍຮູບບັນນາທິການແຟຊັ່ນຖືກຄອບງຳໂດຍຮູບພາບເຕັມຮູບແບບ: ນາງແບບໃນແບບ avant-garde ທີ່ມີພື້ນຫຼັງສະຕູດິໂອທີ່ເປັນກາງ (ສີເທົາ, ຜ້າລາຍ, ພາຍໃນທີ່ມືດມົວ). ຜະລິດຕະພັນຖືກຖ່າຍດ້ວຍພື້ນຫຼັງສີຂາວບໍລິສຸດ, ໂດຍບໍ່ມີສະພາບການດຳລົງຊີວິດໃດໆ. ຮູບພາບຮອງປະກອບມີການຫຸ້ມຫໍ່ຍີ່ຫໍ້ (ກ່ອງສີບົວ Acne Studios), ໜ້າຮ້ານ, ແລະຮູບພາບສະຖາປັດຕະຍະກຳ. ບໍ່ມີຮູບແຕ້ມ, ບໍ່ມີໄອຄອນນອກຈາກ glyphs ເສັ້ນຊື່ງ່າຍໆ, ບໍ່ມີການເລື່ອນສີ, ບໍ່ມີການສະແດງອອກ 3D. ຮູບພາບແມ່ນຮູບສີ່ແຈສາກສະເໝີທີ່ມີມຸມແຫຼມ - ບໍ່ມີການປິດບັງ, ບໍ່ມີມຸມມົນ, ບໍ່ມີການວາງຊ້ອນ. ບົດບາດຂອງຮູບພາບບໍ່ແມ່ນເພື່ອສ້າງບັນຍາກາດການຕົກແຕ່ງ, ແຕ່ເພື່ອໃຫ້ເນື້ອຫາຫຼັກ; ພວກມັນຄອບຄອງປະມານ 90% ຂອງພື້ນທີ່ພິກເຊວທີ່ເບິ່ງເຫັນໄດ້.
ພາເລັດ
ຍີ່ຫໍ້
- Electric Cobalt
#0018a8— ສີມ່ວງຖືກໃຊ້ເປັນສີເສີມຮອງສຳລັບລາຍລະອຽດການຕົກແຕ່ງ ແລະ ເພື່ອເນັ້ນຄວາມຖີ່ຕ່ຳ. ມັນບໍ່ຄວນໃຊ້ເປັນສີຫຼັກສຳລັບການຮຽກຮ້ອງໃຫ້ມີການກະທຳ.
ເປັນກາງ
- Ink Black
#000000— ຂໍ້ຄວາມຫຼັກ, ໂລໂກ້, ໂຄງຮ່າງໄອຄອນ, ປ້າຍຊື່ນຳທາງ ແລະ ຂໍ້ຄວາມສ່ວນລຸ່ມ. ອັດຕາສ່ວນຄວາມຄົມຊັດ 21:1 ຖືກໃຊ້ເທິງພື້ນຫຼັງສີຂາວເພື່ອຄວາມຊັດເຈນໃນການອ່ານ. - Graphite
#6b6b6b— ຮອງຮັບສີທີ່ເປັນກາງສຳລັບ UI ສຳຮອງ, ຕົວແບ່ງ ແລະ ປ້າຍຊື່ທີ່ປິດສຽງ. - Paper White
#ffffff— ໜ້າດິນຂອງໜ້າເວັບ, ພື້ນຫຼັງບັດຜະລິດຕະພັນ, ແລະ ໜ້າດິນແຖບນຳທາງ. ພື້ນຖານຫຼັກທີ່ຊ່ວຍໃຫ້ການຖ່າຍຮູບບັນນາທິການ "ຫາຍໃຈ" ໄດ້. - Bone
#f2f2f2— ການປັບສີເງົາທີ່ອ່ອນໂຍນ ແລະ ຂອບທີ່ລະອຽດອ່ອນສ້າງພາບຊ້ອນທີ່ໜ້າປະທັບໃຈ. ເມື່ອໃຊ້ຢ່າງລະມັດລະວັງ, ລະບົບດັ່ງກ່າວມັກພື້ນທີ່ຫວ່າງເປົ່າຫຼາຍກວ່າພື້ນຜິວທີ່ມີສີອ່ອນ.
ຮູບແບບຕົວອັກສອນ
ຈາກ 120 ຫາ 120px · 1 ຂັ້ນຕອນ
- Helvetica Monospaced Pro — ການທົດແທນ: Inter · ໂຄງຮ່າງ 400 · ຟອນຕ໌ Helvetica Monospaced Pro - ພົບໃນຂໍ້ມູນທີ່ສະກັດອອກມາແຕ່ບໍ່ໄດ້ອະທິບາຍໂດຍ AI.
- Acne Studios (custom wordmark) — ການທົດແທນ: GT Walsheim or Manrope at matching optical size and weight · ໂຄງຮ່າງ 400-500 · ໂລໂກ້ຍີ່ຫໍ້ຂະໜາດໃຫຍ່ຖືກວາງຊ້ອນກັນຢູ່ເທິງຮູບພາບຫຼັກ. ຕົວອັກສອນມີໂຄງສ້າງເລຂາຄະນິດທີ່ມີຈຸດຈົບແບບມະນຸດນິຍົມ; ບໍ່ມີຕົວອັກສອນລະບົບໃດສາມາດສ້າງມັນຄືນໄດ້, ແຕ່ລັກສະນະຂອງມັນໃກ້ຄຽງກັບຕົວອັກສອນ sans-serif ເລຂາຄະນິດທີ່ມີຮູຮັບແສງກວ້າງ.
- Helvetica Neue / system sans — ການທົດແທນ: Helvetica or Inter · ໂຄງຮ່າງ 400 · ຂໍ້ຄວາມທີ່ເປັນປະໂຫຍດທັງໝົດໃນອິນເຕີເຟດຜູ້ໃຊ້: ລິ້ງນຳທາງ, ຫົວຂໍ້ພາກສ່ວນ, ລາຍລະອຽດຜະລິດຕະພັນ ແລະ ສ່ວນທ້າຍ. ມັນຈະສະແດງດ້ວຍຕົວອັກສອນໃຫຍ່ສະເໝີດ້ວຍໄລຍະຫ່າງຕົວອັກສອນກວ້າງ - ການອອກແບບຕົວອັກສອນນີ້ແມ່ນອົງປະກອບທີ່ບໍ່ແມ່ນຮູບພາບທີ່ຮັບຮູ້ໄດ້ຫຼາຍທີ່ສຸດໃນເວັບໄຊທ໌.
ໄລຍະຫ່າງ ແລະ ຮູບແບບ
| ຈຸດປະສົງ | ຄວາມໝາຍ |
|---|---|
| ຄວາມໜາແໜ້ນ | ໂດຍສະເລ່ຍ |
| ຂັ້ນຕອນພື້ນຖານ | 10px |
| ລັດສະໝີປຸ່ມ | 0px |
| ລັດສະໝີບັດ | 0px |
| ເງົາ | ບໍ່ມີ - ຂອບແທນທີ່ຈະເປັນເງົາ |
| ລະຫວ່າງພາກສ່ວນຕ່າງໆ | 60px |
AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ Acne Studios ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ
- ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
- ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
- ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
- ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.
ແບບທີ່ຄ້າຍຄືກັນ
- Agence Foudre — ໜ້າປົກຂອງວາລະສານມີສີບົວອ່ອນໆທີ່ເຕືອນໃຫ້ນຶກເຖິງລິບສະຕິກ.
- INVERSA — ສະຖານີພາກສະໜາມພູມສາດໃນເວລາທ່ຽງຄືນ. ແຜງຄຳສັ່ງມືດ, ບ່ອນທີ່ຕົວອັກສອນບັນນາທິການຂະໜາດໃຫຍ່ ແລະ ເຄື່ອງໝາຍສີຂຽວນີອອນຊັ້ນດຽວຖືກວາງຊ້ອນກັນຢູ່ເທິງຮູບພາບດາວທຽມຂອງໂລກ, ແຕ່ລະປ້າຍເປັນສີດຽວ, ຄືກັບວ່າກຳລັງອ່ານພິກັດພາລະກິດ.
- GTE — ສະຖານີການຄ້າຢູ່ທາງຫລັງໄຟສ່ອງສະຫວ່າງຂອງຫໍວາງສະແດງ
- Diabla — ເດີ່ນບ້ານແບບເມດີເຕີເຣນຽນໃນຕອນທ່ຽງ - ກຳແພງສີບົວທີ່ຈາງລົງຍ້ອນແສງແດດ, ຜ້າໃບສີແດງສົດໃສອັນໜຶ່ງ, ແລະ ຫົວຂໍ້ຂ່າວບັນນາທິການທີ່ມີລາຍຂີດຍາວໄປທົ່ວທ້ອງຟ້າ.
- Le Puzz — Sunny Sunday Circular ເປັນໜັງສືພິມທີ່ເຕັມໄປດ້ວຍຄວາມລຶກລັບ.
- Subset — ຮ້ານບັນນາທິການທີ່ເຮັດຈາກຜ້າລິນິນດິບ
- Cursor — ໂຮງງານເຮັດເຈ້ຍໜັງທີ່ອົບອຸ່ນ, ມີໄຟສ່ອງສະຫວ່າງຈາກຖ່ານທີ່ກຳລັງລຸກໄໝ້
- MindMarket — ປຶ້ມເທບນິຍາຍທີ່ອົບອຸ່ນໃສ່ເຈ້ຍສີຄີມ - ຜ້າໃບບັນນາທິການທີ່ເປັນມິດບ່ອນທີ່ຫົວຂໍ້ຂ່າວຂະໜາດໃຫຍ່ ແລະ ຕົວລະຄອນເຈ້ຍຕັດອອກຢູ່ຮ່ວມກັນເທິງໜ້າດິນທີ່ຊຸ່ມດ້ວຍແສງແດດ ແລະ ອ່ອນນຸ້ມຄືກັບສະຕິກເກີ.
- Lamborghini — ສີດຳຢູ່ຫ້ອງວາງສະແດງ, ພາຍໃຕ້ໄຟສະປອດໄລ້ - ລົດສີເຫຼືອງຄັນໜຶ່ງ
- Amplemarket — ບ່ອນເຮັດວຽກທີ່ມີແສງແດດສ່ອງລົງໄປທົ່ວດ້ວຍເຈ້ຍສີ
- Getharvest — ໂຕະເຮັດວຽກໃນຊົ່ວໂມງທອງຄຳ - ຜ້າໃບສີຄີມອຸ່ນໆ, ໂປສກາດສີຂາວແຂວນຢູ່ເທິງຜ້າໃບ, ແລະແປວໄຟສີສົ້ມສົດໃສອັນດຽວ
- Drive Capital — ໂປສເຕີການເດີນທາງທາງຖະໜົນແບບ Retro ເທິງເຈ້ຍອຸ່ນ