Electronic Materials Office
ຖ່ານທີ່ເຫຼື້ອມເປັນເງົາຢູ່ໃນຫ້ອງວາງສະແດງທີ່ຕົກແຕ່ງດ້ວຍຖ່ານ
ຫ້ອງການວັດສະດຸເອເລັກໂຕຣນິກແມ່ນກອງປະຊຸມໃນຕອນກາງຄືນ: ຜ້າໃບສີດຳດ້ານ, ຖ່ານສີສົ້ມທີ່ເຫຼື້ອມເປັນສີດຽວ, ແລະຕົວອັກສອນທີ່ເວົ້າກະຊິບແທນທີ່ຈະປະກາດ. ອິນເຕີເຟດປະຕິບັດຕໍ່ແຕ່ລະໜ້າຈໍຄືກັບສະຕູດິໂອທີ່ມືດມົວ - ຮູບຖ່າຍຂອງແປ້ນພິມແມ່ນແຫຼ່ງແສງສະຫວ່າງທີ່ແທ້ຈິງພຽງອັນດຽວ, ແລະ UI ເຊື່ອຟັງມັນ. ຫົວຂໍ້ຂ່າວ, ຕັ້ງຢູ່ໃນ GT-Flexa ນ້ຳໜັກ 200, ລອຍຢູ່ໃນພື້ນທີ່ລົບອັນກວ້າງໃຫຍ່; ສຳເນົາເນື້ອຫາມີຂະໜາດນ້ອຍ ແລະ ມີມະນຸດສະທຳ (Times). ສີຖືກວັດແທກ: ສີຂາວບໍລິສຸດສຳລັບຕົວອັກສອນ, ສີມ່ວງອ່ອນໆ (#9e9eff) ສຳລັບລິ້ງ, ແລະສີສົ້ມດຽວ (#f45500) ການຮຽກຮ້ອງໃຫ້ປະຕິບັດໃນໜ້າທີ່ເຫຼື້ອມເປັນສີ 30px ຂອງມັນເອງ. ອົງປະກອບຕ່າງໆພໍດີກັນພາຍໃນລັດສະໝີ 20px, ຂອບแทบจะບໍ່ສັງເກດເຫັນຢູ່ທີ່ #9d9d9d, ແລະເງົາດຽວໃນລະບົບແມ່ນຮາໂລສີສອງສີອ້ອມຮອບການກະທຳຫຼັກ.
ຜ້າໃບສີຖ່ານທີ່ມີຄວາມກວ້າງເຕັມທີ່ມີເນື້ອຫາຄວາມກວ້າງສູງສຸດຢູ່ໃຈກາງ (~1200px). ໜ້າຈໍຫຼັກເລີ່ມຕົ້ນດ້ວຍບັດສື່ທີ່ມີລັດສະໝີ 20px ທີ່ມີວິດີໂອຜະລິດຕະພັນ, ກວມເອົາປະມານ 80% ຂອງຄວາມກວ້າງຂອງວິວພອດ, ຕາມດ້ວຍຫົວຂໍ້ຂ່າວ GT-Flexa 200 ຫຼາຍແຖວທີ່ຫໍ່ເກືອບເຕັມຄວາມກວ້າງຂອງເນື້ອຫາ. ຈັງຫວະຂອງພາກສ່ວນ: ພາກສ່ວນລາຍລະອຽດຜະລິດຕະພັນດຽວໃນແບບ Tobias-capsule, ຕາມດ້ວຍຕາຂ່າຍໄຟຟ້າ 2x2 (ໃນເດັສທັອບ) ຂອງບັດລາຍລະອຽດຜະລິດຕະພັນ. ບັດໃຊ້ຂອບ #9d9d9d 1px ແລະຮ່ອງລະບາຍ 24px ລະຫວ່າງພວກມັນ. ການຫາຍໃຈແນວຕັ້ງທີ່ກວ້າງຂວາງ - ພາກສ່ວນຕ່າງໆຖືກແຍກອອກດ້ວຍພື້ນທີ່ລົບສີຖ່ານ 48–128px ແທນທີ່ຈະເປັນຕົວແບ່ງ. ການນຳທາງແມ່ນແຜງດຽວ, ໂປ່ງໃສທີ່ຍຶດໄວ້ຢູ່ເທິງສຸດ, ມີກຸ່ມລິ້ງທີ່ເຊື່ອງໄວ້ ແລະ ການຮຽກຮ້ອງໃຫ້ປະຕິບັດ Ember ດຽວ. ບໍ່ມີແຖບດ້ານຂ້າງ, ບໍ່ມີເມນູໃຫຍ່, ບໍ່ມີການນຳທາງສຳຮອງ.
ຮູບພາບເຫຼົ່ານີ້ແມ່ນເພື່ອຈຸດປະສົງໃນການສາທິດຜະລິດຕະພັນເທົ່ານັ້ນ - ຮູບຖ່າຍມະຫາພາກໃກ້ໆຂອງແປ້ນພິມ Altar I ທຽບກັບພື້ນຫຼັງສີດຳໝົດ, ມີແສງໄຟຈາກຂ້າງເທິງ, ເຮັດໃຫ້ເຄສມີແສງ ແລະ ຝາປິດແປ້ນພິມສະທ້ອນແສງອ້ອມຂອບ. ບໍ່ມີວິຖີຊີວິດ, ບໍ່ມີມືມະນຸດ, ບໍ່ມີສະພາບແວດລ້ອມ. ຮູບພາບມີຄວາມຄົມຊັດສູງ ແລະ ມືດ; ສີດຽວທີ່ຢູ່ນອກແຜ່ນສີດຽວແມ່ນສະວິດເປີດປິດສີສົ້ມຢູ່ເທິງແປ້ນພິມເອງ, ເຊິ່ງສະທ້ອນເຖິງການຮຽກຮ້ອງໃຫ້ມີການປະຕິບັດຂອງ Ember Orange. ຮູບພາບແມ່ນຮູບສີ່ຫຼ່ຽມມົນ ຫຼື 16:9, ວາງໄວ້ໃນບັດທີ່ມີລັດສະໝີ 20px ແລະ ຂະຫຍາຍອອກໄປນອກຂອບຂອງບັດສະເໝີ (ບໍ່ມີຂອບອ້ອມຮູບພາບ, ແລະ ຂໍ້ຄວາມຢູ່ລຸ່ມຂອບ). ຮູບແບບໄອຄອນ: ຮູບສັນຍາລັກດຽວແມ່ນວົງມົນນ້ອຍໆທີ່ເຕັມໄປດ້ວຍ (●) ກ່ອນໂລໂກ້ - ຈຸດສີສົ້ມດຽວ, ໜາ ~6px.
ພາເລັດ
ຍີ່ຫໍ້
- Ember Orange
#f45500— ປຸ່ມການກະທຳຫຼັກທີ່ມີການຕື່ມສີແມ່ນພື້ນຜິວສີດຽວໃນ UI, ມາພ້ອມກັບຮາໂລສີສົ້ມ 30px ສະເໝີ, ເຮັດໃຫ້ມັນມີແສງຄືກັບເສັ້ນໃຍ; ແສງພາຍນອກ 30px ໃນປຸ່ມໂທຫຼັກຊ້ຳກັບສັນຍາລັກຫົກຫຼ່ຽມ Ember Orange, ແຕ່ມີຢູ່ເປັນເງົາແທນທີ່ຈະເປັນການຕື່ມສີ, ເຮັດໃຫ້ປຸ່ມເບິ່ງຄືວ່າສະຫວ່າງຈາກພາຍໃນ.
ເປັນກາງ
- Studio Charcoal
#202020— ໜ້າດິນຂອງຜ້າໃບ ແລະ ກະດານແມ່ນຄືກັບພື້ນຂອງຫ້ອງວາງສະແດງສີມືດ, ບໍ່ເຄີຍເປັນສີດຳໝົດ, ດັ່ງນັ້ນຕາຈຶ່ງສາມາດພັກຜ່ອນຢູ່ເທິງຂອບອ່ອນໆໄດ້. - Bone White
#ffffff— ຂໍ້ຄວາມຫຼັກ, ຂອບບາງໆໃນຮູບພາບ, ແລະ ໜ້າຜິວປີ້ນທີ່ຫາຍາກ. ລຳດັບຊັ້ນຕົວອັກສອນທັງໝົດແມ່ນຮັກສາໄວ້ເປັນອິດສະຫຼະ. - Ash Gray
#9d9d9d— ຂໍ້ຄວາມທີ່ປິດສຽງ, ຂອບບັດທີ່ບໍ່ຊັດເຈນ, ແລະ ຄຳບັນຍາຍທີ່ບໍ່ໄດ້ໃຊ້ງານ ແມ່ນສີເທົາກາງພຽງສີດຽວໃນໂຄງສີ, ເຊິ່ງໃຊ້ເມື່ອສີຂາວມີສຽງດັງເກີນໄປ. - Mid Felt
#eaeaea— ການລ້າງໜ້າຜິວໜ້າເບົາໆສຳລັບແຜງກັບດ້ານ ຫຼື ຕາຂ່າຍແບບໂມດໍ - ສີຂາວທີ່ຕັ້ງຢູ່ລະຫວ່າງຜ້າໃບສີເບຈ ແລະ ສີເຂັ້ມ. - Carbon
#000000— ຈຸດເດັ່ນທີ່ໂດດເດັ່ນທີ່ສຸດແມ່ນສຳລັບເສັ້ນຮູບສັນຍາລັກ ແລະ ກອບທີ່ກົງກັນຂ້າມບ່ອນທີ່ຜ້າໃບສີຖ່ານມີນ້ຳໜັກເບົາເກີນໄປທີ່ຈະຮັກສາຮູບຮ່າງຂອງມັນໄດ້ດີ. - Lavender Link
#9e9eff— ສີຂອງລິ້ງທີ່ຝັງຢູ່ ແລະ ໂຄງຮ່າງຂອງກອບການກະທຳເພີ່ມເຕີມແມ່ນກົງກັນຂ້າມກັບສີສົ້ມອຸ່ນໆທີ່ອ່ອນນຸ້ມ ແລະ ເຢັນສະບາຍ, ຮັບປະກັນວ່າການກະທຳເຫຼົ່ານັ້ນສາມາດອ່ານອອກໄດ້ຊັດເຈນເມື່ອທຽບກັບພື້ນຫຼັງສີຖ່ານ.
ຮູບແບບຕົວອັກສອນ
ຈາກ 16 ຫາ 86px · 8 ຂັ້ນຕອນ
- GT-Flexa — ການທົດແທນ: Inter (200/400) or Manrope (200/400) · ໂຄງຮ່າງ 200, 400 · ຟອນຕ໌ຫຼັກສຳລັບຫົວຂໍ້ ແລະ ອົງປະກອບຕົກແຕ່ງ. ນ້ຳໜັກ 200 ອະນຸຍາດໃຫ້ໃຊ້ທຸກໆຫົວຂໍ້ທີ່ສູງກວ່າ 24px - ນີ້ແມ່ນແບບລາຍເຊັນ: ທີ່ 68px ແລະ 86px, ຕົວອັກສອນເບິ່ງຄືວ່າຈະລະລາຍໄປໃນບັນຍາກາດແທນທີ່ຈະຮ້ອງ. ນ້ຳໜັກ 400 ແມ່ນເໝາະສົມສຳລັບຫົວຂໍ້ຍ່ອຍ ແລະ ຄຳບັນຍາຍບັດ, ບ່ອນທີ່ພວກມັນເກືອບບໍ່ໄດ້ຍິນ. ໄລຍະຫ່າງລະຫວ່າງແຖວຖືກຫຼຸດລົງເປັນ 1.0 ໃນຂະໜາດທີ່ໃຫຍ່ທີ່ສຸດ, ດັ່ງນັ້ນຟອນຕ໌ຕົກແຕ່ງຈຶ່ງວາງຊ້ອນກັນຄືກັບເສົາອາກາດ.
- Tobias-light — ການທົດແທນ: Söhne Buch or Inter Tight · ໂຄງຮ່າງ 400 · ຮູບແບບຕົວອັກສອນສຳຮອງສຳລັບຫົວຂໍ້ພາກສ່ວນ ແລະ ໂລໂກ້ສ່ວນລຸ່ມສຸດ. ມັນຖືກນຳໃຊ້ຕໍ່າກວ່າ GT-Flexa 200 ໜຶ່ງຂັ້ນຕອນເພື່ອສ້າງຄວາມແຕກຕ່າງຂອງໂທນສີ - Tobias ມີຄວາມຮູ້ສຶກທາງດ້ານສະຖາປັດຕະຍະກຳ ແລະ ການສະແດງອອກຫຼາຍກວ່າ, ໃນຂະນະທີ່ GT-Flexa ມີບັນຍາກາດຫຼາຍກວ່າ. ໄລຍະຫ່າງຂອງຕົວອັກສອນລົບເຮັດໃຫ້ສັດສ່ວນທີ່ກວ້າງຂວາງຂອງ Tobias Light ແຄບລົງ.
- Times — ການທົດແທນ: Source Serif 4 or PT Serif · ໂຄງຮ່າງ 400 · ຂໍ້ຄວາມໃນໜ້າ ແລະ ວັກຫົວຂໍ້ແມ່ນຈຸດທີ່ກົງກັນຂ້າມກັບຕົວອັກສອນເລຂາຄະນິດທີ່ຕົກແຕ່ງ, ໂດຍໃຊ້ຕົວອັກສອນ serif. ຕົວອັກສອນ serif ເພີ່ມຄວາມອົບອຸ່ນ ແລະ ອຳນາດໃນການແກ້ໄຂໃຫ້ກັບລາຍລະອຽດຜະລິດຕະພັນໂດຍບໍ່ເກີນຂະໜາດຂອງຂໍ້ຄວາມໃນໜ້າ.
ໄລຍະຫ່າງ ແລະ ຮູບແບບ
| ຈຸດປະສົງ | ຄວາມໝາຍ |
|---|---|
| ຄວາມໜາແໜ້ນ | ໜາແໜ້ນ |
| ຂັ້ນຕອນພື້ນຖານ | 4-8px |
| ລັດສະໝີປຸ່ມ | 20px |
| ລັດສະໝີບັດ | 20px |
| ເງົາ | ບໍ່ມີ - ຂອບແທນທີ່ຈະເປັນເງົາ |
| ລະຫວ່າງພາກສ່ວນຕ່າງໆ | 48-128px |
| ຄວາມກວ້າງຂອງໜ້າ | 1200px |
AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ Electronic Materials Office ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ
- ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
- ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
- ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
- ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.
ແບບທີ່ຄ້າຍຄືກັນ
- OFFFICE : — ຫ້ອງວາງສະແດງສິລະປະແບບ Noir ທີ່ເຕັມໄປດ້ວຍຕົວອັກສອນຂະໜາດໃຫຍ່
- Bibliothèque — ຫ້ອງວາງສະແດງຮູບຊົງກ້ອນສີດຳພາຍໃຕ້ແສງໄຟສະປອດໄລ - ແຜ່ນທີ່ມີແສງສະຫວ່າງໂດດດ່ຽວໃນຫ້ອງໂຖງກວ້າງໃຫຍ່ ແລະ ມືດມົວ
- 21 TSI — ຄວາມວ່າງເປົ່າສີແດງເຂັ້ມ, ຮູບຊົງດຽວ - ບົດບັນນາທິການແຟຊັ່ນຊັ້ນສູງບ່ອນທີ່ອິນເຕີເຟດຜູ້ໃຊ້ລະລາຍໄປສູ່ບັນຍາກາດ
- Structured — ຫໍວາງສະແດງ Renaissance ເທິງເຈ້ຍຄ້າຍຄື plasticine
- CHAIBOY — ຝາຜະໜັງຫ້ອງວາງສະແດງສີດຳທີ່ມີຮູບຖ່າຍແສງໄຟດ້ານຫຼັງຮູບດຽວ
- Holiday 100 — ຫ້ອງວາງສະແດງຂອງຂວັນໃນເວລາທ່ຽງຄືນ - ຫົວຂໍ້ຂ່າວແບບ serif ເປັນຈຸດເດັ່ນ, ຜ້າໃບສີເຂັ້ມເປັນຝາຜະໜັງກຳມະຫຍີ, ແລະ ຮູບພາບຜະລິດຕະພັນແຕ່ລະຮູບແຂວນຄືກັບກອບທີ່ເລືອກຢ່າງລະມັດລະວັງ.
- Apple (España) — ຫ້ອງວາງສະແດງຂອງພິພິທະພັນ, ໃນຕອນກາງເວັນອ່ອນໆ, ເປັນພື້ນທີ່ສີຂາວດຽວທີ່ໜ້າສົນໃຈ ແລະ ບໍ່ມີນ້ຳໜັກ, ໂດຍແຕ່ລະງານວາງສະແດງໄດ້ຮັບແສງສະຫວ່າງຈາກໄຟສະປອດໄລ້ຕໍ່ກັບຝາທີ່ມີສີອ່ອນໆ.
- Analogue — ຕູ້ວາງສະແດງສີດຳ - ສິນຄ້າລອຍຢູ່ໃນຄວາມຫວ່າງເປົ່າ
- Apple (España) — ຫໍວາງສະແດງ Obsidian ເປັນຫ້ອງວາງສະແດງທີ່ມືດມົວບ່ອນທີ່ວັດຖຸ titanium ອັນດຽວສ່ອງແສງຕັດກັບພື້ນຫຼັງທີ່ມືດມົວ.
- Studio Oker — ຫ້ອງວາງສະແດງທີ່ມືດມົວພ້ອມດ້ວຍສີແດງເຂັ້ມ - ຫ້ອງວາງສະແດງຜົນງານທີ່ປູດ້ວຍຝາສີດຳ, ບ່ອນທີ່ຕົວອັກສອນສີຂາວເບິ່ງຄືວ່າລອຍຢູ່ ແລະ ສຽງກະຊິບສີແດງດຽວຕັດຜ່ານຄວາມງຽບ.
- 099 SUPPLY — ກຳແພງຫ້ອງວາງສະແດງເຕັມໄປດ້ວຍວັດຖຸສີດຳ ແລະ ສີຂາວ
- Retool — ໂຮງງານຫີນອອບຊີເດຍນທີ່ອົບອຸ່ນ - ໜ້າດິນສຳລັບເຄື່ອງມືທີ່ມີຄວາມແມ່ນຍຳສູງ, ມີໄຟສ່ອງສະຫວ່າງຈາກຖ່ານທີ່ກຳລັງລຸກໄໝ້, ບ່ອນທີ່ທຸກສິ່ງທຸກຢ່າງຖືກສ້າງຂຶ້ນ