تجتاح تصميم مواقع الانترنت كغيره من الأعمال الفنية في العالم ما يمكن تسميته “موضة” أو نزعة معينة في التصميم من فترة لأخرى، وهذا يرافق ظهور عدة عوامل تتشابه في الكثير من مواقع انترنت التي تصمم في نفس الفترة.
وعلى هذا نشر موقع webdesignerwall ما توقعه من نزعات لتصميم مواقع الانترنت في العام 2010.
مع دخول CSS3 و HTML5 إلى عالم التصميم، فقد قام المصممون فوراً باستغلال ميزاتها الرائعة لصناعة تصاميم رائعة.
الأرضيات الكبيرة والرسوميات “السكيتشات” أخذت بالاختفاء تدريجياً. خطوط Serif (الخطوط ذات الزوائد) وأرضيات النقوشات ستكون مشهورة جداً. وبفضل CSS3 سنرى الكثير من الزوايا المكسورة “الدائرية”، وسنرى الكثير من الشفافية على الخطوط مثلاً والكثير من استخدام الظلال.
ومع انتشار الهواتف الذكية بشكل كبير سنشهد الكثير من نسخ خاصة بالهواتف من المواقع الشهيرة.
خطوط Serif
يمكن ملاحظتها بوضوح كبير في المواقع، وهذه أمثلة عليها.
الترويسات الكبيرة
هذه الترويسات ستحتل مكانة واسعة في تصاميم 2010.
استخدام خطوط غير مدعومة في جميع أجهزة الكمبيوتر
كما نعلم فإن كل جهاز كمبيوتر يقوم بعرض الخطوط الموجودة فيه فقط، لذا عمد مطورو الويب في الماضي إلى استخدام عدد محدود من الخطوط (التي تعد قديمة وغير جميلة بعض الشيء) أو استبدال الكتابات بصور تحوي خطوط جميلة.
أما مع ظهور موقع مثل Typekit فيمكن الآن استخدام خطوط حديثة وغير موجودة على أجهزة الكمبيوتر مثل (FontSquirrel, OpenType, و The League of MoveableType) ولهذا قد نشهد تحوّلاً واسعاً نحو استخدام هذه الطريقة.
أرضيات النقوشات
نشهد الآن توجهاً نحو النقوشات الصغيرة والصغيرة جداً في الأرضيات كاستخدام Noise في فوتوشوب.
Minimalist & Grid
تركت اسم هذا القسم من الموضوع باللغة الانجليزية لأن ترجمة الكلمتين تحتاج لشرح مطوّل.
Minimalist أو التقليلية كما تعرفها ويكيبيديا: (التبسيطية او الحد الادنى) هي حركة فنية ازدهرت في الستينات خرجت من تحت المدرسة التجريدية وتتميز بتقديم الاعمال الفنية بأقل عدد من العناصر والألوان . وتعتمد على التبسيط وحذف الكثير من التفاصيل.
Grid: وهي تعني وجود شبكة من المساطر الطولية أو العرضية أو كليهما التي يعتمد عليها المصمم لإنجاز عمله الفني، وبالتالي نلاحظ وجود تحاذي لأقسام وكتل ضمن التصميم.
ميزات CSS3 الجديدة
مع دخول هذه الميزات فإننا سنشهد أموراً برمجية كان المصممون يضطرون لوضع صور أو فلاش لتحقيقها، وهذا يعني ثباتاً أفضل للصفحات على جميع المتصفحات وأحجاماً صغيرة.
رسوم متحركة
كما في الموقع التالي يستخدم أمراً يمكن لمتصفحات Webkit مثل Safari وحدها عرضه حيث تبدو الدائرة تدور، أما إذا كان المتصفح لا ينتمي لهذه المجموعة فإن الدائرة ستكون ثابتة.
الظلال والزوايا المكسورة
كان المصممون في السابق يضطرون لاستخدام صور أو التحايل لظهور هاتين الميزتين، الآن كل ما علينا هو إضافة سطر برمجي واحد وتحديد قيمة الانكسار أو سطر آخر للظل.
ظلال الخطوط
تستخدم لإضافة عمق للخطوط، كأنها ثلاثية الأبعاد.
الشفافيات
RGBA هي ميزة جديدة تسمح بجعل الكتابات شفافة بعض الشيء.
تصاميم الهواتف
في ما يلي مجموعة من المواقع التي تستخدم نسخ الهواتف، جميع الصور التالية مأخوذة بواسطة iPhone.
وشكراً لكم أتمنى مشاركتنا آراءكم.
أمور مبشرة ربما سأبحث عن Video Tutorial لمعرفة جديد الإصدارين الجديدن وبعض ورشات توظيفهما في تصميم صفحات الويب.
سعدت جدا بقراءة هذه التدوينة
حيث اضافت لي معلومات مفيدة
اعجبتني فكرة Texturized Background حيث تعطي الموقع طابع واحساس اخر
وانا بصدد تقديم مشروع تجارة الكترونية في الجامعة من اجل التخرج
اعتقد اني ساستخدم هذه التقنية
انشاء الله بعد الفحص سوف ابدا بتحليل وتصميم الموقع
مشكور حسام على ترجمة المقالة
[...] This post was mentioned on Twitter by Housamz and المدوّن, Housamz.com. Housamz.com said: توقعات تصميم مواقع الانترنت في 2010 [مفاهيم] http://bit.ly/784rFg [...]
مقالة جيدة أشكرك ، تذكرني بعالم الموضة والأزياء ، أصبح لتصميم المواقع موضة عام وألوان ونقوش ( جمع نقش ) .