توقعات تصميم مواقع الانترنت في 2010 [مفاهيم]

Posted in Uncategorized on Jan 24, 2010


تجتاح تصميم مواقع الانترنت كغيره من الأعمال الفنية في العالم ما يمكن تسميته “موضة” أو نزعة معينة في التصميم من فترة لأخرى، وهذا يرافق ظهور عدة عوامل تتشابه في الكثير من مواقع انترنت التي تصمم في نفس الفترة.
وعلى هذا نشر موقع webdesignerwall ما توقعه من نزعات لتصميم مواقع الانترنت في العام 2010.

مع دخول CSS3 و HTML5 إلى عالم التصميم، فقد قام المصممون فوراً باستغلال ميزاتها الرائعة لصناعة تصاميم رائعة.
الأرضيات الكبيرة والرسوميات “السكيتشات” أخذت بالاختفاء تدريجياً. خطوط Serif (الخطوط ذات الزوائد) وأرضيات النقوشات ستكون مشهورة جداً. وبفضل CSS3 سنرى الكثير من الزوايا المكسورة “الدائرية”، وسنرى الكثير من الشفافية على الخطوط مثلاً والكثير من استخدام الظلال.
ومع انتشار الهواتف الذكية بشكل كبير سنشهد الكثير من نسخ خاصة بالهواتف من المواقع الشهيرة.

خطوط Serif

يمكن ملاحظتها بوضوح كبير في المواقع، وهذه أمثلة عليها.

screen capture

screen capture

screen capture

screen capture

screen capture

screen capture

الترويسات الكبيرة

هذه الترويسات ستحتل مكانة واسعة في تصاميم 2010.

screen capture

screen capture

screen capture

screen capture

screen capture

screen capture

screen capture

استخدام خطوط غير مدعومة في جميع أجهزة الكمبيوتر

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

أما مع ظهور موقع مثل Typekit فيمكن الآن استخدام خطوط حديثة وغير موجودة على أجهزة الكمبيوتر مثل (FontSquirrel, OpenType, و The League of MoveableType) ولهذا قد نشهد تحوّلاً واسعاً نحو استخدام هذه الطريقة.

screen capture

screen capture

screen capture

screen capture

screen capture

أرضيات النقوشات

نشهد الآن توجهاً نحو النقوشات الصغيرة والصغيرة جداً في الأرضيات كاستخدام Noise في فوتوشوب.

screen capture

screen capture

screen capture

screen capture

screen capture

screen capture

screen capture

screen capture

screen capture

screen capture

screen capture

Minimalist & Grid

تركت اسم هذا القسم من الموضوع باللغة الانجليزية لأن ترجمة الكلمتين تحتاج لشرح مطوّل.

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

Grid: وهي تعني وجود شبكة من المساطر الطولية أو العرضية أو كليهما التي يعتمد عليها المصمم لإنجاز عمله الفني، وبالتالي نلاحظ وجود تحاذي لأقسام وكتل ضمن التصميم.

screen capture

screen capture

screen capture

screen capture

screen capture

screen capture

screen capture

screen capture

ميزات CSS3 الجديدة

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

رسوم متحركة

كما في الموقع التالي يستخدم أمراً يمكن لمتصفحات Webkit مثل Safari وحدها عرضه حيث تبدو الدائرة تدور، أما إذا كان المتصفح لا ينتمي لهذه المجموعة فإن الدائرة ستكون ثابتة.

screen capture

الظلال والزوايا المكسورة

كان المصممون في السابق يضطرون لاستخدام صور أو التحايل لظهور هاتين الميزتين، الآن كل ما علينا هو إضافة سطر برمجي واحد وتحديد قيمة الانكسار أو سطر آخر للظل.

screen capture

screen capture

screen capture

screen capture

ظلال الخطوط

تستخدم لإضافة عمق للخطوط، كأنها ثلاثية الأبعاد.

screen capture

screen capture

screen capture

screen capture

الشفافيات

RGBA هي ميزة جديدة تسمح بجعل الكتابات شفافة بعض الشيء.

screen capture

screen capture

screen capture

تصاميم الهواتف

في ما يلي مجموعة من المواقع التي تستخدم نسخ الهواتف، جميع الصور التالية مأخوذة بواسطة iPhone.

screen capture

screen capture

screen capture

screen capture

screen capture

screen capture

screen capture

screen capture

وشكراً لكم أتمنى مشاركتنا آراءكم.

5 Comments

  1. Jan 24, 2010

    أمور مبشرة ربما سأبحث عن Video Tutorial لمعرفة جديد الإصدارين الجديدن وبعض ورشات توظيفهما في تصميم صفحات الويب.

  2. Jan 24, 2010

    سعدت جدا بقراءة هذه التدوينة
    حيث اضافت لي معلومات مفيدة
    اعجبتني فكرة Texturized Background حيث تعطي الموقع طابع واحساس اخر
    وانا بصدد تقديم مشروع تجارة الكترونية في الجامعة من اجل التخرج
    اعتقد اني ساستخدم هذه التقنية
    انشاء الله بعد الفحص سوف ابدا بتحليل وتصميم الموقع

    مشكور حسام على ترجمة المقالة

  3. Feb 1, 2010

    مقالة جيدة أشكرك ، تذكرني بعالم الموضة والأزياء ، أصبح لتصميم المواقع موضة عام وألوان ونقوش ( جمع نقش ) .

  4. May 10, 2011

    مقالتك جميلة شكرا لك كثيرا

Trackbacks/Pingbacks

  1. Tweets that mention توقعات تصميم مواقع الانترنت في 2010 [مفاهيم] • تصميم المواقع • تكنولوجيا, مواقع مفيدة, -- Topsy.com - [...] This post was mentioned on Twitter by Housamz and المدوّن, Housamz.com. Housamz.com said: توقعات تصميم مواقع الانترنت في 2010…

Leave a Reply

لن يتم نشر البريد الإلكتروني . Required fields are marked *