Creative Giants
โปสเตอร์บทความขนาดใหญ่ พิมพ์บนกระดาษสีครีม
Creative Giants ดูเหมือนหน้าคู่ในสมุดภาพขนาดใหญ่ที่สร้างขึ้นจากโค้ด: พื้นหลังสีครีมโทนอบอุ่น ขอบบาง และตัวอักษรขนาดใหญ่จนดูเหมือนโปสเตอร์มากกว่าพาดหัวข่าว ระบบทั้งหมดทำงานบนพื้นที่ว่างและขนาดเดียวที่เบา (300) – พาดหัวข่าวแทบจะไม่ได้ยินที่ขนาด 64–84 พิกเซล แทนที่จะโดดเด่นด้วยตัวหนา และระยะห่างระหว่างตัวอักษรจะลดลงอย่างรวดเร็ว (-0.04em) เมื่อขนาดตัวอักษรเพิ่มขึ้น ทำให้คำดูเหมือนถูกแกะสลักมากกว่าถูกลอกออก โทนสีถูกกระจายด้วยฝีแปรงขนาดเล็กที่อิ่มตัว: สีม่วงสดใส สีฟ้าเทอร์ควอยซ์เข้ม สีฟ้าอ่อน สีชมพูสด สีมิ้นต์ และสีกรมท่า ปรากฏเป็นพื้นผิวหรือส่วนเน้นของการ์ด แทนที่จะเป็นสีพื้นหลัง องค์ประกอบแบบโต้ตอบเป็นรูปทรงสีดำบนพื้นหลังสีครีมที่มีรัศมีโค้งมนอย่างสมบูรณ์ (1440 พิกเซล) ในขณะที่องค์ประกอบโครเมียมแทบมองไม่เห็น – โลโก้กลมเดียวและปุ่ม "เมนู" ลอยอยู่ในพื้นที่สีขาว แนวคิดด้านภาพคือแผ่นรวมภาพตัวอย่างของสตูดิโอผลิตงาน: หัวข้อข่าวขนาดใหญ่หนึ่งหัวข้อ ภาพถ่ายเต็มหน้าหนึ่งภาพ และข้อความอธิบายสั้นๆ หนึ่งบรรทัด ทุกหน้าอื่นๆ ควรใช้สไตล์ที่กระชับเช่นเดียวกัน
การจัดวางหน้าแบบเต็มพื้นที่: ไม่มีคอนเทนเนอร์ที่มีความกว้างสูงสุด เนื้อหาจะใช้ความกว้างทั้งหมดของหน้าโดยมีระยะขอบด้านซ้ายและขวาเท่ากัน (16–32 พิกเซลบนมือถือ 32 พิกเซลขึ้นไปบนเดสก์ท็อป) หัวข้อหลักเป็นหัวข้อขนาดใหญ่เพียงหัวข้อเดียว (“CREATIVE GIANTS” ที่ 84 พิกเซล) ซึ่งใช้พื้นที่ประมาณ 40% ของหน้าจอ ตามด้วยภาพถ่ายเต็มพื้นที่พร้อมแท็กเมตาที่มุมล่างซ้ายและชื่อเรื่องซ้อนทับ การจัดวางส่วนต่างๆ เป็นแบบโมโนลิธ: แต่ละส่วนใหม่เริ่มต้นด้วยข้อความตัวพิมพ์ใหญ่ทั้งหมดจำนวนเล็กน้อยและคำอธิบาย คั่นด้วยพื้นที่ว่าง 48–64 พิกเซล ไม่มีแถบสีเข้ม/อ่อนสลับกัน ยกเว้นการ์ดเน้นสีน้ำเงินเข้มแบบกลับด้านหนึ่งใบ เนื้อหาจัดชิดซ้าย ไม่มีบล็อกจัดกึ่งกลาง ยกเว้นหัวข้อหลัก ส่วนข่าว/กรณีศึกษาใช้ตารางการ์ดสามคอลัมน์พร้อมบล็อกลูกศรลอยอยู่ทางด้านขวา การนำทางทำได้ผ่านส่วนหัวด้านบนเพียงส่วนหัวเดียว โดยไม่มีแถบด้านข้างหรือองค์ประกอบที่ยึดตรึงใดๆ นอกเหนือจากส่วนหัวนั้นเอง การจัดวางโดยรวมนั้นกว้างขวางและสอดคล้องกับสไตล์การจัดพิมพ์: แต่ละส่วนดูโปร่งโล่ง และพื้นที่ว่างเป็นองค์ประกอบโครงสร้างหลัก
การออกแบบเน้นการถ่ายภาพเชิงบรรณาธิการ: ภาพจะครอบคลุมความกว้างทั้งหมดของหน้ากระดาษ มีมุมแหลมคม และไม่มีส่วนที่ซ้อนทับหรือขอบโค้งมน สไตล์เน้นไปทางสารคดีและบรรยากาศ เช่น มือที่เหี่ยวย่น งานศิลปะสาธารณะ และภาพถ่ายผู้คนแบบสบายๆ โดยไม่ใช้ภาพถ่ายสินค้าที่จัดฉาก ภาพจะถูกนำเสนอในขนาดใหญ่เสมอ (เต็มความกว้างของหน้าจอหรือเต็มการ์ด) ดังนั้นหน่วยการออกแบบจึงเป็นภาพถ่าย ไม่ใช่ส่วนติดต่อผู้ใช้ ไม่มีภาพประกอบ โมเดล 3 มิติ หรือภาพจำลองผลิตภัณฑ์ ไอคอนมีน้อยมาก: โลโก้วงกลมขนาดเล็กเพียงอันเดียว ลูกศรแบบมีเส้นขอบบนส่วนควบคุมของภาพสไลด์ และไอคอน UI ขนาดเล็กที่มีเส้นขอบ 1 พิกเซล ความหนาแน่นของภาพถูกกำหนดโดยตัวภาพเอง และข้อความทำหน้าที่เป็นเลเยอร์คำอธิบายประกอบอย่างรอบคอบอยู่ด้านล่างหรือด้านบนของภาพถ่าย
จานสี
ยี่ห้อ
- Magenta Bloom
#8a0467— สีชมพูใช้เป็นสีเสริมสำหรับรายละเอียดตกแต่งและเพื่อเน้นคำค้นหาที่ใช้ไม่บ่อยนัก ไม่ควรใช้เป็นสีหลักสำหรับข้อความกระตุ้นการกระทำ - Forest Teal
#03624c— สีที่โดดเด่นและหรูหราสำหรับตกแต่งกรอบการ์ดและของประดับตกแต่งต่างๆ เข้ากันได้ดีกับสี Magenta Bloom เพื่อให้ได้ลุคทูโทนที่สวยงาม
เป็นกลาง
- Bone White
#fffef7— พื้นผิวของหน้ากระดาษ กระดาษแข็ง และตัวอักษรบนพื้นหลังสีเข้ม เป็นเฉดสีครีมโทนอบอุ่นที่มาแทนที่สีเทาเข้ม (#ffffff) ทำให้ระบบโดยรวมดูเหมือนกระดาษที่พิมพ์ออกมา - Ink Black
#000000— สีเข้มช่วยเสริมข้อความและไอคอนที่เป็นกลาง และสร้างความแตกต่างที่ชัดเจน หลีกเลี่ยงการใช้สีเข้มเป็นสีหลักสำหรับข้อความกระตุ้นการกระทำ - Graphite
#666666— ข้อความรอง คำบรรยายภาพ ข้อมูลเมตา และข้อความสนับสนุนจะถูกผลักไปอยู่ด้านหลัง เพื่อให้ข้อความหลักโดดเด่นขึ้นมา - Ash
#aaaaaa— เส้นขอบช่องป้อนข้อมูล สีของลิงก์ที่ไม่ใช้งาน เส้นคั่นระดับที่สาม - สีเทาอ่อนแบบโครงสร้างที่หายไปเมื่อไม่ต้องการใช้งาน - Charcoal Scale
#4d4c4a— ใช้สีกลางๆ สำหรับขอบรายการ โดยเพิ่มความคมชัดเล็กน้อยบนเส้นทางไล่ระดับสีเข้ม - สีเทาโทนอบอุ่นแทนที่จะเป็นสีเทาอมฟ้า - Powder Blue
#a5c8eb— การใช้สีโทนอ่อน เช่น พื้นหลังแบบโปสการ์ด พื้นหลังเบลอ หรือสีภาพประกอบที่ไม่ฉูดฉาด จะช่วยลดความร้อนแรงของพื้นหลังลงโดยไม่ทำให้เกิดการแข่งขันกับสีอื่น
การจัดพิมพ์
จาก 12 เป็น 84 พิกเซล · 7 ขั้นตอน
- Switzer — ทดแทน: Inter (300 · โครงร่าง 300, 400 · ระบบแบบอักษรเดียว: น้ำหนัก 300 สำหรับองค์ประกอบแสดงผลและหัวข้อทั้งหมด (12–84 พิกเซล) น้ำหนัก 400 สำหรับข้อความหลัก เมตาเดตา และส่วนควบคุม UI ตัวเลือกที่แนะนำคือการใช้น้ำหนัก 300 สำหรับขนาด 64–84 พิกเซล—ระบบส่วนใหญ่ใช้แบบอักษรตัวหนาขนาด 700–800 ในส่วนนี้—แบบอักษร Switzer ที่มีโทนสีอ่อนช่วยคงเส้นบางๆ ทำให้เกิดความรู้สึกเหมือนตัวอักษรที่พ่นสีบนพื้นสีครีม ระยะห่างระหว่างตัวอักษรที่แคบลงเมื่อขนาดเพิ่มขึ้น (-0.04em ที่ 84 พิกเซล, -0.018em ที่ 14 พิกเซล) ช่วยให้พื้นที่ภายในดูโปร่งโล่งโดยไม่ทำให้รู้สึกว่าตัวอักษรเบาบางเกินไป
ช่วงเวลาและรูปแบบ
| วัตถุประสงค์ | ความหมาย |
|---|---|
| ความหนาแน่น | เฉลี่ย |
| ขั้นตอนพื้นฐาน | 8px |
| รัศมีปุ่ม | 1440px |
| รัศมีการ์ด | 0px |
| เงา | ไม่ - ใช้เส้นขอบแทนเงา |
| ระหว่างส่วนต่างๆ | 64px |
AI จะสร้างเว็บไซต์ของคุณในสไตล์ของ Creative Giants และเติมข้อมูลลงไป
- ใส่สินค้าและโพสต์ผ่านลิงก์ - Instagram, TikTok, Facebook
- ย้ายเนื้อหาจากเว็บไซต์เก่าของคุณ—เพียงระบุที่อยู่เว็บไซต์
- ดีไซน์ทันสมัยบนเอนจิ้นที่ดีที่สุด: React ( Next.js) พร้อมการเรนเดอร์ฝั่งเซิร์ฟเวอร์และการเพิ่มประสิทธิภาพ SEO ในตัว
- การเพิ่มประสิทธิภาพ SEO แบบอัตโนมัติเต็มรูปแบบสำหรับผลการค้นหาและคำแนะนำจากโครงข่ายประสาทเทียม
สไตล์ที่คล้ายกัน
- ElevenLabs — ภาพถ่ายเชิงสารคดีในโทนสีครีมอบอุ่น พร้อมหัวข้อข่าวที่ไม่ฉูดฉาด สมุดบันทึกสไตล์เบาเฮาส์—กระดาษสีเปลือกไข่ หมึกสีดำ และสีม่วงและสีส้มเพียงเล็กน้อยสำหรับตกแต่งเพื่อแสดงสินค้า
- monopo saigon — แสงเรืองรองระยิบระยับราวกับของเหลวอยู่เบื้องหลังความเงียบงันของกองบรรณาธิการ—แกลเลอรีภาพถ่ายขาวดำที่ลอยล่องอยู่บนแสงหลอมเหลว
- Awesomic — แผ่นตาข่ายสังกะสีสำหรับงานบรรณาธิการ พร้อมเครื่องหมายวรรคตอนสีส้มที่ชวนให้นึกถึงกระดาษโปรย
- Monad — บทบรรณาธิการวารสารทางเทคนิคเกี่ยวกับกระดาษหนังอุ่น
- Dub — แผงควบคุมกระดาษข้าวแบบด้านของ Link
- Seline Analytics — โต๊ะวิเคราะห์ที่เงียบสงบ บนกระดาษอุ่นๆ
- Notion — สมุดบันทึกกระดาษอุ่นๆ ท่ามกลางแสงแดดกลางวัน
- Hyer Aviation — ยามพลบค่ำในห้องนักบินเหนือกระดาษปาร์ชเมนต์ ท้องฟ้าสีซีดในยามรุ่งอรุณบรรจบกับโลโก้ตัวอักษรแบบมีเชิงขนาดเท่าลำตัวเครื่องบิน และสีดินเผาโทนอบอุ่นเพียงสีเดียวช่วย打破ความเรียบง่ายแบบขาวดำ
- Anthropic — วารสารภาคสนามทางวิทยาศาสตร์บนกระดาษหนังลูกวัวสีอบอุ่น—พื้นผิวสีงาช้างเรียบลื่น หัวข้อบรรณาธิการแบบมีเชิง และรายละเอียดสีดินเหนียวเพียงจุดเดียวที่ปรากฏขึ้นเฉพาะเมื่อจำเป็นต้องมีการดำเนินการ
- Calendly — หมึกสีน้ำเงินเข้มบนหินอ่อนเย็น
- Augen Pro — การตกแต่งสีขาวของ Apple โดดเด่นด้วยสีฟ้าสดใสที่ดูสะอาดตาและไร้น้ำหนัก เป็นเพียงสีเดียวที่ใช้เป็นจุดเด่นในพื้นที่สีขาวดำ
- OFF+BRAND. — ทรงกลมเหลือบสีบนกระดาษปาร์ชเมนต์อุ่นๆ