القياسات وخطوط الأساس (Metrics and Keylines) شبكات (Grids) خط الأساس كل العناصر تحاذي 8 dp مربع إلي الشبكة (grid) الأساسية. الفئة تحاذي 4 dp إلي الشبكة الأساسية. الأيقونات في أشرطة الأدوات تحاذي 4 dp مربع إلي الشبكة الأساسية. وهذا ينطبق ...
مبادئ جوجل التوجيهية لتصميم الماتريال : الشكل أو النمط (Style) – الجزء الرابع
الصور في تصميم الماتريال، الصور – سواء كانت توضيحية (illustration) أو فوتوغرافية (photography) ـــ تكون مبنية ولكن لا تفتعل (contrived).النسبية (Materiality) ، البنية (texture) ، العمق (depth) ، والاستخدام الغير متوفع للون ، إدراك السياق يكونوا مؤكدين (emphasized). مبادئ الصور ...
مبادئ جوجل التوجيهية لتصميم الماتريال : الشكل أو النمط (Style) – الجزء الثالث
الأيقونات أيقونات النظام (System Icons) التعريف أيقونات النظام أو أيقونات واجهة المستخدم ، ترمز إلي أمر ، ملف، جهاز ، أو دليل. ويستخدم نظام الأيقونات أيضا لتمثيل إجراءات (actions) شائعة مثل الطباعة والحفظ والحذف. تصميم أيقونات النظام بسيط ،حديث، وودي. ...
مبادئ جوجل التوجيهية لتصميم الماتريال : الشكل أو النمط (Style) – الجزء الثاني
التيبوغرافي Roboto منذ إصدار نسخة ايس كريم ساندويتش للاندوريد ، كان الخط الأساسي هو روبوتو (Roboto). في هذه النسخة تم تعديل وصقل خط Roboto بشكل موسع للعمل علي مجموعة كبيرة من المنصات المعتمدة. فهو مستدير واعرض قليلا، مما يعطيها قدر ...
مبادئ جوجل التوجيهية لتصميم الماتريال: الرسوم المتحركة-الجزء الثاني
التحول الهادف(Meaningful Transitions) قد يكون من الصعب أحياناً على المستخدم أن يعرف أين يركز إهتمامة في التطبيق أو كيف تحصل عناصر التطبيق على الإنتقال من نقطة إلى نقطة أخرى. التصميم الحركي (motion design) الفعال والدقيق يمكن أن يوجه إنتباة وتركيز المستخدم من ...
مبادئ جوجل التوجيهية لتصميم الماتريال: الرسوم المتحركة-الجزء الأول
الحركة الرئيسية إدارك شكل ملموس للكائن أو العنصر يساعدنا على فهم كيفية التعامل معه.ومراقبة حركة للكائن أو العنصر تخبرنا ما إذا كان قوي أم ضعيف، مرن أم جامد، صغير أو كبير.الحركة في عالم تصميم الماتريال ليست فقط جملية، إنها تقوم ...