Superhuman
ແຜງບັນນາທິການຊົ່ວໂມງທອງຄຳ
ຮູບຮ່າງທີ່ເໜືອມະນຸດຕັ້ງຢູ່ຈຸດຕັດກັນລະຫວ່າງການຖ່າຍຮູບບັນນາທິການ ແລະ UI ຂອງຊອບແວ—ຜ້າໃບທີ່ອົບອຸ່ນຄ້າຍຄືເຈ້ຍ (ບໍ່ເຄີຍເປັນສີຂາວບໍລິສຸດ) ກອບອົງປະກອບຍີ່ຫໍ້ສີນ້ຳຕານເຂັ້ມ ແລະ ການເນັ້ນສີມ່ວງທີ່ສົດໃສ. ຫົວຂໍ້ຂ່າວ, ຕັ້ງດ້ວຍຕົວອັກສອນ 460, ກະຊິບແທນທີ່ຈະຮ້ອງ, ຊ່ວຍໃຫ້ການຖ່າຍຮູບແບບໜັງເຕັມໜ້າເຮັດວຽກໜັກໄດ້, ໃນຂະນະທີ່ບັດ UI ຜະລິດຕະພັນໂປ່ງໃສລອຍຄືກັບແກ້ວຢູ່ເທິງຮູບພາບ. ແຜ່ນສີຍັງຄົງສະຫງົບ ແລະ ເປັນບັນນາທິການເກືອບຕະຫຼອດເວລາ: ພື້ນຜິວສີຄຣີມ, ຂໍ້ຄວາມສີຖ່ານ, ຂອບສີເທົາອຸ່ນອ່ອນໆ, ແລະ ໄລຍະຫ່າງທີ່ກວ້າງຂວາງລະຫວ່າງອົງປະກອບ, ໂດຍມີສີສະຫງວນໄວ້ສຳລັບເຄື່ອງໝາຍວັກຕອນຍີ່ຫໍ້ໂດຍເຈດຕະນາ—ການຮຽກຮ້ອງໃຫ້ປະຕິບັດສີນ້ຳຕານເຂັ້ມດຽວ, ລິ້ງສີມ່ວງ, ປຸ່ມເສີມສີມ່ວງອ່ອນໆ. ລະບົບຫຼີກລ່ຽງເງົາ ແລະ ການໄລ່ສີທີ່ແຂງແຮງໃນພື້ນຜິວ UI ໂດຍເຈດຕະນາ; ຄວາມເລິກແມ່ນບັນລຸໄດ້ຜ່ານການຖ່າຍຮູບຊັ້ນ ແລະ ພື້ນຫຼັງທີ່ມົວເລັກນ້ອຍໃນຫົວຂໍ້, ແທນທີ່ຈະຜ່ານຜົນກະທົບການຊ້ອນກັນ.
ອົງປະກອບຫຼັກແມ່ນຮູບຖ່າຍທີ່ມີຄວາມກວ້າງເຕັມທີ່ມີຫົວຂໍ້ຢູ່ໃຈກາງ (48-64px/460) ແລະ ການຮຽກຮ້ອງໃຫ້ປະຕິບັດອັນດຽວທີ່ເຕັມໄປດ້ວຍຮູບພາບຂອງເຫຼົ້າແວງ, ພ້ອມດ້ວຍບັດ UI ຜະລິດຕະພັນໂປ່ງໃສທີ່ລອຍຢູ່ແຄມຊ້າຍ ແລະ ຂວາ. ຢູ່ດ້ານລຸ່ມຂອງອົງປະກອບຫຼັກແມ່ນແຖບໂລໂກ້ເສັ້ນສີຂາວ (6 ຊ່ອງຕໍ່ແຖວ, ຄວາມກວ້າງສູງສຸດຈຳກັດ), ຈາກນັ້ນພາກສ່ວນແຖບທີ່ມີໜ້າບັດສີຂາວຢູ່ເທິງຜ້າໃບ parchment. ເສັ້ນສີຟ້າອ່ອນສີເຂັ້ມຕັດຈັງຫວະປະມານສອງສ່ວນສາມຂອງທາງຜ່ານໜ້າ - ຄວາມກວ້າງເຕັມ, ສອງຖັນ (ຮູບພາບຢູ່ເບື້ອງຊ້າຍ, ຂໍ້ຄວາມຢູ່ເບື້ອງຂວາ) - ສ້າງຄວາມແຕກຕ່າງຂອງໂທນສີດຽວໃນຂະນະທີ່ທ່ານເລື່ອນ. ເສັ້ນບັນຍາກາດການໄລ່ສີຕາມມາ. ໄລຍະຫ່າງແນວຕັ້ງລະຫວ່າງພາກສ່ວນແມ່ນ 64-96px. ຄວາມກວ້າງຂອງເນື້ອຫາສູງສຸດແມ່ນ ~1200px ຢູ່ໃຈກາງ, ໂດຍມີອົງປະກອບຫຼັກ ແລະ ເສັ້ນສີເຂັ້ມຂະຫຍາຍຄວາມກວ້າງເຕັມຂອງວິວພອດ. ການນຳທາງແມ່ນຫົວຂໍ້ຄົງທີ່ດຽວທີ່ມີພື້ນຫຼັງມົວ; ບໍ່ມີແຖບຂ້າງ, ບໍ່ມີເມນູໃຫຍ່. ສ່ວນລຸ່ມສຸດແມ່ນໜ້າສີແດງເຂັ້ມທີ່ມີຄວາມກວ້າງເຕັມທີ່ມີຮູບແບບລິ້ງຫຼາຍຖັນ. ຈັງຫວະໂດຍລວມແມ່ນ: ກອບຫຼັກ → ສີຂາວ/ຄຣີມທີ່ສະຫງົບ → ເສັ້ນສີເຂັ້ມພ້ອມກັບຮູບພາບຫຼັກ → ການໄລ່ສີບັນຍາກາດ → ສ່ວນລຸ່ມສຸດສີແດງເຂັ້ມ, ສະຫຼັບເສັ້ນສີອ່ອນ ແລະ ສີເຂັ້ມເພື່ອສ້າງຈັງຫວະການບັນນາທິການ.
ອົງປະກອບທາງສາຍຕາຫຼັກແມ່ນການຖ່າຍຮູບແບບໜັງ: ຮູບຄົນທີ່ມີຄວາມກວ້າງເຕັມທີ່ທຽບກັບທ້ອງຟ້າເປີດເປັນຈຸດສຸມ, ໂດຍມີເສັ້ນບັນຍາກາດອັນທີສອງຕັ້ງຢູ່ດ້ານລຸ່ມຂອງໜ້າ. ຮູບພາບມີໂທນສີທີ່ອົບອຸ່ນ, ອ່ອນນຸ້ມເລັກນ້ອຍ, ແລະຖ່າຍໃນໂປຣໄຟລ໌, ເຮັດໃຫ້ນຶກເຖິງຊົ່ວໂມງທອງຄຳ, ສ້າງຄວາມຮູ້ສຶກຫຼາຍກວ່າການບັນນາທິການ. ເສັ້ນສີເຂັ້ມທີ່ມີຮູບສີ່ແຈສາກເລຂາຄະນິດໂປ່ງໃສ ແລະ ຄຳຈາລຶກທີ່ຂຽນດ້ວຍມືຖືກວາງຊ້ອນກັນຢູ່ເທິງຮູບຖ່າຍຂອງຜູ້ຊາຍທີ່ຫຼົງໄຫຼໃນຄວາມຄິດ - ຮູບຕໍ່ກັນຂອງພື້ນຜິວແທນທີ່ຈະເປັນຮູບພາບດຽວ. ອິນເຕີເຟດຜູ້ໃຊ້ຖືກນຳສະເໜີເປັນບັດແກ້ວລອຍທີ່ວາງຊ້ອນກັນໂດຍກົງຢູ່ເທິງຮູບຖ່າຍ, ແທນທີ່ຈະເປັນພາບໜ້າຈໍແຍກຕ່າງຫາກ. ບໍ່ມີຮູບແຕ້ມສະຕັອກ, ບໍ່ມີການສະແດງຜົນ 3D, ແລະບໍ່ມີຮູບແບບການຕົກແຕ່ງແບບບໍ່ມີຕົວຕົນ, ຍົກເວັ້ນເສັ້ນບັນຍາກາດແບບ gradient. ຮູບສັນຍາລັກແມ່ນຮູບສັນຍາລັກເສັ້ນ monochrome ແບບ minimalist, ກວ້າງ ~16-20px, ມີຄວາມກວ້າງດຽວທີ່ສອດຄ່ອງກັບນ້ຳໜັກຂໍ້ຄວາມ 460 ຈຸດ.
ພາເລັດ
ຍີ່ຫໍ້
- Midnight Wine
#421d24— ປຸ່ມການກະທຳຫຼັກ, ປ້າຍໂຄສະນາ, ແລະ ສ່ວນທ້າຍແມ່ນສີມ່ວງອ່ອນໆ, ເກືອບເປັນສີດຳ ເຊິ່ງໃຫ້ຄວາມຮູ້ສຶກຄ້າຍຄືນໍ້າມຶກຫຼາຍກວ່າສີແດງ, ເຊິ່ງເປັນຈຸດເດັ່ນຂອງແຜ່ນສີໂດຍບໍ່ມີສີເຂັ້ມເກີນໄປ. - Royal Violet
#714cb6— ສີມ່ວງໃຊ້ເພື່ອເນັ້ນລິ້ງ, ແທັກ ແລະ ປະໂຫຍກສັ້ນໆ. ມັນບໍ່ຄວນໃຊ້ເປັນສີຫຼັກສຳລັບການຮຽກຮ້ອງໃຫ້ມີການດຳເນີນການ.
ເປັນກາງ
- Lilac Mist
#d4c7ff— ການຕື່ມພື້ນຜິວສຳຮອງ, ຮູບສັນຍາລັກສີອ່ອນ, ແລະ ພື້ນຫຼັງປຸ່ມຜີລ້ວນແຕ່ມີສີມ່ວງອ່ອນໆທີ່ບອກເປັນນัยເຖິງແບບຂອງຍີ່ຫໍ້ໂດຍບໍ່ດຶງດູດຄວາມສົນໃຈຫຼາຍເກີນໄປ. - Deep Lagoon
#0c4243— ພື້ນຫຼັງສີເຂັ້ມສຳລັບແຖບ, ທີ່ໃຊ້ເປັນອົງປະກອບຫຼັກໃນການເລົ່າເລື່ອງ, ແມ່ນພື້ນຜິວສີເຂັ້ມພຽງອັນດຽວໃນລະບົບ, ບວກກັບຮູບແບບເລຂາຄະນິດທີ່ຊ້ອນກັນ. - Warm Parchment
#f2f0eb— ພື້ນຜິວການເຮັດວຽກຂອງໜ້າເວັບແມ່ນອົງປະກອບຫຼັກ; ສີຄຣີມອຸ່ນໆຖືກແທນທີ່ສີຂາວເປັນພື້ນຖານ, ເຮັດໃຫ້ລະບົບທັງໝົດມີຄວາມອົບອຸ່ນດ້ານບັນນາທິການ. - Soft Mist
#e3e3e2— ຂອບລະອຽດ, ໂຄງຮ່າງບັດ, ເສັ້ນແບ່ງ — ສີເທົາອ່ອນໆທີ່ອົບອຸ່ນປະສົມກັບເຈ້ຍ parchment ແຕ່ກຳນົດຂອບຢ່າງຊັດເຈນ. - Ink Charcoal
#292827— ຂໍ້ຄວາມ, ຫົວຂໍ້, ໂຄງຮ່າງຮູບສັນຍາລັກ - ສີທີ່ອົບອຸ່ນ, ເກືອບເປັນສີດຳ ມີສີນ້ຳຕານພຽງພໍທີ່ຈະຮູ້ສຶກຄືກັບນໍ້າມຶກໃສ່ເຈ້ຍ, ບໍ່ເຄີຍເຢັນ #000 - Stone Gray
#666666— ຂໍ້ຄວາມສຳຮອງ, ຂໍ້ຄວາມສະໜັບສະໜູນ, ລາຍລະອຽດທີ່ບໍ່ຊັດເຈນ - ສີເທົາກາງອັນດຽວ, ໃຊ້ຢ່າງລະມັດລະວັງເພື່ອບໍ່ໃຫ້ແຂ່ງຂັນກັບຂໍ້ຄວາມຫຼັກ.
ຮູບແບບຕົວອັກສອນ
ຈາກ 12 ຫາ 64px · 8 ຂັ້ນຕອນ
- Super Sans VF — ການທົດແທນ: Inter (closest open equivalent for variable weight range) · ໂຄງຮ່າງ 460, 500, 540, 600, 700 · ຕົວອັກສອນດຽວໃນລະບົບທັງໝົດ. ຕົວແປແກນກວມເອົາຂອບເຂດຕັ້ງແຕ່ 460 (ຕົວອັກສອນລາຍເຊັນ, ຕັດເລັກນ້ອຍສຳລັບຂໍ້ຄວາມຫົວຂໍ້ຂະໜາດໃຫຍ່ທັງໝົດ) ເຖິງ 540 (ຂໍ້ຄວາມທີ່ເນັ້ນໜັກ) ແລະ 700 (ຄຳບັນຍາຍຂະໜາດນ້ອຍ, ໜາ). VF ທີ່ອອກແບບພິເສດເຮັດໃຫ້ຫົວຂໍ້ນ້ຳໜັກ 460 ເບິ່ງຄືວ່າມີເຈດຕະນາຫຼາຍກວ່າແບບບໍ່ເປັນລະບຽບ - ຢູ່ທີ່ 48-64px ດ້ວຍໄລຍະຫ່າງຕົວອັກສອນທີ່ແຄບ, ຜົນກະທົບຂອງ "ຕັດເລັກນ້ອຍ" ຖືກຮັບຮູ້ວ່າມີຄວາມໝັ້ນໃຈຫຼາຍກວ່າບາງ.
ໄລຍະຫ່າງ ແລະ ຮູບແບບ
| ຈຸດປະສົງ | ຄວາມໝາຍ |
|---|---|
| ຄວາມໜາແໜ້ນ | ໜາແໜ້ນ |
| ຂັ້ນຕອນພື້ນຖານ | 8px |
| ລັດສະໝີປຸ່ມ | 16px |
| ລັດສະໝີບັດ | 16px |
| ເງົາ | ບໍ່ມີ - ຂອບແທນທີ່ຈະເປັນເງົາ |
| ລະຫວ່າງພາກສ່ວນຕ່າງໆ | 64-96px |
| ຄວາມກວ້າງຂອງໜ້າ | 1200px |
AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ Superhuman ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ
- ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
- ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
- ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
- ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.
ແບບທີ່ຄ້າຍຄືກັນ
- AI for Business — ຫ້ອງວາງສະແດງບັນນາທິການແບບ Brutalist ໃນໂທນສີເທົາອົບອຸ່ນ
- Jeton — ບົດບັນນາທິການກ່ຽວກັບ fintech ເທິງຫີນອ່ອນອຸ່ນ
- Airtable — ການສຳມະນາທີ່ອົບອຸ່ນພ້ອມດ້ວຍບົດຕ່າງໆທີ່ມີສີທີ່ແຕກຕ່າງກັນ
- Osmo — ພິພິທະພັນນັກພັດທະນາເທິງຄອນກີດສີເທົາ
- Linktr — ໂປສເຕີບັນນາທິການຖືກວາງຊ້ອນກັນຄືກັບເຂົ້າໜົມອົມ. ເວັບໄຊທ໌ຖືກອອກແບບດ້ວຍທ່ອນສີຕ່າງໆ, ມີຫົວຂໍ້ສີຂຽວສົດໃສຕິດກັບຝາສີຟ້າໂຄບານ, ແລະອົງປະກອບການນຳທາງຮູບຊົງເມັດສີຂາວລອຍຢູ່ເທິງທົ່ງຫຍ້າສີແດງເຂັ້ມ.
- Outsource Consultants — ແຜ່ນສະຖາປັດຕະຍະກຳຂະໜາດໃຫຍ່ໃສ່ເຈ້ຍກະດູກ. ຄວາມງາມແບບ monographic, ບ່ອນທີ່ມີແຜ່ນສີຄາມສົດໃສພຽງແຜ່ນດຽວຂັດຂວາງຕາຂ່າຍໄຟຟ້າທີ່ອົບອຸ່ນ ແລະ ມີຮູບແບບຕົວອັກສອນສູງສຸດ.
- Streamtime — ກະດານອາລົມສ້າງສັນແບບສຳຜັດ - ໂຕະ Scrapbook ສຳລັບອອກແບບ
- Switch-Lit — ຕາຂ່າຍບັນນາທິການພິມດ້ວຍໝຶກໃສ່ເຈ້ຍສີຄີມ
- HubSpot — ເຈ້ຍສີຄຣີມອຸ່ນໆທີ່ມີສີສົ້ມດຽວ. HubSpot ຄ້າຍຄືກັບວາລະສານນັກອອກແບບທີ່ພິມຢູ່ເທິງເຈ້ຍໜາ - ຫົວຂໍ້ຂ່າວແບບ serif, ໜ້າສີຄຣີມອຸ່ນໆ, ແລະສີສົ້ມຮ້ອນໆດຽວທີ່ເນັ້ນໃສ່ຈຸດທີ່ສຳຄັນທີ່ສຸດເທົ່ານັ້ນ.
- Granola — ບັນທຶກພາກສະໜາມໃສ່ຜ້າໜັງອຸ່ນໆ—Granola ອ່ານຄືກັບປື້ມບັນທຶກ Moleskine ທີ່ເກົ່າແລ້ວເປີດຢູ່ເທິງໂຕະທີ່ມີແສງແດດສ່ອງເຖິງ: ຫົວຂໍ້ແບບ serif ໃຫ້ຄວາມຮູ້ສຶກທີ່ແຂງແກ່ນ, ມີການເນັ້ນສີຂຽວອໍແກນິກຄືກັບນໍ້າມຶກຈາກພືດ, ແລະເສັ້ນບາງໆຢູ່ຂອບຂອງບັດທີ່ຄ້າຍຄືກັບບັນທຶກທີ່ຂຽນດ້ວຍມື.
- Secure — ການສົນທະນາໃນຮ້ານກາເຟແບບເອີຣົບໃນແສງແດດອ່ອນໆ ເປັນການຖ່າຍຮູບວິດີໂອທີ່ອົບອຸ່ນ ແລະ ທັນສະໄໝ, ເຊິ່ງຫົວຂໍ້ຂ່າວແບບ serif ອ່ານຄືກັບບົດຄວາມວາລະສານທີ່ມີຄວາມຄິດຫຼາຍກວ່າໜ້າຜະລິດຕະພັນເຕັກໂນໂລຢີ.
- Mockups made easy — ສະຕູດິໂອອອກແບບບັນນາທິການໃນເຈ້ຍຂາວ