เอา UI ของเรามาลงทำเป็น mockup ใน iPhone duo ได้แล้ว

Duo Studio เป็นเว็บสร้าง mockup ของมือถือพับจอคู่ iPhone Duo แบบ interactive 3D

สรุปฟีเจอร์หลัก:

- อัปโหลดดีไซน์ ของคุณเป็นภาพหรือวิดีโอ (สูงสุด 150MB) ไปวางบนจอมือถือแบบ 3D ได้ทั้งจอด้านใน (Inner screen) และจอปก (Cover screen)

- ขนาดจอที่รองรับ: Full display 2670×1878 px

- มีโหมด Fold effect เปิด/ปิดได้ เพื่อเพิ่ม perspective, blur, shading ตอนกางจอ หรือปิดไว้ให้ภาพเรียบไม่มีเอฟเฟกต์

- ปรับมุมมองเครื่องได้ 3 สถานะ: Closed (พับปิด) / Folded (พับครึ่ง) / Open (กางเต็ม) พร้อมปุ่ม Play fold animation ดูภาพเคลื่อนไหวตอนกาง

- เลือกสีเครื่องได้ 2 แบบ: Star White กับ Night Sky

- มี Cinematic depth of field (โฟกัสแบบภาพยนตร์)

- โต้ตอบได้แบบ 3D เต็มรูปแบบ: ลากหมุน, scroll/pinch ซูม, มี Reset view

- มีปุ่ม Export เอาผลลัพธ์ออกไปใช้งาน

- สลับ Light/Dark mode ได้

- สร้างโดย NotoriousUSB ร่วมกับ Astra GPT-6 ใช้โมเดล Apple device

พูดง่ายๆ คือเป็นเว็บทำ mockup โฆษณา/พรีเซนต์แอปบนมือถือพับจอคู่แบบสวยๆ เอาไว้โชว์ดีไซน์แอปของตัวเองในบริบทเครื่องจริง

Link: อยู่ใน comment นี้

#ai #ติดเทรนด์ #ป้ายยากับlemon8 #uxui #iphoneduo

9/15 แก้ไขแล้ว

... อ่านเพิ่มเติมการได้ใช้ Duo Studio มาสร้าง mockup แบบ interactive 3D สำหรับ iPhone Duo ถือเป็นประสบการณ์ที่น่าตื่นเต้นมาก สำหรับนักออกแบบ UI/UX ที่ต้องการนำเสนอผลงานบนมือถือพับจอคู่แบบสมจริงมากขึ้น การที่เว็บนี้รองรับทั้งภาพและวิดีโอสูงสุดถึง 150MB ช่วยให้สามารถใส่สื่อที่หลากหลาย ไม่ว่าจะแสดงภาพหน้าจอแอป หรือวิดีโอแนะนำแอปก็เป็นไปได้อย่างลงตัว อีกสิ่งที่ชอบคือโหมด Fold effect ที่ทำให้เห็นมิติของหน้าจอพับ การใส่เอฟเฟกต์ blur กับ shading ตอนกางจอ ช่วยเพิ่มความน่าสนใจและความสมจริงให้กับ mockup ได้อย่างดี การปรับมุมมอง 3 สถานะ (ปิด, พับครึ่ง, กางเต็ม) บวกกับปุ่มเล่นแอนิเมชันกางจอ ที่ทำให้การนำเสนอดูมีชีวิตชีวามากขึ้น จากประสบการณ์ส่วนตัวแล้ว การที่ Duo Studio เปิดให้เลือกสีเครื่อง Star White กับ Night Sky ทำให้เราสามารถเลือกโทนที่เหมาะกับธีมงานออกแบบได้ อีกทั้งการควบคุมแบบ 3D เช่น ลากหมุน ซูม แบบ pinch และ scroll รวมถึงมีปุ่ม Reset view ช่วยให้ปรับมุมมองได้อิสระและง่ายมาก การที่เว็บนี้ออกแบบโดย NotoriousUSB ร่วมกับ Astra GPT-6 ที่ใช้โมเดล Apple device ช่วยยืนยันว่าสามารถสร้างภาพ mockup ที่สมจริงและคุณภาพสูง และที่สำคัญคือมีปุ่ม Export ที่สามารถเซฟผลงานเพื่อนำไปใช้ในงานพรีเซนต์หรือลงโฆษณาได้ทันที นับว่าสะดวกต่อการทำงานและเพิ่มคุณค่าให้กับงานออกแบบพอสมควร ผมอยากแนะนำให้ทดลองใช้งาน Duo Studio กับผลงานดีไซน์ของตัวเองดู เพราะนอกจากจะช่วยเพิ่มประสิทธิภาพในการนำเสนอแอปแล้ว ยังช่วยให้เห็นภาพรวมของงานในบริบทเครื่องจริงที่สวยงามและน่าสนใจมากขึ้นอีกด้วย

1 ความคิดเห็น

รูปภาพของ NUX Design
NUX Designผู้สร้าง

เข้าไปเล่นกันได้ที่นี้เลย https://benitez.jp/experiments/duo

โพสต์ที่เกี่ยวข้อง

ทำ Mockup ป้ายแล้วสเกลเพี้ยน ต้องลองวิธีนี้
ทำ Mockup ป้ายแล้วสเกลเพี้ยน ต้องลองวิธีนี้ Reshape บน Canva จัดการได้อยู่หมัด 👌 #Canva #CanvaTips #CanvaTutorial #Reshape #CanvaHacks
beerrtoshare

beerrtoshare

ถูกใจ 1689 ครั้ง

พิกัดเว็บไซต์🔍 หา Mockup 💌📭 ใครอยากได้ mockup เปิดคลิปเทส ๆ หรือ mockup สินค้าเริ่ด ๆ ลองไปเล่นกันดูน้าา กดเข้าไปที่เว็บไซต์ octobernovember.com ได้เลยค้าบ💭💖🎀 #แนะนำเว็บไซต์ #mockup #graphic #design #babehouseacademy
Bearbykim

Bearbykim

ถูกใจ 19 ครั้ง

คลิ๊กเดียวก็อปดีไซน์เข้า Figma ได้เลย
UI.Live รวมทุกอย่างไว้ให้ — template, component, icon, illustration, mockup ทั้งเอาไว้หาแรงบันดาลใจ หรือก็อปมาแก้ไขใช้จริงก็ได้ 🔥 #uxui #uxuidesigner #uxuitools #productdesign #uidesign
Nashavibes

Nashavibes

ถูกใจ 308 ครั้ง

🔎 พิกัดเว็บหา Mockup ! 🤩✏️ ✨มีทั้งแบบฟรีและแบบมีค่าใช้จ่ายใครถนัดแบบไหนลองใช้กันดูน้าาาา🩵 ใครชอบเซฟไว้เลยยยยย ด่วนๆๆๆๆ 💭😽✨ #พิกัดเว็บ #หาMockup #babehouseacademy
Bearbykim

Bearbykim

ถูกใจ 75 ครั้ง

ภาพแสดงผลิตภัณฑ์สกินแคร์จำลอง 3 ชิ้น (Clovr, Golde, Laved) บนแท็บเล็ต พร้อมข้อความเชิญชวนให้ลองสมมติตัวเองเป็นเจ้าของแบรนด์สกินแคร์เพื่อความสนุกสนาน
ภาพผลิตภัณฑ์สกินแคร์จำลอง 3 ชิ้น (Clovr, Golde, Laved) วางเรียงกัน พร้อมข้อความอธิบายว่าเป็นเพียงภาพประกอบ ไม่ใช่สินค้าจริง และจะมาพูดถึงการทำภาพสินค้า
ภาพประกอบผู้หญิงกำลังทำงานบนแล็ปท็อป พร้อมข้อความอธิบายว่าปัจจุบันมีแอปพลิเคชันที่ช่วยจำลองภาพผลิตภัณฑ์ให้เห็นเป็นรูปธรรมและง่ายขึ้น เช่น Canva
มาออกแบบสร้างสรรค์ผลิตภัณฑ์ของตัวเองแบบง่าย ๆ กัน
จากบันทึกที่แล้วที่พูดถึงพลาสติกซีลฝาผลิตภัณฑ์ ทำให้เราต้องงอกสินค้ามาถึงสามตัวเพื่อใช้เป็นภาพประกอบ แค่ภาพนะ ไม่ใช่สินค้าจริง แหม ก็สมมติ จะเอาของจริงจากไหน 55 😆 แต่ถึงจะเป็นเรื่องสมมติ เดี๋ยวนี้ก็มีแอพที่ช่วยให้เราจำลองภาพผลิตภัณฑ์ที่คิดไว้ในหัวออกมาให้เห็นเป็นรูปธรรมชัดขึ้น และง่ายดายขึ้น
Bittery Soury

Bittery Soury

ถูกใจ 9 ครั้ง

วิธีใช้ Mockup 3D บน Canva #CanvaMockup #3DMockup #CanvaTips #DesignTools #สอนใช้Canva
beerrtoshare

beerrtoshare

ถูกใจ 16 ครั้ง

ทำไม prompt (คำสั่งที่พิมพ์ให้ AI สร้างภาพ) ยาวเป็นย่อหน้า แต่ภาพที่ได้กลับพังกว่า prompt สั้นๆ? อาจะไม่ใช่เพราะเขียนน้อยไป - แต่เพราะเขียน "ผิดลำดับ" OpenAI เพิ่งปล่อย cookbook ฉบับเต็มสอนเขียน prompt สำหรับ gpt-image 2 โมเดลสร้างภาพตัวใหม่ล่าสุด 👀 อ่านแล้วเข้าใจขึ้นเยอะว่าที่ผ่า
AiLearning by Jui

AiLearning by Jui

ถูกใจ 4 ครั้ง

มาแล้ว 🔥โปรแกรม จัดการไฟล์ ภาพ Apple Watch Wallpaper เพื่อส่งขาย Etsy 💲 😘 Coming Soon #จองสิทธิ159 #วอลเปเปอร์ #ไฟล์AI #โปรแกรมเสริม #ม็อคอัพอัตโนมัติ
Fernnie Chanel

Fernnie Chanel

ถูกใจ 0 ครั้ง

🤔 Claude vs Manus AI ถ้าให้สร้างเว็บไซต์จาก Prompt เดียวกัน ผลจะต่างกันแค่ไหน? . คลิปนี้จะลองให้ทั้งสองตัว สร้าง Mockup เว็บไซต์ ที่มีทั้งดีไซน์หน้าเว็บ ไปจนถึงระบบสมัครสมาชิก Login และการจอง . บางอย่างทำได้เหมือนกัน บางอย่างแตกต่างกันชัดเจน . ใครกำลังมองหา AI ช่วย ทำเว็บแบบไม่ต้องเร
AIทำอะไรได้บ้าง

AIทำอะไรได้บ้าง

ถูกใจ 1 ครั้ง

ขายดิจิตอลอาร์ตฉบับคนไทย Step by step แชร์เก็บกันได้เลย . . #digitalart #ขายรูปขายไฟล์ได้เงินดอล #ขายรูปขายไฟล์ #ขายไฟล์ #ขายรูปวาด #สอนขายไฟล์ #etsy #etsyshop #etsyseller #creativefabrica #จินเขียนสตูดิโอ #ginkeanstudio #จินเขียน #ginkeanstudio
Ginkean Studio

Ginkean Studio

ถูกใจ 1 ครั้ง

สอนมือใหม่! ทำคลิปใส่กรอบมือถือ + พื้นหลังกระดาษ 📱📄 (ทำตามได้) #capcut #สอนตัดต่อ #ตัดต่อ #สอนตัดต่อcapcut #สอนทําคลิป
nicediary

nicediary

ถูกใจ 942 ครั้ง

Canva ชีมีลูกเล่นเยอะน้าา เล่นสุดมี mockup 3D ให้เล่น! เริ่ดเลยล่ะ ลองไปเล่นตามด่วน ๆ 🚨✨😲🤌🏻 #3d #canva #canvatips #mockupdesign #babehouseacademy
Bearbykim

Bearbykim

ถูกใจ 463 ครั้ง

อินโฟกราฟฟิค UI/UX Mobile ด้วย Claude Cowork Desktop และ Opus 4.8
อินโฟกราฟฟิคภาษาไทยสำหรับอธิบาย workflow การสร้างงานออกแบบ UI/UX Mobile ด้วย Claude Cowork Desktop และ Opus 4.8 โดยใช้แนวทาง 3 Prompts + 1 Context พร้อมสรุปผลลัพธ์ที่ได้ เช่น UX Discovery, Wireframe, UI Handoff และการประมาณ usage ระหว่าง Pro, Max $100 และ Max $200 เหมาะสำหรับนักออกแบบ, developer, p
KPattharawiwatkul

KPattharawiwatkul

ถูกใจ 2 ครั้ง

Breaking Down the UX of iPhone Duo 📱✨ มาแกะ UX ของ iPhone Duo กัน 👀 หนึ่งในรายละเอียดที่เราชอบคือ Fade Effect ตอนพับหน้าจอ ที่ไม่ได้มีไว้แค่ให้ Animation ดูสวย แต่ช่วยให้การเปลี่ยนจากสองจอไปสู่อีกจอรู้สึกต่อเนื่องและเข้าใจได้มากขึ้น เพราะ UX ที่ดี บางทีมันก็ซ่อนอยู่ในรายละเอียดเล็ก ๆ ที่เราแ
Nashavibes

Nashavibes

ถูกใจ 0 ครั้ง

คิด Prompt ไม่ออก ลองหยิบ 30 คำสั่งนี้ ไปใช้ก่อนค่ะ ^^ รวม Prompt Shortcut สร้างภาพด้วย ChatGPT มีทั้งโซเชียลมีเดีย งานออกแบบ สินค้า เทคโนโลยี และภาพสไตล์ภาพยนตร์ มือใหม่ก็หยิบไปลองได้ ไม่ต้องเริ่มคิด Prompt จากศูนย์ทุกครั้งค่ะ #ChatGPT #AI #PromptAI #สร้างภาพAI #ภัคมาลอง
ภัคมาลอง

ภัคมาลอง

ถูกใจ 7 ครั้ง

เมื่อ #Ai ล้น จนไม่ได้ทำ😫 6 Workflow ทำ Digital Product บน Etsy/Creative Fabrica แบบครบวงจร!!* . . #digitalart #ขายรูปขายไฟล์ได้เงินดอล #ขายรูปขายไฟล์ #ขายไฟล์ #ขายรูปวาด #สอนขายไฟล์ #etsy #etsyshop #etsyseller #creativefabrica #จินเขียนสตูดิโอ #ginkeanstudio #จินเขียน #ginkeanstudio
Ginkean Studio

Ginkean Studio

ถูกใจ 0 ครั้ง

🎯 10 เทคนิคเจนภาพAi ทำ Digital Art ให้ขายดี ฉบับมือใหม่ก็ทำง่าย . . #digitalart #ขายรูปขายไฟล์ได้เงินดอล #ขายรูปขายไฟล์ #ขายไฟล์ #ขายรูปวาด #สอนขายไฟล์ #etsy #etsyshop #etsyseller #creativefabrica #จินเขียนสตูดิโอ #ginkeanstudio #จินเขียน #ginkeanstudio
Ginkean Studio

Ginkean Studio

ถูกใจ 0 ครั้ง

ภาพแสดงตัวอย่างข้อความสไตล์ iPhone/iOS และแถบเบราว์เซอร์ พร้อมข้อความว่า "แจกเว็บ Text ทำข้อความฟีล iPhone iOS" บนพื้นหลังชั้นวางของ
ภาพหน้าจอโทรศัพท์แสดงวิธีการค้นหาเว็บไซต์ textlab.javii.tools ใน Google/Safari พร้อมคำอธิบายว่าเว็บนี้สร้างข้อความจำลองได้หลายแพลตฟอร์ม
ภาพหน้าจอเว็บไซต์ textlab.javii.tools แสดงอินเทอร์เฟซการใช้งาน มีช่องให้พิมพ์ข้อความ ปุ่มปรับแต่ง เช่น Animate, Shake, Message และตัวเลือกกรอบข้อความต่างๆ
แจกเว็บทำข้อความฟีล iPhone/ios 💬!!
มีกรอบให้เลือกเล่นเยอะมาก แค่พิมพ์ข้อความลงไปก็ได้ออกมาแบบนี้เลย เอาไปแต่งรูป แต่งสตอรี่ ได้เลยเก๋ๆ 🫧✨ ช่วงนี้ใช้บ่อยเพราะรูปดูมีอะไรขึ้นทันทีแบบไม่ต้องแต่งเยอะ สายชอบแต่งรูป aesthetic น่าจะชอบ 🥹 website 🔍: textlab.javii.tools ที่สำคัญใช้ฟรี แล้วใช้ง่ายมาก แต่ถ้าอยากใช้ได้ทุกกรอบ /ทุกลูกเล
ปริม

ปริม

ถูกใจ 565 ครั้ง

สร้าง mockup ง่าย ๆ ด้วย canva #canva #mockup #ออกแบบcanva #แคนวา #mockupcanva
Rainyy329

Rainyy329

ถูกใจ 4 ครั้ง

แจกPromptทำเงิน😍พร้อมตัวอย่างในคอมเม้นค่า
✨Promptแนวนี้ขายดีมากๆต้องมีติดพอร์ตเลย🔥 hotและติดtop โหลดหลายรูปเลย❗️ 🔸 แนวที่เรียกกันว่า: ✅Abstract Background / Abstract Waves ✅Futuristic Background ✅Neon Light Flow / Light Trails ✅Digital Particle Wave ✅Technology Background 🔸 ทำไมขายดี 1. สีสันจ
♡𝓂𝑒𝒾𝓁𝒾♥

♡𝓂𝑒𝒾𝓁𝒾♥

ถูกใจ 29 ครั้ง

ภาพผู้หญิงสวมเสื้อยืดสีเขียวเข้ม พร้อมข้อความว่า "อยากหารายได้จากงานDigital ลอง 'ขาย Mockup' ดูสิ คนต้องการใช้เยอะมาก" ด้านล่างเป็นชุดบอดี้สูทเด็กสีดำ รองเท้าเด็ก และผ้าห่มลายกราฟิกวางอยู่บนพื้นไม้สีขาว
ภาพ Mockup กรอบรูปแนวตั้งสองแบบ ด้านบนเป็นกรอบรูปสีขาวบนชั้นวางพร้อมแจกันและต้นไม้ ด้านล่างเป็นกรอบรูปสีดำบนผนังอิฐสีขาว มีโคมไฟสีเหลืองและโต๊ะพร้อมของตกแต่ง
ภาพ Mockup สองแบบ ด้านบนเป็นคอมพิวเตอร์ตั้งโต๊ะหน้าจอว่างเปล่าพร้อมอุปกรณ์สำนักงานบนโต๊ะสีขาว ด้านล่างเป็นกรอบรูปสีขาวบนโต๊ะไม้หน้าวอลเปเปอร์ลายสีชมพู มีของตกแต่งห้อยอยู่
💛 อยากหารายได้จากงานDigital ลอง “ขาย Mockup” ดูสิ
🍀✨ ขาย Mockup = รายได้ดีสำหรับคนชอบภาพสวย ๆ งาน Mockup ถือว่าเป็นหนึ่งในสินค้าDigital ที่เริ่มง่าย สำหรับมือใหม่ เพราะไม่ต้องวาดรูปเก่ง ไม่ต้องทำกราฟิกขั้นสูง แค่มีภาพสวย ๆ + ปรับแต่งนิดเดียว ก็ขายได้แล้ว 😍 💛 Mockup ใช้ทำอะไร? ลูกค้าเอาไปใช้ใส่ผลงานตัวเอง เช่น • คนขายวอลเปเปอร์ • เจ้าของ
PekkyPak

PekkyPak

ถูกใจ 31 ครั้ง

ดูเพิ่มเติม