Star Citizen Universe الواجهة الرئيسية مع موجز الأخبار ولوحة المجتمع وملاحة HUD المستقبلية.

تصميم الواجهة الأمامية / واجهة HUD / المجتمع

Star Citizen Universe

موقع ويب مجتمعي قديم يحتوي على لوحات HUD مستقبلية وموجز أخبار وعمود مجتمع وبنية تنقل. بالنسبة لي، تربط هذه الواجهة بين التفكير في قمرة القيادة والمغامرة في الفضاء والتوجيه البصري المبكر.

عقدة SCU-013 إشارة على الانترنت أرشيف الواجهة / 2013

القضية في 30 ثانية

Star Citizen Universe

مشكلة
موقع ويب مجتمعي قديم يحتوي على لوحات HUD مستقبلية وموجز أخبار وعمود مجتمع وبنية تنقل. بالنسبة لي، تربط هذه الواجهة بين التفكير في قمرة القيادة والمغامرة في الفضاء والتوجيه البصري المبكر.
الحل
موقع ويب مجتمعي مستقبلي مزود بواجهة أمامية ولوحات HUD وواجهات للملفات الشخصية. تُظهر مجموعة التصميم اتجاه عمل الواجهة.
الدور والتركيز
الواجهة الأمامية، واجهة المستخدم
الحالة
اتجاه واجهة المستخدم المبكر
النتيجة
HUD مجمعة، هيكل
الفترة2013
المجالالواجهة الأمامية، المجتمع، تصميم واجهة المستخدم
لفةمصمم الواجهة الأمامية/واجهة المستخدم
الحالةالواجهة المبكرة وتصميم المجتمع

القصة الأساسية

اتجاه HUD المبكر، الانبهار الشخصي

يُظهرStar Citizen Universe اتجاهًا مبكرًا في عمل الواجهة الخاصة بي: الشعار والخلفية واللوحات وحقول البيانات وشاشات الملف الشخصي والملاحة كانت تتحرك بالفعل بوعي نحو لغة HUD المستقبلية.

تربط الحالة الاهتمام المبكر بالواجهة الأمامية وواجهة المستخدم بنمط HUD الذي تم توسيعه الآن ليشمل المحفظة.

أنا شخصيا أتابع Star Citizen لأنه بالنسبة لي يوضح ما يمكن أن يحدث عندما يتم تطوير عالم طموح وشريط مرئي عالي ومجتمع متفاعل معًا على مدى فترة طويلة من الزمن. إن الجمع بين الحجم والتفاصيل والابتكار التكنولوجي والمجتمع المعني يجذبني بشدة.

الدافع الشخصي

من حلم قمرة القيادة إلى الكون الرقمي

تروق لي طبقة الفضاء لأنها تجمع بين المغامرة والتفكير المنظومي: قمرة قيادة مليئة بالمعلومات، ودورة تدريبية عليك فهمها، وعالم أكبر من الشاشة المباشرة. يرتبط هذا باهتمامي السابق بالطائرات، والذي ظهر لاحقًا في Battlefield وEntropia.

هذه الصفحة بالتأكيد ليست عملاً لـ Star Citizen نفسها. إنه مجتمعي الخاص وواجهتي التي تعمل حول هذا الانبهار، ومرجع شخصي طويل الأمد لكيفية تعزيز العالم والمجتمع والجودة البصرية لبعضها البعض.

واجهة

HUD يفكر من قمرة القيادة

تم تصميم الشاشات واللوحات وحقول البيانات كجزء من بيئة خيال علمي يمكن التعرف عليها بعين طيار واضحة.

الهيكل

الملاحة المجتمعية

يجمع الموقع معلومات الملف الشخصي وسياق المجتمع والتنقل في كل متماسك بصريًا يوفر مساحة للأعضاء المشاركين.

لغة بصرية

التقنية ولكن قابلة للقراءة

يجب أن يبدو التباين والخطوط والألواح مستقبلية دون جعل المعلومات غير قابلة للاستخدام.

قيمة المحفظة

مرجع طويل المدى

يفسر هذا الاتجاه القديم سبب شعور واجهة المحفظة الحالية بالمنطقية في عملي وافتتاني بالعوالم الرقمية الأكبر.

الأساس البصري

الأجزاء التي تحدد الاتجاه

تعمل الصورة المجمعة والخلفية والهوية معًا على تحديد الاتجاه: طبقات بيانات داكنة وخطوط سماوية رفيعة وعلامات زاوية وواجهة تبدو وكأنها قمرة القيادة.

مجموعة إضافية من تصميم الواجهة الأمامية من Star Citizen Universe.
مجمعة إضافية لواجهة المستخدمالملف الشخصي والمجتمع ومقتطفات HUD كصورة كتلة إضافية بجوار الواجهة الرئيسية.
خلفية الشاشة الأصلية من تصميم Star Citizen Universe مع مدينة وشخصية الخيال العلمي.
الخلفية الخاصةالخلفية الأصلية التي تحدد نغمة موقع المجتمع.
شعار Star Citizen Universe الأصلي.
الشعارشعار SCU كهوية مجتمعية يمكن التعرف عليها.
صورة الغلاف الجوي لـ Star Citizen مع السفن والطيارين وبيئة الخيال العلمي الليلية.
سياق اللعبةصورة جوية أوسع تدعم لغة الخيال العلمي وراء مجموعة HUD.

واجهة

شاشة واحدة كاملة، ثم الأجزاء

تعرض صفحة الملف الشخصي أولاً الكل. تقوم البطاقات أدناه بعد ذلك بتسمية أهم أجزاء التنقل والبحث وبيانات الملف الشخصي والقوائم والمجتمع.

01/ الصفحة الشخصية

الواجهة بأكملها كسياق

الصورة الرمزية ومعرف الشبكة وقائمة السفن وإجراءات الملف الشخصي والمواطنين الجدد والنشاط معًا في عرض واحد متماسك لقمرة القيادة.

02 / 08 / أجزاء الواجهة

الواجهة في أجزاء

سبع خرائط مدمجة تجعل الوظائف قابلة للقراءة دون تقديم صور مفاهيمية كعمل نهائي كامل.

02/ الملاحة

قائمة كشريط قمرة القيادة

تعمل علامات التبويب المتساوية والتوهج النشط وخطوط الزوايا القصيرة باللون السماوي على إبقاء ستة مسارات رئيسية قابلة للمسح.

03/ البحث عن الأعضاء

البحث كلوحة العدادات

تتبع الحقول المظلمة والحواف الرفيعة والحركة الساطعة نفس منطق التصفية المضغوط مثل مرجع مؤشر القوة النسبية (RSI).

04/ جدول الأعضاء

الأعضاء كشبكة حية

تحتوي الصورة الرمزية والموقع وتاريخ الانضمام والمشاركات والحالة على عمود معلومات ثابت.

05/ التحكم بالملف الشخصي

الهوية والإجراءات في عقدة واحدة

يشكل معرف الشبكة والموقع والسفن وإجراءات الحساب معًا لوحة تحكم شخصية واضحة.

06/ نظرة عامة على المنتدى

مناقشات دون ضجيج بصري

تظل لغة الرموز والفئة والأرقام والنشاط الأخير قابلة للقراءة ضمن صفوف بيانات رفيعة.

07/ مشاركة المنتدى

المحادثة على مستوى الرسالة

يظل المؤلف والرتبة والوقت والمحتوى منفصلين بشكل يمكن التعرف عليه ضمن وحدة رسالة مدمجة واحدة.

08/ سجل النقابة

تحصل المجموعات على توقيعها الخاص

إن الشعار والعضوية واللغة وحالة التوظيف تجعل المنظمات قابلة للمقارنة بشكل مباشر.

المجتمع على الانترنت

تنتمي الواجهة إلى مكان مجتمعي حقيقي

تم طرحStar Citizen Universe للعامة عبر الإنترنت في أوائل عام 2013 كمجتمع معجبين باللغة الإنجليزية للأخبار وملفات تعريف الأعضاء والمناقشات حول Star Citizen.

تحليل الواجهة

أربعة خيارات التصميم

تُظهر الصورة المجمعة الواجهة باعتبارها أكثر من مجرد صورة منفصلة: مثل البنية والملاحة واللغة المرئية لمجتمع في عالم أكبر.

01

لوحات الملف الشخصي

يتم وضع المعلومات الشخصية والحالة في لوحات مدمجة، تليق بلوحة معلومات الخيال العلمي.

02

العالم + المجتمع

يتم منح الأعضاء والأدوار والسياق مكانًا خاصًا بهم، بحيث يمكن للزوار الدخول إلى عالم أكبر بدلاً من مجرد رؤية صفحة معجبين منفصلة.

03

نظام الملاحة

تستخدم الواجهة مناطق واضحة وإطارات قابلة للتكرار لإبقاء المعلومات المعقدة قابلة للمسح الضوئي.

04

مرجع طويل المدى

تجعل الخطوط والتباين والتفاصيل الفنية اللغة المرئية مميزة وتبين سبب استمرار العالم المتنامي مع المجتمع في إلهامي.

الواجهة في الصور

ما تفعله لغة HUD

يجمع المجمع بين الواجهة الأمامية و HUD وتفكير المجتمع: تظل المعلومات قابلة للمسح بينما تبدو البيئة كبيرة وتقنية.

هود

اللوحات وحقول البيانات

تعرض الصورة المجمعة أجزاء من الواجهة مع لوحات الخيال العلمي ومعلومات الملف الشخصي واللغة المرئية التقنية.

الهيكل

سياق المجتمع

تشير الشاشات إلى التنقل ومعلومات الأعضاء ومكونات المجتمع في نظام مرئي.

اختيار التصميم

التكنولوجيا مع الغلاف الجوي

إن الجمع بين المساحة المظلمة والخطوط الواضحة والمعلومات المدمجة يمنح المجتمع إحساسًا خاصًا بقمرة القيادة.

تأثير

رائد النمط الحالي

يشرح أسلوب التصميم القديم هذا سبب ملاءمة واجهة المحفظة مع خطوط ولوحات HUD لعملي بشكل جوهري.

تصميم الواجهة الأمامية واجهة هود هيكل المجتمع لوحات الملف الشخصي التسلسل الهرمي البصري تطوير الواجهة

الحالات القادمة

HUD إلى حالات أخرى

من مجمعة الواجهة إلى المجتمع،Webdevelopmentوأنظمة الذكاء الاصطناعي.