تحدثنا مسبقا عن التصميم المسطح flat design كاتجاة جديد فعالم تصميمات الويب.
واوضحنا بدايتة و متي تم استخدامة لاول مره ،
واهم السمات التي تميز بها.
وكنا ربما توقفنا عند نقطه هامه ،
الا و هي … كيف يمكننا عمل تصميم مسطح ….؟
لتكون قادرا على عمل تصميم مسطح انيق بجوده عاليه عليك اولا ان تتعرف على اهم النقاط التي يجب ان تعتنى فيها و توليها اهتمامك الاكبر من اختيارك للاوان المستخدمة فالتصميم ،
وايضا التيبوغرافى او النص الذي سيظهر فتصميمك.
ايضا هنالك الادوات الثانية من ايقونات و ازرار و اشكال ثانية .
ولكن اهم من ذلك كله هو ادراكك الفعلى لكون ذلك التصميم النهائى صالح للاستعمال ام لا ….!
نبدا اولا ب
التيبوغرافي:
اود ان انوة فالبداية اننا بدانا بالتيبوغرافى لما لها من اهمية بالغه فابراز جمال و اناقه التصميم المسطح ،
كما انها تمثل نقطه ارتكاز قويه فجذب انتباة عين الزائر لموقعك فور دخولة ….!
وبما ان من اهم متميزات التصميم المسطح هو البساطه و الانسيابيه المجرده من اي تفاصيل فالتيبوغرافى هنا ربما تمثل لك طوق النجاه لخلق ستايل جذاب و انيق لموقعك اذا ما تم استخدامها بكيفية صحيحة.
ويتم ذلك من اثناء اختيارك الموفق لنوع الخط المستخدم و شكل الاحرف فيه و طريقة استخدامة فالكتابة.
وطالما خلفيه الموقع بسيطة للغايه اذن يجب ان تكون الكتابة هنا هي محل لفت الانظار.
وسوف نتطرق فيما بعد لعدد من الامثله الناجحه لتيبوغرافى المواقع و كيف استعملت بكيفية سليمه و فعالة.
الالوان:
الالوان لا تقل اهمية ابدا عن التيبوغرافى ،
وانما فبعض الاحيان تتفوق عليها رتبه و تصبح هي سر نجاح التصميم فالاساس.
فكما نعرف ان التصميم المسطح هو اسلوب جديد فتصميمات الويب لذلك لزم علينا استعمال الوان حديثة تتناسب مع رساله و اسلوب ذلك الاتجاة الجديد.
لذا نجد الالوان الحديثة اكثر جراه و حياة و اشراقه من اي تدرجات الوان ثانية استعملت من قبل.
ولتوفير عناء البحث عن هذي الالوان الحديثة تم تطوير و اطلاق موقع متخصص لها تحت اسم Flat UI Colors تستطيع ان تجد فيه اخر و اكثر الالوان شعبية التي تم استخدامها فالتصميم المسطح.
لكن انتظر …
عند اختيارك للون جميع ما عليك هو ان تفكر للحظه كيف سيساعدك ذلك اللون فاظهار موقعك…؟!
عليك كذلك ان تختار لونا اساسيا فالتصميم كلون بعض الازرار المهمه ك: “نفذ – Submit” او “ارسل – Send” او “قراءه المزيد – See More” و غيرها من الاوامر المهمه و التي ترغب فجعلها بارزه لعين الزائر.
فيجب ان تكون كلها بنفس درجه اللون ،
يمكنك ان تختارة لونا متميزا ليس بالداكن و يجب ان يصبح مضاد تماما للون الخلفيه .
فى التصميمات ذات الخلفيات الداكنه تجد دائما تلك الازرار باللون “الوردى – الفوشيا – الاصفر او حتي الاحمر القاني”.
يمكنك كذلك ان تختار لونا ثانويا و الغالب هنا هو استعمال اللون الرمادي.
عليك الانتباة دوما الى ان اختيار الالوان فالتصميمات المسطحه لها اثر بالغ لان عند استعمال الازرار المسطحه بها هذي الالوان هي ما تعمل كمؤشر توضيحى لها و تساعدك فالتعرف علىها.
الاشكال:
غالبا سيتوجب عليك ان تصنع ازرارا بشكل المستطيل او مستطيل بزواريا دائرية،
وذلك يعتمد بالطبع فالاساس على ستايل التصميم الخاص بك.
يمكنك ان تكون اكثر ابداعا و تستعمل اشكال ثانية كالدائره ،
المثلثات او حتي الاشكال الهندسية الثانية و لكن عليك الانتباة ان استعمال تلك الاشكال ممكن ان تكون اكر مخاطره بالنسبة لك.
عليك الانتباة جيدا الى طريقة تنظيمك لمربعات النصوص و المحتوي الخاص بك حتي يتمكن الزائر من القراءه بكل سهوله و يتمكن من التفرقه بين عناوين المقالات و محتواها.
فالمثال السابق تستطيع ان تري عزيزى الزائر الفرق الواضح بين لون الخلفيه و لون القائمة الرئيسيه و ايضا درجه ثانية مختلفة لمربع البحث ،
حتي يسهل على الزائر التحرك .
ايضا تجد ان المصمم اختار لونا اساسيا للقائمة الاخرى داكنا،
ولونا ثانويا جاء بدرجه ثانية زاهيه من درجات الاخضر الزمردي.
- الاثاث المسطح تعريف
- بحث عن الشكل المسطح
- تعريف التصميم المسطح
- تعريف الللون المسطح
