[mhc_section admin_label=”section”][mhc_row admin_label=”row”][mhc_column type=”4_4″][mhc_image admin_label=”صورة” src=”https://shortcutadv.com/new/wp-content/uploads/2020/06/2-D-scaled.jpg” alt=”العناصر ثنائية الابعاد” title_text=”العناصر ثنائية الابعاد” show_in_lightbox=”off” url_new_window=”off” animation=”right” hoverfx=”none” sticky=”off” image_mask=”off” border_radius=”0″ align=”right” force_center_on_mobile=”on”]
[/mhc_image][mhc_text admin_label=”نص” background_layout=”light” text_orientation=”right”]
اهمية تصميم العناصر ثنائية الابعاد (2D) فى مجال ال Web design
التصميم المسطح (Flat Design) والعناصر ثنائية الابعاد
-هو أسلوب لتصميم واجهة المستخدم (Interface User )بيتم فيه استخدام العناصر ثنائية الابعاد والالوان الزاهية(Colors Bright)،و ظهرت أهميته مع إصدار نظام التشغيل Windows 7 8 و Apple’s IOS و Google’s Material Design واللي جميعهم بيستخدموا النوع ده من التصميم.
-تم تطوير التصميم المسطح الذي يتم فيه استخدام العناصر ثنائية الابعاد خصيصا للتصميم المتجاوب(Design Responsive) واللى من خلاله تقدر تشوف محتوى موقع الويب بسلاسة حسب حجم شاشة الجهاز المستخدم سواء كمبيوتر او تابليت او موبايل عن طريق استخدام الاشكال البسيطة وتقليل الزخارف(Textures)بيضمن التصميم المسطح والعناصر ثنائية الابعاد، إن التصميمات المتجاوبة بتعمل بشكل جيد وبيتم تحميلها بسرعة وخصوصا إن سرعة الانترنت في الموبايل بتكون بطيئة،وبالتالي بيوفر تجربة انسيابية ومثالية بالنسبة لل(Experience Use)
العناصر ثنائية الابعاد
-التصميم المسطح الذي يستخدم العناصر ثنائية الابعاد ليس بالتصميم الجديد في عالم الويب؛ وتم استلهامه من خلال 3 أنماط فنية وهي النمط السويسري ( Swiss Style” or ” International Typographic Style”) ، باوهاوس (Bauhaus)،والحداثة (Modernism)،ومن ضمن تلك الانماط كان للنمط السويسري الاثر الاكبر على التصميم المسطح،وقد أصبح التصميم المسطح مشهورا في ال real world فى فترة الخمسينيات والستينيات من القرن الماضي،بينما فى الDigital world فقد ظهر حديثا.
-أحد الامثلة على التصميم المسطح ال Digital هو ماظهر في Microsoft’s ill-fated Zune MP3 player فى سنة 2006،واللي كانت فيه الواجهة بسيطة وتم استخدام الTypography بحروف صغيرة وحجم خط كبير وخطوط أحادية اللون وواضحة.
في عام 2013 انضمت شركة Apple إلى مجموعة ٌمستخدمي التصميم المسطح مع إصدار IOS 7 وعدم استخدامها لتصميمات Skeuomorphic السابقة.
![مواقع الويب](https://shortcutadv.com/new/wp-content/uploads/2020/06/تصميم-المواقع-300x170.jpg)
ما مدي أهمية التصميم المسطح بالنسبة الي ال(UI Designers)؟
-يتيح التصميم المسطح الذي يعتمد على استخدام العناصر ثنائية الابعاد لمصممي واجهة المستخدم التركيز على القيمة التي يقدمونها للمستخدم بدلا من التركيز على التصميمات الجمالية فقط،مما يجعلهم يصوبون اهتمامهم فى واجهة المستخدم (User Interface) دون اهتمام بال Graphic Design مما يجذب الكثير من المستخدمين والعملاء.
نصائح لاعداد تصميم مسطح بسيط ومميز
-من السهل جدا إنشاء التصميم المسطح الذي يعتمد على العناصر ثنائية الابعاد، ولكن يجب التركيز على أن يكون التصميم بسيطا بشكل يجذب المستخدم،وهذه نصائح تٌساعدك على ذلك:
1- استخدام ألوان قوية ومختلفة للتركيز على التفاصيل داخل الرموز والرسوم التوضيحية وغيرها.
2-استخدام Sans serif typography في كتابة الخطوط بشكل كبير ويسهل قرائتها والتي تظهر ما هو
رمز(Icon) او رسم توضيحي(Illustration).
3-عناصر واجهة المستخدم تكون واضحة يسهل رؤيتها وفهمها بسهولة.
هل التصميم المسطح ممل ؟!
-رغم بساطة وفعالية التصميم المسطح والذي يساعد فى توجيه أنظار المستخدمين إلى حيث يريد المصمم أن يكون ، الا أن هناك من يرى أن التصميم المسطح ممل بعض الشيء وغير فعُّال، والحقيقة هى أن تقليل الضوضاء البصرية عن طريق تقليل الزخارف والتخلص من العناصر غير الضرورية يؤدي إلى تحسين قابلية الاستخدام.
-سواء كان التصميم المسطح فى نظرك ممل ام لا وتريد معرفة ذلك، فإنه يمكنك تجربة ال(User Testing) والتى ستساعدك فى تحديد ما إذا كان التصميم المسطح رائعا ام غير ذلك.
فى هذه المقالة بيُّنا تعريف التصميم المسطح ونبذة مختصرة عن تاريخه ولماذا يقوم المصممون باستخدامه،وقمنا أيضا بتقديم بعض النصائح التى يلزم اتباعها عند إنشاء تصميم مسطح ليكون مميزا ً وتطرقنا إلى وجهات نظر مصممي واجهة المستخدم فى هذا النوع من تصميم الويب…لا تنسي الاطلاع علي المقالات الاخري والتعليق بمدي استفادتك.
شركة شورت كت بالرياض توفر، من خلال باقاتها الأربع البرونزية، والفضية، والذهبية، والماسية، فرصة لكتابة ملف تعريفي لشركتك بشكل احترافي مبدع.
بادر بالاتصال بنا الآن عبر الهاتف: 0540907692
[/mhc_text][/mhc_column][/mhc_row][/mhc_section]