ORYZO AI
ภาพถ่ายชุดเกี่ยวกับห้องมืด วัตถุโดดเดี่ยวที่ลอยอยู่ท่ามกลางความมืดอบอุ่น ตัวอักษรสีครีมเป็นสิ่งประดับเพียงอย่างเดียว
ระบบการแสดงผลของ ORYZO นั้นมองผลิตภัณฑ์แต่ละชิ้นเสมือนเป็นงานศิลปะในพิพิธภัณฑ์: ผืนผ้าใบในโทนสีอบอุ่นและเข้ม ตัวอักษรสีครีมลอยอยู่ในพื้นที่ว่างขนาดใหญ่ และไม่มีองค์ประกอบส่วนติดต่อผู้ใช้ใดๆ ที่มาแย่งความสนใจจากรูปทรง ข้อความทั้งหมดเขียนด้วยตัวพิมพ์ใหญ่ทั้งหมดโดยใช้ฟอนต์ขนาด 500 ยกเว้นข้อความหลักที่มีขนาด 29px/400 ซึ่งเป็นองค์ประกอบการสนทนาเพียงอย่างเดียวของระบบ สีส้มสดใสเพียงสีเดียวใช้เฉพาะสำหรับบรรทัดแสดงที่มาและลิงก์ไปยังสตูดิโอเท่านั้น ไม่เคยใช้กับปุ่มหรือคำกระตุ้นการตัดสินใจ จึงทำให้สีนี้หายาก เค้าโครงจะสลับระหว่างสองโหมด: โหมดภาพถ่ายหลัก (ผลิตภัณฑ์อยู่ในบริบทของเครื่องมือและวัสดุ) และโหมดแสดงผลแบบพื้นที่ว่าง (ผลิตภัณฑ์แยกเดี่ยวอยู่บนพื้นหลังสีอบอุ่นและเข้ม) เชื่อมต่อกันด้วยเส้นแบ่งบางๆ เป็นจุดๆ และปุ่มควบคุมรูปทรงแคปซูล
หน้าเว็บทั้งหมดมีความกว้างไม่จำกัด—ไม่มีคอนเทนเนอร์ที่มีความกว้างสูงสุด และแต่ละส่วนใช้พื้นที่ 100vw หน้าแรก: ภาพถ่ายเต็มหน้าจอจากบนลงล่าง พร้อมโลโก้ ORYZO ขนาดใหญ่ (51px+) ที่มุมบนซ้าย สโลแกนอยู่ด้านบน แถบนำทางแบบมินิมอลคงที่อยู่ที่มุมบนขวา แถบด้านข้างแนวตั้งตามขอบด้านขวา การ์ดข้อมูลโปร่งแสงอยู่ที่มุมล่างซ้าย และภาพขนาดย่อของวิดีโออยู่ที่มุมล่างขวา ส่วนถัดไป: ภาพเต็มหน้าจอสี Walnut Shadow พร้อมภาพเรนเดอร์ 3 มิติของผลิตภัณฑ์อยู่ตรงกลาง ล้อมรอบด้วยชื่อเรื่องจัดชิดซ้ายและเนื้อหาจัดชิดขวา—ตารางสามคอลัมน์ (ข้อความ/วัตถุ/ข้อความ) พร้อมช่องว่างกว้าง 18px การเปลี่ยนระหว่างส่วนต่างๆ เป็นไปอย่างราบรื่น สีเข้มบนพื้นหลังสีเข้ม มีเพียงเส้นประบางๆ เป็นตัวแบ่ง แถบนำทางคงที่ โปร่งใส มีองค์ประกอบสูงสุด 4 รายการ ไม่มีแถบด้านข้าง ไม่มีส่วนประกอบเพิ่มเติมในส่วนท้าย ไม่มีบัตรซ้อนบัตร—ทุกหน้าจอให้ความรู้สึกเหมือนเป็นหน่วยเดียว
ภาพถ่ายมีลักษณะเป็นภาพข่าว ถ่ายจากมุมมองด้านบนและอยู่ในบริบท: แผ่นรองแก้วทำจากไม้ก๊อกวางอยู่บนแผ่นรองตัดสีเขียว ล้อมรอบด้วยดินสอ มีดคัตเตอร์ และคลิปหนีบกระดาษ ซึ่งเป็นเครื่องมือที่ใช้ในการทำงานที่มองเห็นได้ในเฟรม แผ่นรองตัดสีเขียว (#445231) เป็นเพียงองค์ประกอบแสดงผล ไม่ใช่ส่วนประกอบ UI ส่วนที่อุทิศให้กับการนำเสนอผลิตภัณฑ์นั้นส่วนใหญ่เป็นภาพเรนเดอร์ 3 มิติ: แผ่นรองแก้วไม้ก๊อกแสดงแยกออกมาจากพื้นหลังสีวอลนัทแชโดว์ ส่องสว่างจากด้านบนขวาด้วยแสงขอบสีอบอุ่น โดยมีมุมมองสลับกันตั้งแต่ด้านบนลงมาถึงสามในสี่ ไม่มีภาพถ่ายไลฟ์สไตล์ ไม่มีคน ไม่มีภาพสต็อก วัตถุเป็นตัวเอก และเครื่องมือเป็นบริบท ภาพครอบคลุมทั้งหน้าจอ มีขอบคมชัด (ไม่มีขอบโค้งมน) และได้รับการประมวลผลด้วยความคมชัดสูงและการปรับสีที่อบอุ่น
จานสี
เป็นกลาง
- Warm Cream
#ffedd7— ตัวอักษรสีอ่อนบนพื้นผิวสีเข้ม คำบรรยายภาพแบบกลับหัว และภาพที่มีความคมชัดสูง - Walnut Shadow
#100904— พื้นหลังและส่วนที่มืดที่สุดของหน้าเว็บมีโทนสีอบอุ่น เกือบดำ แต่ไม่ใช่ดำสนิท ความว่างเปล่าซ่อนอยู่เบื้องหลังการประกาศผลิตภัณฑ์ทุกชิ้น - Bark Brown
#382416— พื้นผิวที่ยกสูงขึ้นและพื้นหลังที่เติมสีของปุ่มนั้นมีระดับสีสูงกว่าพื้นผิวของผืนผ้าใบหนึ่งระดับ ซึ่งใช้สำหรับการกระตุ้นให้เกิดการกระทำอย่างต่อเนื่องเพียงครั้งเดียว - Cork Border
#40372e— เส้นแบ่งที่ละเอียดอ่อน เส้นประแบ่งส่วน เส้นขอบภาชนะที่แทบมองไม่เห็น – ให้ความรู้สึกอบอุ่นกว่าผืนผ้าใบจริงไปอีกขั้น - Driftwood
#6c5f51— สีเทาโทนกลางอบอุ่น เหมาะสำหรับผนังกั้นรองและองค์ประกอบโครงสร้างที่ไม่ฉูดฉาด ช่วยเชื่อมช่องว่างระหว่างสีเปลือกไม้และสีครีม - Ember Accent
#dc5000— สีส้มใช้สำหรับเน้นลิงก์ แท็ก และวลีสั้นๆ
การจัดพิมพ์
จาก 18 เป็น 51 พิกเซล · 5 ขั้นตอน
- halyard-display-variable — ทดแทน: Inter or Söhne · โครงร่าง 400, 500 · ใช้ฟอนต์เดียว ฟอนต์ขนาด 500 ที่มีระยะห่างระหว่างตัวอักษร 51 พิกเซล ใช้สำหรับหัวข้อ แสดงให้เห็นถึงความมั่นใจเป็นพิเศษในการใช้ตัวพิมพ์ใหญ่ ฟอนต์เดียวกันนี้ในขนาด 400/ระยะห่างระหว่างตัวอักษร 29 พิกเซล จะกลายเป็นฟอนต์เดียวสำหรับเนื้อหาหลัก โดยใช้ตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ผสมกัน ระยะห่างระหว่างตัวอักษรยังคงเป็นมาตรฐาน รูปทรงเรขาคณิตทำหน้าที่ของมันได้ดีโดยไม่ต้องบีบอัด หากต้องการให้โครงสร้างเข้ากันได้ดียิ่งขึ้น คุณสามารถใช้ฟอนต์ 'Inter', 'Söhne' หรือ 'Neue Haas Grotesk' ได้
- Arial — ทดแทน: system-ui · โครงร่าง 400, 500 · ระบบกำหนดให้ใช้ข้อความย่อขนาด (ตัวพิมพ์ใหญ่ ขนาด 8 พิกเซล เช่น "* ADOBE ILLUSTRATOR") เป็นตัวเลือกสำรองทั่วทั้งระบบ นี่ไม่ใช่การตัดสินใจด้านการออกแบบ แต่เป็นข้อกำหนดสำหรับข้อความปฏิเสธความรับผิดชอบที่สร้างขึ้นโดยอัตโนมัติของระบบ
ช่วงเวลาและรูปแบบ
| วัตถุประสงค์ | ความหมาย |
|---|---|
| ความหนาแน่น | เฉลี่ย |
| ขั้นตอนพื้นฐาน | 18px |
| รัศมีปุ่ม | 8px |
| รัศมีการ์ด | 12px |
| เงา | ไม่ - ใช้เส้นขอบแทนเงา |
AI จะสร้างเว็บไซต์ของคุณในสไตล์ของ ORYZO AI และเติมข้อมูลลงไป
- ใส่สินค้าและโพสต์ผ่านลิงก์ - Instagram, TikTok, Facebook
- ย้ายเนื้อหาจากเว็บไซต์เก่าของคุณ—เพียงระบุที่อยู่เว็บไซต์
- ดีไซน์ทันสมัยบนเอนจิ้นที่ดีที่สุด: React ( Next.js) พร้อมการเรนเดอร์ฝั่งเซิร์ฟเวอร์และการเพิ่มประสิทธิภาพ SEO ในตัว
- การเพิ่มประสิทธิภาพ SEO แบบอัตโนมัติเต็มรูปแบบสำหรับผลการค้นหาและคำแนะนำจากโครงข่ายประสาทเทียม
สไตล์ที่คล้ายกัน
- 21 TSI — พื้นที่ว่างเปล่าสีแดงฉาน เงาเดียวที่ปรากฏ – บทความแฟชั่นชั้นสูงที่ส่วนติดต่อผู้ใช้กลืนหายไปในบรรยากาศ
- Ysl — ภาพนิ่งจากภาพยนตร์ขาวดำ - นางแบบหนึ่งคนอยู่ใต้โลโก้เดียว ไม่อนุญาตให้มีอย่างอื่น
- Channel Studio — ห้องแล็บถ่ายภาพสตูดิโอที่มีโคมไฟสีปะการังหนึ่งดวง
- Assembly Coffee London — ถ่านในโรงคั่วกาแฟมืดมิด พื้นหลังสีดำสนิทตัดกับภาพถ่ายสินค้าที่ส่องสว่างอย่างอบอุ่นและตัวอักษรเขียนหวัดแบบมีเชิง—ให้ความรู้สึกเหมือนเมนูกาแฟพิเศษที่พิมพ์ในยุคเที่ยงคืนแบบใต้ดิน
- PostNew — แกลเลอรี่ที่เปิดให้บริการหลังเวลาทำการและได้รับการออกแบบโดยใช้แสงธรรมชาติ
- Factory — เครื่องเทอร์มินัลใน "ห้องบัญชาการ" ตอนเที่ยงคืน "โรงงาน" คือแผงควบคุมสีดำสนิทที่มีการ์ดสีขาวใบเดียววางลงราวกับคำสั่งที่ส่องด้วยไฟฉาย สิ่งเดียวที่มีอยู่ในห้องนั้นคืองานนั่นเอง
- Numbered — การถ่ายแบบแฟชั่นบนผ้ากำมะหยี่สีดำ แคทวอล์คที่เกือบดำสนิท โดยเฟรมภาพเต็มไปด้วยใบหน้าเดียว มีเพียงหมึกสีขาวและเส้นด้ายสีบรอนซ์ที่แทบมองไม่เห็นเป็นเครื่องหมายเท่านั้น
- Apple (España) — โรงละครสีดำที่มีอุปกรณ์ให้แสงสว่าง
- Home page | Impossible Foods — โปสเตอร์พังก์สีแดงเลือดในความมืดมิดราวกับกำมะหยี่ แบนเนอร์ที่ออกแบบมาเป็นพิเศษและถูกบีอัดนั้นเบลออยู่บนพื้นหลังสีไวน์ ขณะที่ข้อความกระตุ้นให้ลงมือทำสีแดงสดโผล่ขึ้นมาเหมือนป้ายราคาบนเขียงของคนขายเนื้อ
- Ferrari — ภาพม้าแข่งที่กำลังวิ่งอย่างบ้าคลั่งบนพื้นหินอ่อนสีดำ ช่องว่างสีดำถูกตัดด้วยสีแดงเฟอร์รารี่อันเป็นเอกลักษณ์ ตัวอักษรพิมพ์ใหญ่สีขาว และภาพยนตร์แบบเต็มความกว้าง
- OpenSea — ตู้ซื้อขายสีดำพร้อมกรอบสีน้ำเงินด้าน
- Arthursimonini — โปรแกรมฉายภาพยนตร์พิมพ์ด้วยหมึกสีดำ