แบบจำลองหน้าโปรไฟล์ X ที่สมจริง

สร้างภาพจำลองส่วนต่อประสานผู้ใช้โซเชียลมีเดียในโหมดสีเข้มที่สมจริงมาก ซึ่งคล้ายกับเลย์เอาต์เดสก์ท็อปของ X/Twitter ในภาษาฝรั่งเศส โดยแสดงเป็นภาพหน้าจอเบราว์เซอร์แบบเต็มหน้าจอที่มีสามคอลัมน์แนวตั้งบนพื้นหลังสีดำและตัวคั่นสีเทาเข้มที่ละเอียดอ่อน แถบด้านซ้ายมีรายการนำทาง 11 รายการที่วางซ้อนกันในแนวตั้งพร้อมไอคอนและป้ายกำกับสีขาว: “Accueil”, “Explorer”, “Notifications” พร้อมป้ายสีน้ำเงินขนาดเล็กที่แสดง 3, “Messages”, “Grok”, “Signets”, “Communautés”, “Premium”, “Organisations certifiées”, “Profil” และ “Plus” ที่ด้านบนของแถบด้านข้างนี้ ให้วางโลโก้ X สีขาว และเพิ่มปุ่มสีขาวแบบโค้งมนขนาดใหญ่ที่ติดป้ายกำกับว่า “Poster” ใกล้กับตรงกลางด้านล่าง และที่ด้านล่าง แสดงบล็อกบัญชีที่เข้าสู่ระบบแบบกะทัดรัดสำหรับ Martin Dubois พร้อมที่จับ @martindubois และอวตารแบบวงกลมขนาดเล็ก คอลัมน์ตรงกลางคือหน้าโปรไฟล์หลักสำหรับ {argument name="profile name" default="Martin Dubois"} โดยมีแถบด้านบนที่แสดงลูกศรย้อนกลับ ชื่อ “Martin Dubois” และเครื่องหมายถูกสีน้ำเงิน และด้านล่างข้อความ “1 248 posts” ใต้สิ่งนั้น ให้รวมภาพครอบคลุมแบบพาโนรามาขนาดกว้างของเทือกเขาแอลป์ที่มีเมฆครึ้มเหนือทะเลสาบป่า วางรูปโปรไฟล์แบบวงกลมของชายหนุ่มในเสื้อผ้าสีเข้มทับมุมล่างซ้ายของแบนเนอร์ แสดงให้เห็นใบหน้าทุกใบอย่างชัดเจนด้วยคุณสมบัติทางใบหน้าที่เป็นธรรมชาติและมีรายละเอียด พร้อมพื้นหลังสีซีดและเส้นขอบที่บาง ที่ด้านขวาของส่วนหัวโปรไฟล์ ให้วางปุ่มการทำงานแบบวงกลมขนาดเล็กสามปุ่มและปุ่มแสงแบบโค้งมนที่โดดเด่นซึ่งติดป้ายกำกับว่า “Éditer le profil” ใต้รูปอวตาร ให้แสดงชื่อ Martin Dubois พร้อมเครื่องหมายถูกสีน้ำเงิน ที่จับ @martindubois และประวัติโดยย่อหนึ่งบรรทัดในภาษาฝรั่งเศส: “Créateur de contenu • Passionné de tech, de design et de productivité” จากนั้นเพิ่มแถวเมตาดาต้าที่มี 4 รายการ: ตำแหน่ง “Lyon, France”, เว็บไซต์ “martindubois.com” และ “A rejoint X en janvier 2021” ตามด้วยแถวผู้ติดตามที่ระบุว่า “320 abonnements” และ “12,4 k abonnés” เพิ่มแถบแท็บแนวนอนที่มีแท็บ 5 แท็บ: “Posts”, “Réponses”, “Tweets marquants”, “Médias” และ “J’aime” โดย “Posts” จะเป็นแท็บที่ใช้งานอยู่และขีดเส้นใต้ด้วยสีน้ำเงิน ใต้แท็บ ให้แสดงฟีดที่มีโพสต์ที่มองเห็นได้ 3 โพสต์จาก Martin Dubois โพสต์ที่ 1 ถูกปักหมุด โดยระบุว่า “Épinglé” ลงวันที่ “12 mai” พร้อมข้อความภาษาฝรั่งเศส “10 leçons que j’ai apprises en construisant mon projet pendant 2 ans” ตามด้วยอิโมจิ และแถวการมีส่วนร่วมที่มี 5 ค่า: 24 การตอบกลับ, 142 การรีโพสต์, 1 พันไลค์, 85 พันวิว และพื้นที่บุ๊กมาร์ก/แชร์ โพสต์ที่ 2 ลงวันที่ “2h” พร้อมข้อความภาษาฝรั่งเศส “Le meilleur moment pour commencer était hier. Le deuxième meilleur moment, c’est maintenant.” และค่าการมีส่วนร่วม 12 การตอบกลับ, 37 การรีโพสต์, 256 ไลค์ และ 8 พันวิว โพสต์ที่ 3 ลงวันที่ “1j” พร้อมข้อความภาษาฝรั่งเศส “Un week-end à Chamonix, toujours ressourçant” ตามด้วยอิโมจิภูเขา และมีภาพขนาดใหญ่ที่ฝังอยู่ของยอดเขาหิมะภายใต้แสงแดดที่นุ่มนวล ใช้รูปอวตารแบบวงกลมทางด้านซ้ายของแต่ละโพสต์และตัวคั่นที่บางระหว่างโพสต์ แถบด้านขวาเริ่มต้นด้วยช่องค้นหาแบบโค้งมนที่มีตัวแทนที่เก็บไว้ “Chercher” ใต้สิ่งนั้น ให้รวมการ์ดที่มีชื่อว่า “Vous pourriez aimer” พร้อมโปรไฟล์ที่แนะนำ 3 รายการ โดยแต่ละรายการมีรูปอวตาร ชื่อ ที่จับ เครื่องหมายถูกสีน้ำเงิน และปุ่มสีขาวแบบโค้งมน “Suivre”: “Théo Catarino” @theocatarino, “Aurélie Martinez” @aurel_martinez และ “Ulrich Rozier” @ulrichrozier เพิ่มลิงก์ “Voir plus” ที่ด้านล่างของการ์ดนั้น ภายใต้สิ่งนั้น สร้างการ์ดแนวโน้มที่มีชื่อว่า “Tendances : France” โดยแสดงแนวโน้ม 4 แนวโน้มตามลำดับพร้อมหมวดหมู่และจำนวนโพสต์: 1. “#RolandGarros” พร้อม “32,1 k posts”, 2. “#FêteDesMères” พร้อม “18,4 k posts”, 3. “Mbappé” พร้อม “45,2 k posts”, 4. “#LundiMotivation” พร้อม “12,3 k posts” เพิ่มลิงก์ “Voir plus” ใต้รายการแนวโน้ม ที่ด้านล่างสุด ให้วางส่วนท้ายแบบกะทัดรัดพร้อมลิงก์ทางกฎหมายสีเทาขนาดเล็กหลายรายการและ “© 2024 X Corp.” ภาพทั้งหมดควรดูแทบไม่แตกต่างจากภาพหน้าจอเดสก์ท็อปจริง: ตัวอักษรที่คมชัด ระยะห่างที่แท้จริง สัดส่วน UI ที่สมจริง การ์ดโค้งมนที่ละเอียดอ่อน ข้อความสีขาวและสีเทาบนพื้นผิวเกือบสีดำ สีเน้นสีน้ำเงิน ไอคอนที่ขัดเงาและป้องกันรอยหยัก และความสวยงามของการออกแบบผลิตภัณฑ์ที่ทันสมัยและสะอาดตา