Acne Studios
พื้นที่จัดแสดงงานศิลปะแบบมินิมอลที่เต็มไปด้วยภาพถ่ายสีสันสดใส—นิตยสารแฟชั่นที่วางอยู่บนพื้นหินอ่อน
Acne Studios ทำงานได้เหมือนนิตยสารแฟชั่นดิจิทัลมากกว่าร้านค้าแบบดั้งเดิม: พื้นที่สีขาว ภาพถ่ายแฟชั่นเต็มหน้า และแทบไม่มีองค์ประกอบส่วนติดต่อผู้ใช้เลย หน้าเว็บทั้งหมดให้ความรู้สึกเหมือนงานศิลปะที่ประณีตบรรจง ภาพสินค้าจัดเรียงเป็นตารางแน่นๆ เต็มพื้นที่ และเครื่องหมายวรรคตอนทางตัวอักษรเพียงอย่างเดียวคือตัวอักษรพิมพ์ใหญ่ขนาดเล็กที่เว้นระยะห่างอย่างดี สีน้ำเงินโคบอลต์สดใสอันเป็นเอกลักษณ์ (#0018a8) ถูกใช้เพียงเล็กน้อยบนลิงก์และองค์ประกอบแบบโต้ตอบ ไม่เคยใช้เป็นปุ่มที่เติมสี ทำให้ภาพถ่ายดึงดูดความสนใจ องค์ประกอบต่างๆ ถูกออกแบบมาให้เบาอย่างจงใจ: ไม่มีเงา ไม่มีพื้นผิวแข็งเหมือนกระดาษแข็ง ไม่มีภาชนะทรงโค้งมน ไม่มีกรอบตกแต่ง ช่องว่างระหว่างองค์ประกอบทำหน้าที่เชิงโครงสร้างเช่นเดียวกับที่ความสูงทำหน้าที่ในส่วนอื่นๆ
รูปแบบหน้าเว็บแบบเต็มความกว้างโดยไม่มีข้อจำกัดความกว้างสูงสุด หน้าเว็บเป็นไปตามจังหวะการจัดวางเนื้อหาอย่างเคร่งครัด: (1) แถบนำทางด้านบนคงที่พร้อมลิงก์ข้อความและตัวนับตะกร้าสินค้า (2) ส่วนหัวแบบแบ่ง 50/50 พร้อมโลโก้ซ้อนทับ (3) ตารางสินค้า 4 คอลัมน์โดยไม่มีช่องว่างระหว่างกัน (4) แถวบทความ 5 คอลัมน์โดยไม่มีช่องว่างระหว่างกัน ทุกส่วนจัดเรียงในแนวตั้งโดยมีช่องว่างเท่ากัน ตารางเป็นเส้นตรงเสมอ ไม่มีการจัดวางแบบไม่สมมาตรหรือแบบโมเสก การนำทางเรียบง่าย มีเพียงแถบด้านบน ไม่มีแถบด้านข้างหรือเมนูขนาดใหญ่ รูปแบบการอ่านจากซ้ายไปขวา บนลงล่าง เหมือนกับหน้าคู่ของนิตยสารแฟชั่นที่พิมพ์ออกมา
การถ่ายภาพคือตัวผลิตภัณฑ์ทั้งหมด การถ่ายภาพแฟชั่นในนิตยสารส่วนใหญ่จะใช้ภาพเต็มจอ: นางแบบในสไตล์ล้ำสมัยกับฉากหลังสตูดิโอที่เป็นกลาง (สีเทา ผ้าลายทาง การตกแต่งภายในที่ดูเรียบง่าย) ผลิตภัณฑ์จะถูกถ่ายกับฉากหลังสีขาวบริสุทธิ์ โดยไม่มีบริบทของไลฟ์สไตล์ใดๆ ภาพประกอบรองได้แก่ บรรจุภัณฑ์ของแบรนด์ (กล่องสีชมพูของ Acne Studios) หน้าร้าน และภาพสถาปัตยกรรม ไม่มีภาพประกอบ ไม่มีไอคอนใดๆ นอกจากสัญลักษณ์เส้นตรงแบบง่ายๆ ไม่มีไล่ระดับสี ไม่มีภาพเรนเดอร์ 3 มิติ ภาพทั้งหมดเป็นรูปสี่เหลี่ยมผืนผ้าที่มีมุมแหลมคม—ไม่มีการมาสก์ ไม่มีมุมโค้งมน ไม่มีภาพซ้อนทับ บทบาทของภาพไม่ใช่การสร้างบรรยากาศตกแต่ง แต่เป็นการนำเสนอเนื้อหาหลัก ภาพใช้พื้นที่ประมาณ 90% ของพื้นที่พิกเซลที่มองเห็นได้
จานสี
ยี่ห้อ
- Electric Cobalt
#0018a8— สีม่วงใช้เป็นสีเสริมสำหรับรายละเอียดตกแต่งและเพื่อเน้นความถี่ต่ำ ไม่ควรใช้เป็นสีหลักในการกระตุ้นให้เกิดการกระทำ
เป็นกลาง
- Ink Black
#000000— ข้อความหลัก โลโก้ โครงร่างไอคอน ป้ายกำกับการนำทาง และข้อความส่วนท้าย ใช้ค่าอัตราส่วนความคมชัด 21:1 บนพื้นหลังสีขาวเพื่อให้อ่านได้ชัดเจนที่สุด - Graphite
#6b6b6b— รองรับสีกลางสำหรับ UI รอง เส้นแบ่ง และป้ายกำกับที่ไม่ฉูดฉาด - Paper White
#ffffff— พื้นที่หน้าเว็บ พื้นหลังของการ์ดผลิตภัณฑ์ และพื้นผิวของแถบนำทาง คือรากฐานหลักที่ช่วยให้ภาพถ่ายเชิงบรรณาธิการ "หายใจ" ได้อย่างเต็มที่ - Bone
#f2f2f2— การปรับโทนสีเงาอย่างละเอียดอ่อนและการเก็บรายละเอียดขอบอย่างประณีตช่วยสร้างภาพซ้อนทับที่น่าทึ่ง หากใช้ในปริมาณที่เหมาะสม ระบบนี้จะเน้นพื้นที่ว่างมากกว่าพื้นผิวที่มีการลงสี
การจัดพิมพ์
จาก 120 เป็น 120 พิกเซล · 1 ขั้นตอน
- Helvetica Monospaced Pro — ทดแทน: Inter · โครงร่าง 400 · ฟอนต์ Helvetica Monospaced Pro - พบในข้อมูลที่ดึงมาได้ แต่ไม่ได้ถูกอธิบายไว้โดย AI
- Acne Studios (custom wordmark) — ทดแทน: GT Walsheim or Manrope at matching optical size and weight · โครงร่าง 400-500 · โลโก้แบรนด์ขนาดใหญ่ถูกซ้อนทับลงบนภาพหลัก ตัวอักษรมีโครงสร้างทางเรขาคณิตที่มีปลายแบบมนุษยนิยม ไม่มีฟอนต์ระบบใดสามารถจำลองได้ แต่ลักษณะตัวอักษรนั้นใกล้เคียงที่สุดกับฟอนต์ sans-serif ทางเรขาคณิตที่มีช่องว่างกว้าง
- Helvetica Neue / system sans — ทดแทน: Helvetica or Inter · โครงร่าง 400 · ข้อความสำคัญทั้งหมดในส่วนติดต่อผู้ใช้ ได้แก่ ลิงก์นำทาง หัวข้อส่วนต่างๆ คำอธิบายผลิตภัณฑ์ และส่วนท้ายเอกสาร จะแสดงผลด้วยตัวพิมพ์ใหญ่ทั้งหมด โดยเว้นระยะห่างระหว่างตัวอักษรกว้าง ซึ่งการออกแบบตัวอักษรแบบนี้เป็นองค์ประกอบที่ไม่ใช่ภาพถ่ายที่จดจำได้ง่ายที่สุดบนเว็บไซต์
ช่วงเวลาและรูปแบบ
| วัตถุประสงค์ | ความหมาย |
|---|---|
| ความหนาแน่น | เฉลี่ย |
| ขั้นตอนพื้นฐาน | 10px |
| รัศมีปุ่ม | 0px |
| รัศมีการ์ด | 0px |
| เงา | ไม่ - ใช้เส้นขอบแทนเงา |
| ระหว่างส่วนต่างๆ | 60px |
AI จะสร้างเว็บไซต์ของคุณในสไตล์ของ Acne Studios และเติมข้อมูลลงไป
- ใส่สินค้าและโพสต์ผ่านลิงก์ - Instagram, TikTok, Facebook
- ย้ายเนื้อหาจากเว็บไซต์เก่าของคุณ—เพียงระบุที่อยู่เว็บไซต์
- ดีไซน์ทันสมัยบนเอนจิ้นที่ดีที่สุด: React ( Next.js) พร้อมการเรนเดอร์ฝั่งเซิร์ฟเวอร์และการเพิ่มประสิทธิภาพ SEO ในตัว
- การเพิ่มประสิทธิภาพ SEO แบบอัตโนมัติเต็มรูปแบบสำหรับผลการค้นหาและคำแนะนำจากโครงข่ายประสาทเทียม
สไตล์ที่คล้ายกัน
- Agence Foudre — หน้าปกนิตยสารเป็นสีชมพูอ่อนคล้ายสีลิปสติก
- INVERSA — สถานีภาคสนามด้านภูมิประเทศในเวลาเที่ยงคืน แผงควบคุมคำสั่งที่มืดมิด ซึ่งมีตัวอักษรขนาดใหญ่และเครื่องหมายสีเขียวนีออนเพียงชั้นเดียวซ้อนทับอยู่บนภาพถ่ายดาวเทียมของโลก โดยแต่ละป้ายกำกับเป็นสีขาวดำ ราวกับกำลังอ่านพิกัดภารกิจ
- GTE — สถานีซื้อขายหลักทรัพย์ด้านหลังไฟส่องสว่างในแกลเลอรี่
- Diabla — ลานบ้านสไตล์เมดิเตอร์เรเนียนยามเที่ยงวัน – ผนังสีชมพูซีดจางจากแสงแดด ผ้าใบกันแดดสีแดงสดผืนหนึ่ง และพาดหัวข่าวแบบตัวอักษรมีเชิงที่ทอดยาวไปทั่วท้องฟ้า
- Le Puzz — Sunny Sunday Circular เป็นหนังสือพิมพ์แท็บลอยด์ที่เต็มไปด้วยปริศนา
- Subset — บูติกสำหรับบรรณาธิการที่ทำจากผ้าลินินดิบ
- Cursor — ห้องทำงานเขียนบนกระดาษหนังที่อบอุ่น สว่างไสวด้วยแสงจากถ่านที่กำลังคุอยู่
- MindMarket — หนังสือนิทานแสนอบอุ่นบนกระดาษสีครีม – พื้นที่บรรณาธิการที่เป็นมิตรซึ่งพาดหัวข่าวขนาดใหญ่ของ Inter และตัวการ์ตูนกระดาษที่ตัดออกมาอยู่ร่วมกันบนพื้นผิวที่นุ่มนวลราวกับสติ๊กเกอร์ที่อาบแสงแดด
- Lamborghini — รถสีดำในโชว์รูม ใต้แสงไฟสปอตไลท์ มีรถสีเหลืองคันหนึ่งจอดอยู่
- Amplemarket — สถานที่ทำงานที่อาบไปด้วยแสงแดดและโปรยปรายด้วยกระดาษสีสันสดใส
- Getharvest — โต๊ะทำงานในยามเย็นแสงสีทอง – พื้นหลังสีครีมอบอุ่น โปสการ์ดสีขาวแขวนอยู่บนพื้นหลัง และเปลวไฟสีส้มสดใสเพียงดวงเดียว
- Drive Capital — โปสเตอร์การเดินทางย้อนยุคบนกระดาษสีอบอุ่น