Figma
ໂຄງລົດສີດຽວສຳລັບຄວາມວຸ່ນວາຍຂອງສີ
ອິນເຕີເຟດເຮັດໜ້າທີ່ເປັນພາຊະນະໂຄງສ້າງທີ່ມີຄວາມຄົມຊັດສູງ ແລະ ເຂັ້ມງວດ, ເຊິ່ງເຮັດໃຫ້ເນື້ອຫາທີ່ຜູ້ໃຊ້ສ້າງຂຶ້ນມີຄວາມໂດດເດັ່ນຢ່າງສົມບູນ. ຄ່າພື້ນຖານແມ່ນແຜ່ນສີ #000000 ເຖິງ #ffffff ທີ່ເຂັ້ມງວດ, ເຊິ່ງຫຼີກລ່ຽງສີເທົາທີ່ອ່ອນໂຍນ ແລະ ມີຄວາມຄົມຊັດສູງສຸດຢ່າງແທ້ຈິງສຳລັບຂອບຫຼັກ ແລະ ຂໍ້ຄວາມ. ລຳດັບຊັ້ນຂອງຕົວອັກສອນແມ່ນອີງໃສ່ຂະໜາດ ແລະ ໄລຍະຫ່າງຕົວອັກສອນທາງລົບທີ່ຮຸນແຮງຫຼາຍກວ່າການປ່ຽນແປງສີ, ປ່ຽນເສັ້ນຂໍ້ຄວາມຂະໜາດໃຫຍ່ໃຫ້ກາຍເປັນບລັອກກຣາບຟິກທີ່ໜາແໜ້ນ. ເຫດຜົນຂອງລັດສະໝີຂອງຂອບສ້າງຄວາມແຕກຕ່າງລະຫວ່າງສອງຢ່າງ: "ເລັບ" ພາຍນອກ 50px ສຳລັບອົງປະກອບການນຳທາງທົ່ວໂລກມີຄວາມຄົມຊັດກັບມຸມ 0px ທີ່ໂດດເດັ່ນຂອງພາຊະນະເນື້ອຫາ.
ການປະກອບແມ່ນອີງໃສ່ຂອບທີ່ມີຄວາມກວ້າງສູງສຸດ (ສູງສຸດ 1440px) ທີ່ຢູ່ໃນຈຸດກາງຂອງວິວພອດ ແລະ ປະກອບມີກຸ່ມເນື້ອຫາທີ່ໜາແໜ້ນທີ່ແຍກອອກດ້ວຍພື້ນທີ່ມະຫາພາກທີ່ກວ້າງຂວາງ (96-120px ຂອງຊ່ອງຫວ່າງລະຫວ່າງພາກສ່ວນຕ່າງໆ). ຮູບແບບ "ວິລະບຸລຸດ" ມັກໃຊ້ຄັງຮູບພາບທີ່ບໍ່ສົມມາດທີ່ຍຶດໄວ້ພາຍໃຕ້ບລັອກ UI ທີ່ລອຍຢູ່ ແລະ ຢູ່ຈຸດໃຈກາງຢ່າງສົມບູນ. ຢູ່ດ້ານລຸ່ມຂອງຮອຍພັບ, ຂໍ້ມູນຈະສອດຄ່ອງກັບຕາຂ່າຍສີ່ຖັນທີ່ເຂັ້ມງວດທັນທີໂດຍບໍ່ມີຂອບ, ເຮັດໃຫ້ກຸ່ມບັດທີ່ຊ້ຳກັນຢູ່ໃນກອບ, ເພີ່ມຄວາມໜາແໜ້ນຂອງວັດຖຸໃຫ້ສູງສຸດ ໃນຂະນະທີ່ກຳຈັດຂອບອອກຈາກກອບ.
ການອອກແບບຮູບພາບແມ່ນອີງໃສ່ຜົນໄດ້ຮັບທີ່ເນັ້ນໃສ່ຜູ້ໃຊ້ເປັນຫຼັກ. ຮູບພາບຕ່າງໆຈະຖືກສະແດງເປັນຮູບສີ່ຫຼ່ຽມມົນຮາບພຽງ, ບໍ່ມີກອບ ຫຼື ກະແຈກກະຈາຍ, ຊິ້ນສ່ວນທີ່ຊ້ອນກັນ, ເຮັດໃຫ້ນຶກເຖິງວັດຖຸທາງກາຍະພາບ, ທຽບກັບພື້ນຫຼັງທີ່ຫວ່າງເປົ່າ. ຮູບພາບແມ່ນແຫຼ່ງສີດຽວໃນເວັບໄຊທ໌. ບໍ່ມີອົງປະກອບການຖ່າຍຮູບວິຖີຊີວິດ ຫຼື ຮູບແຕ້ມມາດຕະຖານຂອງບໍລິສັດ - ແຕ່ລະອົງປະກອບກຣາບຟິກແມ່ນພາບຖ່າຍທີ່ຊັດເຈນຂອງຜ້າໃບດິຈິຕອນ, ເຮັດວຽກພ້ອມໆກັນເປັນຫຼັກຖານຜະລິດຕະພັນ ແລະ ເປັນອົງປະກອບຄວາມງາມຫຼັກ.
ພາເລັດ
ຍີ່ຫໍ້
- Context Action Violet
#4d49fc— ການຮຽກຮ້ອງໃຫ້ມີການກະທຳຫຼັກທີ່ແປເປັນພາສາທ້ອງຖິ່ນພາຍໃນແຜງຍ່ອຍ - ສີທີ່ລົບກວນດຽວກຳນົດຈຸດສຸມ.
ເປັນກາງ
- Absolute Canvas
#ffffff— ພື້ນຫຼັງໜ້າ, ແຖບເຄື່ອງມືລອຍ, ພື້ນຖານແຜງທີ່ຍົກຂຶ້ນ. - Structural Ink
#000000— ຟອນຕ໌ພື້ນຖານ, ພື້ນຫຼັງປຸ່ມທຶບ, ຂອບປຸ່ມ. - Graphite Metadata
#595959— ຂໍ້ຄວາມຜູ້ຂຽນສຳຮອງ, ຂໍ້ຄວາມຍ່ອຍທີ່ແປເປັນພາສາທ້ອງຖິ່ນ, ຄ່າຕົວຍຶດຕຳແໜ່ງ - Boundary Frame
#e2e2e2— ຕົວແຍກທີ່ລະອຽດອ່ອນ ແລະ ຂອບເຂດຂອງຊ່ອງຂໍ້ມູນທີ່ບໍ່ເຄື່ອນໄຫວ. - Angular Teal
#33dfdf— ຜົນກະທົບການຕົກແຕ່ງ, ຕົວຊີ້ວັດການໂຫຼດ ແລະ ການເບິ່ງເຫັນຕົວກະພິບທີ່ໃຊ້ງານຢູ່.
ຮູບແບບຕົວອັກສອນ
ຈາກ 12 ຫາ 72px · 6 ຂັ້ນຕອນ
- figmaSans — ການທົດແທນ: Inter · ໂຄງຮ່າງ 320, 330, 340, 400, 450, 480, 520, 700 · ເຄື່ອງມືທີ່ຫຼາກຫຼາຍທີ່ຈັດການທຸກຢ່າງຕັ້ງແຕ່ຫົວຂໍ້ສະແດງຜົນຈົນເຖິງປ້າຍກຳກັບນຳທາງ. ມັນສ້າງຮູບລັກສະນະທີ່ເປັນເອກະລັກໂດຍການດັດແປງການຕິດຕາມທາງລົບທາງແສງ.
- figmaMono — ການທົດແທນ: JetBrains Mono · ໂຄງຮ່າງ 400 · ໄມໂຄຣແທັກ, ການຕິດຕາມພິກັດ, ແລະ ສຽງສະທ້ອນທາງເທັກນິກທີ່ເຮັດໜ້າທີ່ເປັນອົງປະກອບການໂຕ້ຕອບຜູ້ໃຊ້ຫຼາຍກວ່າເນື້ອຫາ.
ໄລຍະຫ່າງ ແລະ ຮູບແບບ
| ຈຸດປະສົງ | ຄວາມໝາຍ |
|---|---|
| ຄວາມໜາແໜ້ນ | ໜາແໜ້ນ |
| ຂັ້ນຕອນພື້ນຖານ | 24px |
| ລັດສະໝີປຸ່ມ | 8px |
| ລັດສະໝີບັດ | 12px |
| ເງົາ | ບໍ່ມີ - ຂອບແທນທີ່ຈະເປັນເງົາ |
| ລະຫວ່າງພາກສ່ວນຕ່າງໆ | 96-120px |
| ຄວາມກວ້າງຂອງໜ້າ | 1440px |
AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ Figma ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ
- ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
- ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
- ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
- ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.
ແບບທີ່ຄ້າຍຄືກັນ
- Caldera — ເຜົາໄຟໃສ່ຫີນປູນອຸ່ນໆ. ຜ້າໃບເປັນປູນດິບອຸ່ນໆ, ແລະແຕ່ລະອົງປະກອບສີສົ້ມເບິ່ງຄືກັບຖ່ານທີ່ກຳລັງລຸກໄໝ້ຢູ່ໃຕ້ພື້ນຜິວ.
- Vercel — ພິມເຄື່ອງໝາຍການຄ້າໃສ່ເຈ້ຍສີຂາວ
- Dylanbrouwer — ໂຮງຫຼໍ່ແບບ Brutalist ໃນຕອນຕາເວັນຕົກດິນ
- Headspace — ມຸມສຸຂະພາບທີ່ມີແດດສ່ອງໃສ່ເຈ້ຍອຸ່ນໆ
- WHOOP — ຫ້ອງທົດລອງປະສິດທິພາບໃນເວລາທ່ຽງຄືນ - ໂຕະຫ້ອງທົດລອງທາງຄລີນິກສີຂາວພາຍໃຕ້ຊ່ອງວ່າງສີດຳ, ກະແສໄຟຟ້າສີມ່ວງດຽວ
- (dot)connect — ຮູບແຕ້ມວິສະວະກຳຂອງສະວິດເຊີແລນທີ່ໃຊ້ຖ່ານພຽງຊິ້ນດຽວ
- Together AI — ຄອນໂຊນຄົ້ນຄວ້າເທິງເຈ້ຍກ້ອນ
- Vivid+Co — ແສງສະຫວ່າງປຣິສມາຕິກຜ່ານອອບຊິເດຍນ
- Sequel — ການສະແດງໜັງສ່ວນຕົວຫຼັງຈາກມືດແລ້ວ ເປັນແສງສະຫວ່າງອຸ່ນພຽງຢ່າງດຽວໃນໂຮງໜັງທີ່ມືດ.
- v0 by Vercel — ຮູບແຕ້ມຂອງເຄື່ອງກຶງ. ຄວາມແມ່ນຍຳ ແລະ ໜ້າທີ່ການໃຊ້ງານແມ່ນສຳຄັນທີ່ສຸດ, ໂດຍແຕ່ລະອົງປະກອບຮັບໃຊ້ຈຸດປະສົງທີ່ຊັດເຈນຢູ່ເທິງພື້ນຜິວທີ່ສະອາດ ແລະ ສົມບູນແບບທາງດ້ານເຕັກນິກ.
- ThoughtLab — ອະນຸສາວະລີອອບຊີເດຍນທີ່ມີສັນຍານສີແດງເຂັ້ມ. ຜ້າໃບສີດຳທີ່ວ່າງເປົ່າ, ບ່ອນທີ່ວັດຖຸສີແດງອີ່ມຕົວພຽງວັດຖຸດຽວໃນວິຫານ, ພິມດ້ວຍຕົວອັກສອນສີຂາວໃຫຍ່, ແມ່ນຮູບຊົງສີດຽວ.
- Dovetail — ແຜນຜັງພາຍໃຕ້ດວງຈັນສີດຳ — ເສັ້ນກຣາຟທີ່ເຫັນໄດ້ຍາກ, ຕົວອັກສອນສີຂາວ, ມີແສງສີມ່ວງອັນໜຶ່ງ