d3m24.com
2016-06-14, 02:48 PM
http://ssl.d3m24.com/asessts/uploads/2016/01/shop.png
النصميمات الفلات او المسطحة او التصميم المتجاوب الأكثر شعبية وشهرة بين كل من المؤسسات والمصممين كذلك. بدءا من اول اطلالة لها على يد مايكروسوفت عام 2010 ومرورا بشركات كبرى كأبل وجوجل في بعض خدماتها وتطبيقاتها ، لنصل الى صيحة جديدة تجتاح العالم بسرعة رهيبة ومخيفة …!
في الماضي، كان مصممو المواقع يستعرضون مهاراتهم من خلال تعبئة مواقعهم بالكثير من الرسوم التوضيحية المُبهرجة والرسوم المتحركة الخاطفة للنظر، كانوا يأملون من هذه الأمور أن تُبهر زوارهم وتُذهلهم، لحسن الحظ فلم يدم هذا الأمر طويلًا حتى تحولوا إلى أسلوب جديد في التصميم يُسمى “skeuomorphic” وهو أسلوب يهتم بالاحتفاظ بملامح الأشياء الحقيقية، حاول المصممون من خلال هذا الأسلوب أن يُحضروا أشكال وخصائص الأشياء الحقيقية؛ كالظلال وغيرها من الخصائص الّتي تُعطي العناصر خصائص أشبه بما نراه في حياتنا الواقعية.
تطوّر الأمر بسرعة حتى وصلنا إلى اليوم، أصبح الكل يتوجه إلى أسلوبٍ اشتهر بسرعة في عالم تصميم موقع (http://www.d3m24.com/%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D9%85%D9%88%D8%A7%D9%82%D8%B9) يُسمى بالفلات، أسلوب تصميم الـ “Flat” يُعادي -أو يعارض- كُل أساليب التصميم المُصطنعة لصالح البساطة في التصميم وإظهار الجمال الرقمي التقليدي، إن كنت تُريد أن تُصمم صفحةً ويب بطريقة تجعل تركيز الزائر أكبر فقد يكون هذا الأسلوب هو ما تحتاج إليه.
ينظر إلى واجهة مستخدم التصميم المسطح (Flat User Interface Design) بكونها نوع من اعتدال واجهة المستخدم ، أو لغة تصميم (Design language) ، (Langage de conception) يتم استخدامها حاليا في مختلف واجهات المستخدم الرسومية (graphical user interfaces)
هذا التمثيل المعتدل لتصميم الويب المسطح يقوم على مبدأ التزام كل عنصر من عناصر التصميم بوظيفة خاصة ومحددة المعالم ، وهو الأمر الذي لا نجده بالمقابل في نمط التصميم السكيوموروفيكي (Skeuomorphic Design)
أمثلة عن (Flat) أو التصميم المسطح
ومن الأمثلة الحديثة على استخدام أسلوب (Flat) أو التصميم المسطح ، نجد : لغة التصميم ميترو لمايكروسوفت(Microsoft’s Metro – design language -) ، نظام تشغيل أو إس 10 من آبل (OS X Yosemite) ، وكذا واجهة المستخدم جوجل (Material Design)
بدأت شهرة التصميمات المسطحة flat designs عندما نشر “الان جرينشتين – Allan Grinshtein” من Layer Vault حينما نشر موضوعه “ساحة التصميمات المسطحة – The Flat Design Era“. تميز موضوعه بشرح وافي لكيفية عمل تصميمات انيقة بعناصر اقل ..! ولقد ذاع صيته بين الجماهير بسبب رغبتهم في الهروب من تلك المخططات القديمة في تصميم الويب.
وكانت البداية الحقيقية لهذا الاتجاه في التصميم مع انطلاقة مايكروسوفت في ثوبها الجديد ، والتي جاءت عام 2006 اثناء اطلاقها لمشغل الموسيقى الجديد Zune . وقد جاء التصميم الجديد خالي من كثير من التفاصيل والعناصر ، وركز اكثر على الاضاءة والتيبوغرافي الكبير.
الموقع الأكثر شهرة للألوان المسطحة : flatuicolors
إذن هذا كل شيئ عن هذا التصميم الجديد … إنتظروا قريبا إن شاء الله ساطرح أهم الدروس للبدأ في تعلم Flat_Design .
أسلوب تصميم الفلات هو أسلوب تصميم يُرّكز على شدّة البساطة بالإضافة إلى سهولة الاستخدام، وهو يتميز بكونه نظيفًا ذو مساحات مفتوحة وحوافٍ واضحة ورسومٍ توضيحية تتميز بالبساطة والجمال. شركة مايكروسوفت كانت أحد أول الشركات الّتي توجهت إلى تطبيق هذا الأسلوب في واجهاتها، وقد نظر البعض إلى هذا التوّجه كرد فعلٍ قوي ضد أسلوب “skeuomorphic” والذي قد حصل على شعبية كبيرة بسبب استخدام آبل له بشكل أساسي في واجهاتها، فبدلًا من صنع واجهة تحمل القليل من ملامح شيء حقيقي، يدعو الفلات إلى تصميم تطبيقاتٍ بواجهة أبسط، فهذا أفضل من جلب جوانب الحياة الواقعية إلى الواجهات الرقمية، وهذا لتبيين الفصل الواضح بين التكنولوجيا والأشياء الملموسة.
بدأت شهرة التصميمات المسطحة flat designs عندما نشر “الان جرينشتين – Allan Grinshtein” من Layer Vault حينما نشر موضوعه “ساحة التصميمات المسطحة – The Flat Design Era“. تميز موضوعه بشرح وافي لكيفية عمل تصميمات انيقة بعناصر اقل ..! ولقد ذاع صيته بين الجماهير بسبب رغبتهم في الهروب من تلك المخططات القديمة في تصميم الويب.
وكانت البداية الحقيقية لهذا الاتجاه في التصميم مع انطلاقة مايكروسوفت في ثوبها الجديد ، والتي جاءت عام 2006 اثناء اطلاقها لمشغل الموسيقى الجديد Zune . وقد جاء التصميم الجديد خالي من كثير من التفاصيل والعناصر ، وركز اكثر على الاضاءة والتيبوغرافي الكبير.
وعلى الرغم من عدم نجاح هذا المشغل الجديد ، الا انها كانت بداية رائعة لعصر جديد في تصميمات الويب.
ولكن منذ عام 2006 وحتى الآن لم تترك شركة مايكروسوفت اي فرصة متاحة دون ان تستغلها افضل استغلال لتطوير صورتها ومستلزمات واجهة موقعها ، والتي تأكدت يوما بعد يوم بمجرد النظر الى تلك الواجهة البسيطة ، المسطحة والنظيفة جدا لمايكروسوفت الجديدة.
حتى انه هناك عدد آخر من منتجات مايكروسوفت لم تهمل من مد يد التطوير اليها بالثوب الجديد ، منها :
الرئيسية الخاصة بـ Xbox 360
او واجهة مايكروسوفت ويندوز 8 ميترو الجديدة.
النصميمات الفلات او المسطحة او التصميم المتجاوب الأكثر شعبية وشهرة بين كل من المؤسسات والمصممين كذلك. بدءا من اول اطلالة لها على يد مايكروسوفت عام 2010 ومرورا بشركات كبرى كأبل وجوجل في بعض خدماتها وتطبيقاتها ، لنصل الى صيحة جديدة تجتاح العالم بسرعة رهيبة ومخيفة …!
في الماضي، كان مصممو المواقع يستعرضون مهاراتهم من خلال تعبئة مواقعهم بالكثير من الرسوم التوضيحية المُبهرجة والرسوم المتحركة الخاطفة للنظر، كانوا يأملون من هذه الأمور أن تُبهر زوارهم وتُذهلهم، لحسن الحظ فلم يدم هذا الأمر طويلًا حتى تحولوا إلى أسلوب جديد في التصميم يُسمى “skeuomorphic” وهو أسلوب يهتم بالاحتفاظ بملامح الأشياء الحقيقية، حاول المصممون من خلال هذا الأسلوب أن يُحضروا أشكال وخصائص الأشياء الحقيقية؛ كالظلال وغيرها من الخصائص الّتي تُعطي العناصر خصائص أشبه بما نراه في حياتنا الواقعية.
تطوّر الأمر بسرعة حتى وصلنا إلى اليوم، أصبح الكل يتوجه إلى أسلوبٍ اشتهر بسرعة في عالم تصميم موقع (http://www.d3m24.com/%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D9%85%D9%88%D8%A7%D9%82%D8%B9) يُسمى بالفلات، أسلوب تصميم الـ “Flat” يُعادي -أو يعارض- كُل أساليب التصميم المُصطنعة لصالح البساطة في التصميم وإظهار الجمال الرقمي التقليدي، إن كنت تُريد أن تُصمم صفحةً ويب بطريقة تجعل تركيز الزائر أكبر فقد يكون هذا الأسلوب هو ما تحتاج إليه.
ينظر إلى واجهة مستخدم التصميم المسطح (Flat User Interface Design) بكونها نوع من اعتدال واجهة المستخدم ، أو لغة تصميم (Design language) ، (Langage de conception) يتم استخدامها حاليا في مختلف واجهات المستخدم الرسومية (graphical user interfaces)
هذا التمثيل المعتدل لتصميم الويب المسطح يقوم على مبدأ التزام كل عنصر من عناصر التصميم بوظيفة خاصة ومحددة المعالم ، وهو الأمر الذي لا نجده بالمقابل في نمط التصميم السكيوموروفيكي (Skeuomorphic Design)
أمثلة عن (Flat) أو التصميم المسطح
ومن الأمثلة الحديثة على استخدام أسلوب (Flat) أو التصميم المسطح ، نجد : لغة التصميم ميترو لمايكروسوفت(Microsoft’s Metro – design language -) ، نظام تشغيل أو إس 10 من آبل (OS X Yosemite) ، وكذا واجهة المستخدم جوجل (Material Design)
بدأت شهرة التصميمات المسطحة flat designs عندما نشر “الان جرينشتين – Allan Grinshtein” من Layer Vault حينما نشر موضوعه “ساحة التصميمات المسطحة – The Flat Design Era“. تميز موضوعه بشرح وافي لكيفية عمل تصميمات انيقة بعناصر اقل ..! ولقد ذاع صيته بين الجماهير بسبب رغبتهم في الهروب من تلك المخططات القديمة في تصميم الويب.
وكانت البداية الحقيقية لهذا الاتجاه في التصميم مع انطلاقة مايكروسوفت في ثوبها الجديد ، والتي جاءت عام 2006 اثناء اطلاقها لمشغل الموسيقى الجديد Zune . وقد جاء التصميم الجديد خالي من كثير من التفاصيل والعناصر ، وركز اكثر على الاضاءة والتيبوغرافي الكبير.
الموقع الأكثر شهرة للألوان المسطحة : flatuicolors
إذن هذا كل شيئ عن هذا التصميم الجديد … إنتظروا قريبا إن شاء الله ساطرح أهم الدروس للبدأ في تعلم Flat_Design .
أسلوب تصميم الفلات هو أسلوب تصميم يُرّكز على شدّة البساطة بالإضافة إلى سهولة الاستخدام، وهو يتميز بكونه نظيفًا ذو مساحات مفتوحة وحوافٍ واضحة ورسومٍ توضيحية تتميز بالبساطة والجمال. شركة مايكروسوفت كانت أحد أول الشركات الّتي توجهت إلى تطبيق هذا الأسلوب في واجهاتها، وقد نظر البعض إلى هذا التوّجه كرد فعلٍ قوي ضد أسلوب “skeuomorphic” والذي قد حصل على شعبية كبيرة بسبب استخدام آبل له بشكل أساسي في واجهاتها، فبدلًا من صنع واجهة تحمل القليل من ملامح شيء حقيقي، يدعو الفلات إلى تصميم تطبيقاتٍ بواجهة أبسط، فهذا أفضل من جلب جوانب الحياة الواقعية إلى الواجهات الرقمية، وهذا لتبيين الفصل الواضح بين التكنولوجيا والأشياء الملموسة.
بدأت شهرة التصميمات المسطحة flat designs عندما نشر “الان جرينشتين – Allan Grinshtein” من Layer Vault حينما نشر موضوعه “ساحة التصميمات المسطحة – The Flat Design Era“. تميز موضوعه بشرح وافي لكيفية عمل تصميمات انيقة بعناصر اقل ..! ولقد ذاع صيته بين الجماهير بسبب رغبتهم في الهروب من تلك المخططات القديمة في تصميم الويب.
وكانت البداية الحقيقية لهذا الاتجاه في التصميم مع انطلاقة مايكروسوفت في ثوبها الجديد ، والتي جاءت عام 2006 اثناء اطلاقها لمشغل الموسيقى الجديد Zune . وقد جاء التصميم الجديد خالي من كثير من التفاصيل والعناصر ، وركز اكثر على الاضاءة والتيبوغرافي الكبير.
وعلى الرغم من عدم نجاح هذا المشغل الجديد ، الا انها كانت بداية رائعة لعصر جديد في تصميمات الويب.
ولكن منذ عام 2006 وحتى الآن لم تترك شركة مايكروسوفت اي فرصة متاحة دون ان تستغلها افضل استغلال لتطوير صورتها ومستلزمات واجهة موقعها ، والتي تأكدت يوما بعد يوم بمجرد النظر الى تلك الواجهة البسيطة ، المسطحة والنظيفة جدا لمايكروسوفت الجديدة.
حتى انه هناك عدد آخر من منتجات مايكروسوفت لم تهمل من مد يد التطوير اليها بالثوب الجديد ، منها :
الرئيسية الخاصة بـ Xbox 360
او واجهة مايكروسوفت ويندوز 8 ميترو الجديدة.