Dala
ກຸ່ມດາວລອຍຢູ່ເທິງຜ້າກຳມະຢີສີດຳ
Dala ນຳສະເໜີພື້ນທີ່ມືດມົວບ່ອນທີ່ຊ່ອງວ່າງສີດຳພົບກັບສຳນຽງສີມ່ວງສົດໃສອັນດຽວ, ຖືກລົບກວນດ້ວຍແສງສີອຳພັນ. ຮູບແບບຕົວອັກສອນແມ່ນແຂງແກ່ນ ແລະ ບໍ່ມີນ້ຳໜັກ - PPNeueMontreal, ຕົວອັກສອນນ້ຳໜັກ 400, ຄອບງຳຫົວຂໍ້ຂ່າວແຕ່ລະອັນທີ່ມີຂະໜາດໃຫຍ່ເກີນໄປ (78–113px) ດ້ວຍໄລຍະຫ່າງຕົວອັກສອນລົບທີ່ຮຸນແຮງ, ເຮັດໃຫ້ຫົວຂໍ້ຂ່າວຮູ້ສຶກຄືກັບຮູບປັ້ນຫຼາຍກວ່າຂໍ້ມູນ. ສູນກາງສາຍຕາແມ່ນກຸ່ມຂອງອະນຸພາກສາມຫຼ່ຽມນ້ອຍໆ, ຫຼາຍສີ, ປະກອບເປັນຮູບຮ່າງສະໝອງອິນຊີ, ເຊິ່ງເປັນທ່າທາງລາຍເຊັນຂອງຍີ່ຫໍ້: ຄວາມຮູ້ທີ່ເບິ່ງເຫັນເປັນສະຕິປັນຍາແບບກະຈາຍແທນທີ່ຈະເປັນຂໍ້ມູນແບບລຳດັບຊັ້ນ. ຮູບແບບດັ່ງກ່າວປະຕິບັດຕາມຈັງຫວະສອງຖັນທີ່ກວ້າງຂວາງ - ຫົວຂໍ້ຂ່າວຂະໜາດໃຫຍ່ເກີນໄປ, ຈັດລຽງຊ້າຍຄູ່ກັບຂໍ້ຄວາມທີ່ກວ້າງຂວາງ, ລອຍຢູ່ກັບພື້ນຫຼັງສີດຳທີ່ສະອາດໂດຍບໍ່ມີແຜງ, ກອບ, ຫຼືບັດ. ອົງປະກອບຕ່າງໆຖືກຫຼຸດລົງໃຫ້ເປັນຮູບແບບທີ່ສຳຄັນທີ່ສຸດ: ປຸ່ມເມັດສີມ່ວງອັນດຽວ, ລິ້ງຂໍ້ຄວາມທີ່ເຊື່ອງໄວ້, ແລະບລັອກຂໍ້ຄວາມຂະໜາດໃຫຍ່.
ພາກສ່ວນທີ່ມີຄວາມກວ້າງເຕັມຮູບແບບຖືກວາງອອກເທິງຜ້າໃບສີດຳບໍລິສຸດ, ໂດຍມີຄວາມກວ້າງຂອງເນື້ອຫາສູງສຸດ ~1280px ຢູ່ໃຈກາງ. ພາກສ່ວນຫຼັກມີຮູບແບບສອງຖັນທີ່ບໍ່ສະເໝີກັນ: ຫົວຂໍ້ຂ່າວຂະໜາດໃຫຍ່ທີ່ຈັດລຽງຕາມຊ້າຍ (113px) ພ້ອມດ້ວຍຂໍ້ຄວາມຫຼັກ ແລະ ການຮຽກຮ້ອງໃຫ້ມີການກະທຳຢູ່ເຄິ່ງຊ້າຍ, ໃນຂະນະທີ່ຮູບພາບ "ສະໝອງອະນຸພາກ" ຄອບຄອງເຄິ່ງຂວາໃນຂະໜາດໃຫຍ່. ພາກສ່ວນຕໍ່ມາສະຫຼັບກັນລະຫວ່າງສອງຖັນ (ຮູບພາບຊ້າຍ/ຂໍ້ຄວາມຂວາ, ຈາກນັ້ນຂໍ້ຄວາມຊ້າຍ/ຮູບພາບຂວາ), ສ້າງຈັງຫວະການອ່ານແບບຊິກແຊກ. ຮ່ອງລະຫວ່າງພາກສ່ວນຕ່າງໆແມ່ນກວ້າງຂວາງ (60–120px ຕັ້ງ). ບໍ່ມີຕາຂ່າຍບັດ, ຕາຕະລາງລາຄາ, ຫຼື ຄຳອະທິບາຍຄຸນສົມບັດຫຼາຍຖັນ - ເນື້ອຫາຖືກຈັດລຽງຢູ່ໃນບລັອກຂໍ້ຄວາມ-ຮູບພາບສອງຖັນທີ່ກວ້າງຂວາງ. ການນຳທາງແມ່ນແຖບດ້ານເທິງທີ່ໂປ່ງໃສແບບ minimalist, ບໍ່ມີແຖບຂ້າງ ຫຼື ເມນູໃຫຍ່. ຄວາມໜາແໜ້ນຂອງອົງປະກອບແມ່ນສູງຫຼາຍ - ໜຶ່ງ ຫຼື ສອງອົງປະກອບຕໍ່ viewport, ບໍ່ເຄີຍມີຂໍ້ມູນຫຼາຍເກີນໄປ.
ການອອກແບບຮູບພາບແມ່ນມີລັກສະນະເປັນຂັ້ນຕອນ ແລະ ເປັນນາມທຳທັງໝົດ—ບໍ່ມີຮູບຖ່າຍຍົກເວັ້ນຮູບຄົນທີມ. ເອກະລັກທາງສາຍຕາຂອງຍີ່ຫໍ້ແມ່ນເມກທີ່ໜາແໜ້ນຂອງອະນຸພາກຮູບສາມຫຼ່ຽມນ້ອຍໆຫຼາຍພັນອະນຸພາກທີ່ມີເສັ້ນຂອບທີ່ສະແດງເປັນຄື້ນຟອງທີ່ເຕັມໄປດ້ວຍຊີວິດຊີວາ (ສີມ່ວງ, ອຳພັນ, ສີຟ້າອ່ອນ, ສີມ່ວງ, ສີຟ້າ), ປະກອບເປັນຮູບຮ່າງສະໝອງ/ເຊວປະສາດອິນຊີ. ພາກສະໜາມອະນຸພາກນີ້ມີພາບເຄື່ອນໄຫວ ແລະ ເປັນທັງຮູບພາບຫຼັກ ແລະ ເປັນອົງປະກອບເອກະລັກຂອງຍີ່ຫໍ້. ອະນຸພາກອ້ອມຂ້າງ, ໃນຄວາມໜາແໜ້ນຕ່ຳ, ຈະເຄື່ອນທີ່ຜ່ານພື້ນຫຼັງຂອງໜ້າ. ຮູບສາມຫຼ່ຽມມີເສັ້ນຂອບ, ນ້ຳໜັກເສັ້ນ 1–2px, ຂອບແຫຼມ, ແລະ ສີສັນທີ່ອຸດົມສົມບູນ—ບໍ່ເຄີຍເປັນສີເທົາ. ຮູບຄົນທີມຖືກສະແດງເປັນຮູບສີ່ຫຼ່ຽມມົນຂະໜາດໃຫຍ່ (ລັດສະໝີ 124px) ໂດຍບໍ່ມີຂອບ ຫຼື ການຊ້ອນກັນ. ບໍ່ມີພາບໜ້າຈໍຜະລິດຕະພັນ, ບໍ່ມີຮູບພາບວິຖີຊີວິດ, ບໍ່ມີການສະແດງ 3D—ລະບົບອະນຸພາກແມ່ນຍີ່ຫໍ້ທີ່ມີສາຍຕາ.
ພາເລັດ
ຍີ່ຫໍ້
- Electric Iris
#8052ff— ປຸ່ມການກະທຳຫຼັກ, ໂລໂກ້ ແລະ ຈຸດເດັ່ນຂອງຍີ່ຫໍ້ແມ່ນສີມ່ວງດຽວທີ່ເຂັ້ມຂຸ້ນ, ເຊິ່ງເປັນສັນຍານຂອງການໂຕ້ຕອບ ແລະ ເອກະລັກຂອງຍີ່ຫໍ້ທຽບກັບພື້ນຫຼັງສີດຳ.
ເປັນກາງ
- Void
#000000— ຜ້າໃບໜ້າ, ພື້ນຫຼັງຂອງພາກສ່ວນ, ພື້ນທີ່ລົບ - ໜ້າຜິວທີ່ໂດດເດັ່ນແມ່ນສີດຳບໍລິສຸດ, ບໍ່ແມ່ນສີເທົາເຂັ້ມ, ສ້າງເປັນຊ່ອງວ່າງທີ່ຊ່ວຍໃຫ້ການເນັ້ນສີລອຍໄດ້ຢ່າງອິດສະຫຼະ. - Bone White
#ffffff— ຫົວຂໍ້, ເນື້ອໃນ, ການຕື່ມຮູບສັນຍາລັກ, ສະຖານະການນຳທາງທີ່ໃຊ້ງານຢູ່ - ສີຕົວອັກສອນດຽວທີ່ໃຫ້ລຳດັບຊັ້ນສູງສຸດໃນພື້ນຫຼັງສີດຳ. - Ash Gray
#9a9a9a— ຂໍ້ຄວາມນຳທາງທີ່ລຽບງ່າຍ, ສີລິ້ງໂປ່ງໃສ, ແລະ ປ້າຍເພີ່ມເຕີມຖືກຊ່ອນຢູ່ທາງຫຼັງຂໍ້ຄວາມຫຼັກໂດຍບໍ່ເຮັດໃຫ້ເບິ່ງບໍ່ເຫັນ. - Silver Mist
#bdbdbd— ຂໍ້ຄວາມເພີ່ມເຕີມ, ຂໍ້ມູນຢູ່ໃນລະດັບຄຳບັນຍາຍ - ສີເທົາທີ່ງຽບທີ່ສຸດ ແລະ ອ່ານງ່າຍທີ່ສຸດ, ເພື່ອສະໜັບສະໜູນສະພາບການ. - Saffron Spark
#ffb829— ການເນັ້ນຂໍ້ຄວາມ, ເນັ້ນລິ້ງ, ແລະ ດຶງດູດຄວາມສົນໃຈດ້ວຍເຄື່ອງໝາຍວັກຕອນ - ສີເຫຼືອງອຸ່ນຕັດກັບພື້ນຫຼັງສີມ່ວງສ້າງຄວາມເຄັ່ງຕຶງຂອງສີໃຫ້ກັບຍີ່ຫໍ້. - Deep Verdant
#15846e— ການຍ້ອມສີພື້ນຜິວຂັ້ນສອງ, ເຊິ່ງເປັນຈຸດຢຸດໂລໂກ້ແບບ gradient, ສະແດງອອກເປັນຂອບທີ່ມືດກວ່າຂອງການ gradient ຂອງຍີ່ຫໍ້ ແລະ ໃນຮູບແບບຂອງການຫັນປ່ຽນທີ່ສັງເກດເຫັນໄດ້ຍາກ.
ຮູບແບບຕົວອັກສອນ
ຈາກ 12 ຫາ 113px · 10 ຂັ້ນຕອນ
- PPNeueMontreal — ການທົດແທນ: Inter · ໂຄງຮ່າງ 200, 400, 600, 700 · ຟອນຕ໌ທີ່ສອດຄ່ອງກັນຖືກນໍາໃຊ້ໃນທຸກສະພາບການ UI. ຫົວຂໍ້ໃນຂະໜາດສະແດງຜົນ (78–113px) ໃຊ້ນໍ້າໜັກ 400 ທີ່ມີໄລຍະຫ່າງຕົວອັກສອນ -0.04em—ນໍ້າໜັກດຽວກັນກັບຂໍ້ຄວາມ, ແຕ່ຂະໜາດໃຫຍ່ກວ່າສ້າງລໍາດັບຊັ້ນ. ນໍ້າໜັກ 200 (ຟອນຕ໌ທີ່ເບົາຫຼາຍ) ແມ່ນສະຫງວນໄວ້ສໍາລັບຂໍ້ຄວາມ 18px; ນີ້ແມ່ນການຕັດສິນໃຈສະເພາະຂອງຍີ່ຫໍ້: ເວັບໄຊທ໌ AI/SaaS ສ່ວນໃຫຍ່ໃຊ້ 400 ສໍາລັບການຄັດລອກຂໍ້ຄວາມ, ແຕ່ Dala ຫຼຸດນໍ້າໜັກເພື່ອຮັກສາວັກໃຫ້ມີຄວາມໂປ່ງໃສ ແລະ ບໍ່ຮຸນແຮງ. ນໍ້າໜັກ 600 ທີ່ມີໄລຍະຫ່າງຕົວອັກສອນ 14px, ໄລຍະຫ່າງຕົວອັກສອນ 0.025em, ແລະ ຕົວພິມໃຫຍ່ທັງໝົດແມ່ນໃຊ້ສໍາລັບການນໍາທາງ ແລະ ຫົວຂໍ້ຂະໜາດນ້ອຍ. ການໃຊ້ 400 ສໍາລັບທັງຫົວຂໍ້ 113px ແລະ ຂໍ້ຄວາມ 15px ແມ່ນຜິດປົກກະຕິ—ມັນຊີ້ໃຫ້ເຫັນວ່າຍີ່ຫໍ້ອາໄສຂະໜາດ, ບໍ່ແມ່ນນໍ້າໜັກ, ເພື່ອສ້າງລໍາດັບຊັ້ນ.
ໄລຍະຫ່າງ ແລະ ຮູບແບບ
| ຈຸດປະສົງ | ຄວາມໝາຍ |
|---|---|
| ຄວາມໜາແໜ້ນ | ໜາແໜ້ນ |
| ຂັ້ນຕອນພື້ນຖານ | 6-18px |
| ລັດສະໝີປຸ່ມ | 24px |
| ລັດສະໝີບັດ | 24px |
| ເງົາ | ບໍ່ມີ - ຂອບແທນທີ່ຈະເປັນເງົາ |
| ລະຫວ່າງພາກສ່ວນຕ່າງໆ | 60-120px |
| ຄວາມກວ້າງຂອງໜ້າ | 1280px |
AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ Dala ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ
- ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
- ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
- ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
- ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.
ແບບທີ່ຄ້າຍຄືກັນ
- Linear — ເຄື່ອງມືຄວາມແມ່ນຍໍາທ່ຽງຄືນ
- Resend — ກຳແພງກຳມະຫຍີສີດຳປະສົມສີມ່ວງນີອອນ
- Ciridae — ຫ້ອງຫວ່າງເປົ່າທີ່ມີສຽງແກວ່ງຂອງຖ່ານທີ່ກຳລັງລຸກໄໝ້ - ວິຫານທີ່ເກືອບເປັນສີດຳບ່ອນທີ່ສຽງອຸ່ນພຽງຢ່າງດຽວແມ່ນເສັ້ນບາງໆຂອງສະໜິມ, ແລະທຸກໆພື້ນຜິວຖືກກຳນົດດ້ວຍເສັ້ນລະອຽດແທນທີ່ຈະເປັນເງົາ.
- Dovetail — ແຜນຜັງພາຍໃຕ້ດວງຈັນສີດຳ — ເສັ້ນກຣາຟທີ່ເຫັນໄດ້ຍາກ, ຕົວອັກສອນສີຂາວ, ມີແສງສີມ່ວງອັນໜຶ່ງ
- Neon — ຫ້ອງເຊີບເວີຫຼັງຈາກມືດແລ້ວ. ຄວາມມືດບໍລິສຸດ, ບ່ອນທີ່ມີແສງສະຫວ່າງພຽງຢ່າງດຽວມາຈາກຂໍ້ມູນ ແລະ ການໂຕ້ຕອບຂອງຜູ້ໃຊ້.
- Discord — ໂລກຂອງເກມຖືກຊ່ອນຢູ່ຫລັງໜ້າຕ່າງສົນທະນາແບບປັອບອັບ - ແຕ່ລະພາກສ່ວນແມ່ນສະພາບແວດລ້ອມທີ່ມີໄຟສ່ອງສະຫວ່າງ ແລະ ຕົວລະຄອນຂອງຕົນເອງ.
- Aaru — ຫໍສັງເກດການພາກສະໜາມອະນຸພາກໃນເວລາທ່ຽງຄືນ
- Atlas Card — ຫ້ອງໂຖງກາງຄືນ, ດ້ວຍລັງສີໄພລິນອັນດຽວ, ເປັນພື້ນທີ່ມືດມົວບ່ອນທີ່ສິ່ງດຽວທີ່ສຳຄັນແມ່ນສີຟ້າໄຟຟ້າເຂັ້ມ.
- Midjourney — ສະຖານີທີ່ສ່ອງແສງໄດ້ຢ່າງມີຊີວິດຊີວາໃນມະຫາສະໝຸດເລິກ. ໂລກທະເລເລິກບ່ອນທີ່ຄວາມສະຫຼາດສ້າງຕົວມັນເອງດ້ວຍສາຍຕາໃນກະແສ ASCII, ແລະການຄວບຄຸມປະກົດເປັນຮູບແບບທີ່ສ່ອງແສງອ່ອນໆ.
- Checkly — ສູນຄວບຄຸມພາລະກິດວົງໂຄຈອນເລິກ
- Krea — ຄັງຮູບພາບນຽຣໃນເວລາທ່ຽງຄືນ
- Wope — Wope ເປັນໜ້າຈໍສະແດງພາບສີມ່ວງຂອງຂອບຟ້າ. ລອງນຶກພາບໂຕະຫໍສັງເກດການສີດຳທີ່ມີແສງສີມ່ວງສ່ອງອອກມາຈາກໃຕ້ແກ້ວ.