
Bpco
แถลงการณ์ด้านการออกแบบตัวอักษรที่สร้างจากแผ่นคอนกรีต ชุดเอกสารประชาสัมพันธ์ขาวดำที่ใช้ฟอนต์ Helvetica ขนาดใหญ่เลียนแบบภาพถ่าย และพื้นผิวเดียวที่ปรากฏคือกระดาษยับย่นแผ่นเดียวที่อยู่ใต้ตัวอักษรหลัก
Bigpicture ใช้ระบบแก้ไขแบบขาวดำที่มองเว็บเพจเหมือนชุดเอกสารประชาสัมพันธ์ที่พิมพ์ลงบนกระดาษดิบ อินเทอร์เฟซปราศจากสีสันโดยสิ้นเชิง อาศัยเพียงหมึกสีดำ พื้นที่ว่าง เส้นบางๆ และพื้นผิวที่เรียบเนียนเหมือนกระดาษยับเพื่อสร้างบรรยากาศ การจัดวางตัวอักษรเป็นแบบสำเร็จรูป: หัวข้อสูงถึง 274 พิกเซลในแบบอักษร Helvetica Neue 700 พร้อมระยะห่างระหว่างตัวอักษรที่มากเกินไป ทำให้ข้อความกลายเป็นองค์ประกอบภาพที่โดดเด่นบนทุกหน้าจอ คำบรรยายแบบตัวอักษรคงที่ ([01-N INTRODUCTION], CREATIVE/AGENCY) ทำหน้าที่เหมือนลายเซ็นสไตล์สิ่งพิมพ์ และไอคอนสี่เหลี่ยมมันวาวทำหน้าที่เป็นเพียงการตกแต่งระหว่างส่วนต่างๆ การจัดวางนั้นกว้างขวางและชวนให้นึกถึงการจัดพิมพ์ด้วยตนเอง—ช่องว่าง 72 พิกเซลระหว่างส่วนต่างๆ ระยะขอบแนวนอน 144-250 พิกเซล และบล็อกรูปภาพเต็มความกว้างที่มีมุม 288 พิกเซล ทำให้หน้าเว็บดูโปร่งโล่งเหมือนกำแพงแกลเลอรี่มากกว่าจะเป็นซอฟต์แวร์
ความกว้างสูงสุดอยู่ที่ประมาณ 1440 พิกเซล จัดวางอยู่ตรงกลางโดยมีระยะห่างแนวนอน 40–144 พิกเซล ขึ้นอยู่กับความหนาแน่นของส่วนต่างๆ ภาพหลักเป็นภาพเต็มความกว้างที่มีข้อความซ้อนทับอยู่ ด้านล่างภาพ เนื้อหาจะสลับกันระหว่างบล็อกข้อความที่จัดวางอยู่ตรงกลางและตัวอักษรที่พิมพ์เต็มขอบ ส่วนล่าง 60% ของหน้าเว็บเป็นข้อความยาวที่เลื่อนได้ โดยใช้ตัวอักษรขนาดใหญ่ที่เติมเต็มความกว้างของหน้าจอทีละบรรทัด คั่นด้วยเส้นแบ่งมันวาว การนำทางเป็นแถบแบบลอยตัวที่อยู่ตรงกลางด้านบนของหน้าจอ แทนที่จะเป็นแผงเต็มความกว้าง ส่วนท้ายเป็นแถบเดียวที่มีเส้นขอบบางๆ
ภาพถ่ายเป็นองค์ประกอบหลักบนหน้าจอ โดยเป็นภาพสถาปัตยกรรมขนาดใหญ่และภาพโฆษณากลางแจ้ง (ป้ายโฆษณา ป้ายตกแต่งอาคาร โฆษณาตามท้องถนน) แสดงผลเต็มขนาดพร้อมมุมโค้งมน ส่วนล่างของหน้าจอมีการเพิ่มพื้นผิวเหมือนกระดาษยับ ทำให้เกิดความรู้สึกสัมผัสได้และทำให้หน้าตาของอินเทอร์เฟซดูเหมือนนิตยสารที่พิมพ์ออกมา ไอคอนรูปโลกขนาดเล็กที่วาดด้วยเส้นเป็นองค์ประกอบภาพประกอบเพียงอย่างเดียว ไม่มีเอฟเฟกต์ 3 มิติ ไม่มีไล่ระดับสีแบบนามธรรม ไม่มีภาพจำลองผลิตภัณฑ์ ภาพเหล่านี้เป็นภาพสารคดี ภาพอุตสาหกรรม และอิงจากผลงานโฆษณากลางแจ้งของบริษัท
จานสี
เป็นกลาง
- Press Ink
#121212— ข้อความหลัก เส้นบาง เส้นขอบส่วนต่างๆ เส้นขอบไอคอน และข้อความส่วนท้าย ล้วนใช้โทนสีเข้มเพียงโทนเดียว ซึ่งมีข้อมูลสำคัญถึง 95% - Paper White
#ffffff— พื้นหลังหน้ากระดาษ, พื้นผิวกระดาษแข็ง, พื้นหลังแถบนำทาง, พื้นผิวที่มีกรอบชื่อเรื่อง - Newsprint
#f1f1f1— การเติมสีพื้นผิวอย่างประณีต ขอบนุ่มนวล เส้นแบ่งบางๆ โทนสีซ่อนอยู่เบื้องหลังพื้นผิวของกระดาษยับย่น - Foil Gray
#e1e1e1— กรอบสีอ่อน, เน้นด้วยเส้นขอบไอคอน, และตัวแบ่งเพิ่มเติม - Mute Gray
#c5c5c5— ข้อความรอง, สถานะความพิการ, เส้นพื้นผิวที่มีความคมชัดต่ำ
การจัดพิมพ์
จาก 13 เป็น 274 พิกเซล · 6 ขั้นตอน
- Helvetica Neue — ทดแทน: Inter · โครงร่าง 400, 500, 700 · เครื่องมืออเนกประสงค์ - ข้อความหลักขนาด 17px/1.29, หัวข้อขนาด 75–274px พร้อมระยะห่างระหว่างตัวอักษร -0.04em ในขนาดใหญ่ที่สุด, ป้ายกำกับนำทางขนาด 15px
- PPSupplyMono — ทดแทน: JetBrains Mono · โครงร่าง 400 · แท็กเมตาและป้ายกำกับในวงเล็บ เช่น [01-N INTRODUCTION] รวมถึงแท็กส่วน (ADVERTISING, CREATIVE/AGENCY, OFFLINE MARKETING) เป็นเพียงองค์ประกอบทางด้านการพิมพ์ที่ช่วยลดความซ้ำซากจำเจของแบบอักษร Helvetica ลง
- PPSupplySans — ทดแทน: Inter · โครงร่าง 400 · ระบบนำทางรองและข้อความขนาดเล็กในส่วนท้ายของเว็บไซต์ที่ต้องการใช้แบบอักษร sans-serif ที่แตกต่างออกไป
ช่วงเวลาและรูปแบบ
| วัตถุประสงค์ | ความหมาย |
|---|---|
| ความหนาแน่น | เฉลี่ย |
| ขั้นตอนพื้นฐาน | 50px |
| รัศมีปุ่ม | 8px |
| รัศมีการ์ด | 20px |
| เงา | ไม่ - ใช้เส้นขอบแทนเงา |
| ระหว่างส่วนต่างๆ | 72px |
| ความกว้างของหน้า | 1440px |
AI จะสร้างเว็บไซต์ของคุณในสไตล์ของ Bpco และเติมข้อมูลลงไป
- ใส่สินค้าและโพสต์ผ่านลิงก์ - Instagram, TikTok, Facebook
- ย้ายเนื้อหาจากเว็บไซต์เก่าของคุณ—เพียงระบุที่อยู่เว็บไซต์
- ดีไซน์ทันสมัยบนเอนจิ้นที่ดีที่สุด: React ( Next.js) พร้อมการเรนเดอร์ฝั่งเซิร์ฟเวอร์และการเพิ่มประสิทธิภาพ SEO ในตัว
- การเพิ่มประสิทธิภาพ SEO แบบอัตโนมัติเต็มรูปแบบสำหรับผลการค้นหาและคำแนะนำจากโครงข่ายประสาทเทียม
สไตล์ที่คล้ายกัน
- Steep — การวิเคราะห์แบบอักษร Serif บนกระดาษอุ่น
- Newformcap — บทบรรณาธิการหนังสือพิมพ์ในห้องแต่งตัว
- Claude — สิ่งประดิษฐ์ที่พิมพ์ลงบนกระดาษหนังอุ่นๆ—หมึกบนกระดาษกระดูก ดินเหนียวเป็นเพียงสีสันเดียวที่แทรกอยู่
- 11x– Digital workers — ภาพตัดต่อสไตล์ภาพยนตร์ที่ดูรกร้างว่างเปล่า—ภาพถ่ายพาโนรามาของภูมิประเทศที่ตัดกับพาดหัวข่าวตัวอักษรใหญ่แบบมีเชิงที่อ่านแล้วเหมือนหน้าปกนิตยสารหรูหรา
- Revolut — ผลงานบรรณาธิการขาวดำที่สร้างจากภาพถ่ายก้อนเมฆ—หมึกสีขาว กระดุมแบบกล่องยา และแถบสีฟ้าเพียงเส้นเดียวในโลกสีเทา
- Scheduling — หมึกพิมพ์บรรณาธิการบนกระดาษสีครีม
- Titan — คลังภาพขาวดำโทนสีอบอุ่น
- Programa — สตูดิโอออกแบบของสวิสในช่วงกลางวัน ผนังสีขาวสว่างไสวด้วยโคมไฟตั้งโต๊ะสีเหลืองเพียงดวงเดียว ทุกอย่างเป็นโทนสีเทาจนกระทั่งปุ่ม ไอคอน หรือของตกแต่งชิ้นใดชิ้นหนึ่งดึงดูดสายตา และสีเหลืองนั้นเองก็เป็นจุดเด่นที่กำหนดภาพรวมของห้องทั้งหมด
- Sana Agents — ประกายสีเขียวมะนาวบนพื้นหลังสีขาวในภาพถ่ายเชิงบรรณาธิการ
- Visual — งานพิมพ์ใต้ดินแนวบรรณาธิการที่อบอุ่น กระดาษสีครีม โปสเตอร์แบบมีเชิง ตัวอักษรย่อขาวดำที่ขอบกระดาษ ปากกาเน้นข้อความสีเหลืองหนึ่งด้าม
- Midday — โบรชัวร์สำหรับบรรณาธิการ พิมพ์บนกระดาษหนังลูกวัว - หัวข้อแบบมีเชิงขนาด 72 พิกเซล บนพื้นหลังสีหินอ่อนโทนอบอุ่น เนื้อหาแบบไม่มีเชิงพร้อมเว้นวรรค ปุ่มควบคุมรูปทรงแคปซูล ไม่มีเงา
- Chat for impact — คลินิกสีเขียวเข้มเหมือนป่า พร้อมห้องต่างๆ สีพาสเทล