أنظمة تصميم التواصل الاجتماعي والمجتمعات
أنظمة تصميم مستخرجة من الشبكات الاجتماعية ومنصات المجتمعات والمواقع الشخصية. تحدّدها موجزات المنشورات والملفات الشخصية والصور الرمزية وأدوات النشر، غالبًا مع لون مرح واحد للعلامة التجارية ومكونات ودودة دائرية الحواف.
مثالان على DESIGN.md في هذه الفئة، من Dribbble و Snapchat. مستخرجة من الصفحات العامة لكل موقع، وليست إرشادات رسمية للعلامة التجارية. جديد على هذا التنسيق؟ اقرأ ما هو ملف DESIGN.md.
Dribbble
ينبني نظام التصميم في Dribbble على كحلي داكن يكاد يكون أسود (#0d0c22) مقترنًا بسطح أبيض ناصع، ويتخلله لون تمييز وردي فاقع مميز (#ea4c89) يُستخدم باعتدال للتأكيد التحريري والعناصر التفاعلية البارزة. ويعتمد النظام الطباعي بأكمله على خط Mona Sans حصريًا عبر جميع الأوزان، فيُبنى التدرج الهرمي بالوزن والحجم وحدهما. وتحدد الأزرار كبسولية الشكل (border-radius: 1e+07px) والبطاقات ذات الزوايا المستديرة (نصف قطر 12px) لغة الهندسة. ويتسم التخطيط بالاتساع مع شبكة أساسية بقياس 8px، وتُنقل درجة الارتفاع عبر ظلال خفيفة بدلًا من الطبقات الكثيفة.
Snapchat
Snapchat في نسخته على الويب يعتمد على سمة فاتحة عالية التباين، ترتكز على اللون الأصفر الأيقوني للعلامة #FFFC00، وعلى أسطح شبه سوداء أساسية بلون #121314، وخلفية صفحة بيضاء نقية. يجمع التصميم بين الخط Avenir Next كخط أساسي والخط Graphik كخط ثانوي، لتحقيق تسلسل طباعي ودود ومنظم في الوقت نفسه. أما عناصر التفاعل، كالأزرار والكبسولات والوسوم، فتستخدم زوايا دائرية كاملة بنصف قطر 100px، بينما تعتمد حقول الإدخال زاوية خفيفة بنصف قطر 5px. وتأتي شريط التنقل على هيئة كبسولة عائمة بظل ناعم. ويُعرض المحتوى في بطاقات وسائط كبيرة مع نص أبيض فوقها، ما يمنح التخطيط طابعاً غامراً يبرز معاينات التطبيق. وتتسم الكثافة العامة بالاعتدال، مع مساحات بيضاء واسعة وتسلسل بصري واضح، يربط بين أعراف واجهات التسويق وواجهات المنتج.
لا تجد الموقع الذي تحتاج إليه؟
الصق أي رابط لتحصل على ملف DESIGN.md من أي موقع ويب. الألوان والخطوط والمسافات والرموز، جاهزة لسير عملك مع الذكاء الاصطناعي.