نموذج واقعي لصفحة ملف تعريف X

إنشاء نموذج واجهة مستخدم وسائط اجتماعية واقعية للغاية في الوضع الداكن تشبه إلى حد كبير تخطيط سطح المكتب X/Twitter باللغة الفرنسية، معروضة كلقطة شاشة كاملة للمتصفح مع ثلاثة أعمدة رأسية على خلفية سوداء وفواصل رمادية داكنة دقيقة. يحتوي الشريط الجانبي الأيسر على 11 عنصر تنقل مكدسة عموديًا مع أيقونات وتسميات بيضاء: “Accueil” و “Explorer” و “Notifications” مع شارة زرقاء صغيرة تعرض 3، و “Messages” و “Grok” و “Signets” و “Communautés” و “Premium” و “Organisations certifiées” و “Profil” و “Plus”. في الجزء العلوي من هذا الشريط الجانبي، ضع شعار X الأبيض، بالقرب من الجزء السفلي الأوسط أضف زرًا أبيض مستديرًا كبيرًا يحمل تسمية “Poster”، وفي الأسفل اعرض كتلة حساب مسجلة مضغوطة لمارتن دوبوا باسم المستخدم @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.”. يجب أن تبدو الصورة بأكملها غير قابلة للتمييز تقريبًا عن لقطة شاشة سطح مكتب حقيقية: طباعة واضحة، وتباعد أصيل، وأبعاد واجهة مستخدم واقعية، وبطاقات مستديرة دقيقة، ونص أبيض ورمادي على أسطح قريبة من اللون الأسود، ولون لهجة أزرق، وأيقونات مصقولة مضادة للتعرج، وجمالية تصميم منتج حديثة ونظيفة.