[ الدرس الاول ] : [ Flat Design | آلتصميم آلمسطح ] : البداية فى التصميم المسطح .

تم تحميل الصفحة في 0,2751193 ثانية
[ Flat Design | آلتصميم آلمسطح ] : البداية فى التصميم المسطح .

Đя.Aиσиyмσυs

.:: مُصمم جرافيكس، مَبرمج ::.
rankrankrank
إنضم
3 يونيو 2014
المشاركات
708
الإعجابات
964
النقاط
93


*
..: آسـعد آلله آوقـآتكم :..

إخواني و أخواتي الكرام , زوّار و روّاد أقسام آلتصميم الأفاضل ,,

تحية طيبة للجميع / و نتمنى ان تكونوا بأتم الصحة و العافية

,


اليوم بآذن الله سوف استكمل دورة بسيطة عنـ [ Flat Design | آلتصميم آلمسطح ]

واسف ع التاخير بسب بعض الظرووف . . :637479:

*

..: فهرس الدورة :..

[ Flat Design | آلتصميم آلمسطح ] : مقدمة عنـ آلتصميمـ , وتآريخة .

*
..: [ Flat Design | آلتصميم آلمسطح ] :البداية فى التصميم المسطح . :..


فى البداية سوف اقدام لكم بعض المواقع التى تعمل بتقنية الفلات

*



*



*


*

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

اود ان انوه في البداية اننا بدأنا بالتيبوغرافي لما لها من اهمية بالغة في ابراز جمال واناقة التصميم المسطح ، كما انها تمثل نقطة ارتكاز قوية في جذب انتباه عين الزائر لموقعك فور دخوله ….! وبما ان من اهم مميزات التصميم المسطح هو البساطة والانسيابية المجردة من اي تفاصيل فالتيبوغرافي هنا قد تمثل لك طوق النجاة لخلق ستايل جذاب وانيق لموقعك اذا ما تم استخدامها بطريقة صحيحة. ويتم هذا من خلال اختيارك الموفق لنوع الخط المستخدم وشكل الاحرف به وكيفية استخدامه في الكتابة. وطالما خلفية الموقع بسيطة للغاية اذن يجب ان تكون الكتابة هنا هي محل لفت الانظار. وسوف نتطرق فيما بعد لعدد من الامثلة الناجحة لتيبوغرافي المواقع وكيف استخدمت بطريقة سليمة وفعالة.
الالوان:

وهى اهم عنصر فى تصميم الفلات وتتميز بروعتها وبساطتها .

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


----





------------------------------------------------------------------




الاشكال:

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


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




" ألاهـــداْء "

آلى الجميع ,آعضآء وزوار منتديات نقطة التطوير

ومشرفى قسم التصميم والجرافيكس
 

Pro_Mast3r

ExpErt DeveloPer
rankrankrankrank
إنضم
1 أبريل 2013
المشاركات
1,536
الإعجابات
1,510
النقاط
113
الإقامة
in my home
رد: [ Flat Design | آلتصميم آلمسطح ] : البداية فى التصميم المسطح .

موضوع رائع
وتنسيق اروع
وباين انو الدوره جميله
من شخص مبدع .~
:42:
:: يجب عليك التعاون مع اداري القسم وفهرس كامل عن الدوره حتى يتم طرح الدوره ::
 

DR-WoWo

مُراقب عام تطوير المواقع
طاقم الإدارة
إنضم
4 أغسطس 2011
المشاركات
11,483
الإعجابات
16,201
النقاط
113
الإقامة
مكة المكرمة
رد: [ Flat Design | آلتصميم آلمسطح ] : البداية فى التصميم المسطح .

تصاميم الفلات اصبح له اقبل في هذي الفتره

متابع لدورتك يا صديقي

:yaho:

الله يعطيك الف الف عاافيه
 

Đя.Aиσиyмσυs

.:: مُصمم جرافيكس، مَبرمج ::.
rankrankrank
إنضم
3 يونيو 2014
المشاركات
708
الإعجابات
964
النقاط
93
رد: [ Flat Design | آلتصميم آلمسطح ] : البداية فى التصميم المسطح .

موضوع رائع
وتنسيق اروع
وباين انو الدوره جميله
من شخص مبدع .~
:42:
:: يجب عليك التعاون مع اداري القسم وفهرس كامل عن الدوره حتى يتم طرح الدوره ::
تسسلمم اخى ^^

بالنسبة لموضوع طرح الدورة لم اكون اعرف وقالى لى الاستاذ ابو مشعل من فريق اقسام التصميم . وان شآء الله تكون دروس سهلة وسلسة بآذن الله تعالى . . ! :30:
 

Đя.Aиσиyмσυs

.:: مُصمم جرافيكس، مَبرمج ::.
rankrankrank
إنضم
3 يونيو 2014
المشاركات
708
الإعجابات
964
النقاط
93
رد: [ Flat Design | آلتصميم آلمسطح ] : البداية فى التصميم المسطح .

مشكور ياغالي موضوع رائع وتنسيق ولا اروع استمر ، :222:
شكرا لك يآغالى الاروع مرروك اخى . . هولستن الحربي , :637476:
 

Đя.Aиσиyмσυs

.:: مُصمم جرافيكس، مَبرمج ::.
rankrankrank
إنضم
3 يونيو 2014
المشاركات
708
الإعجابات
964
النقاط
93

Đя.Aиσиyмσυs

.:: مُصمم جرافيكس، مَبرمج ::.
rankrankrank
إنضم
3 يونيو 2014
المشاركات
708
الإعجابات
964
النقاط
93
رد: [ Flat Design | آلتصميم آلمسطح ] : البداية فى التصميم المسطح .

تسلم ايدك يالغالي على درس رائع و طرح جميل جداا :32:
شكرا لك يآ غالى الاروع مرورك , :218:
 

Đя.Aиσиyмσυs

.:: مُصمم جرافيكس، مَبرمج ::.
rankrankrank
إنضم
3 يونيو 2014
المشاركات
708
الإعجابات
964
النقاط
93
رد: [ Flat Design | آلتصميم آلمسطح ] : البداية فى التصميم المسطح .

تصاميم الفلات اصبح له اقبل في هذي الفتره

متابع لدورتك يا صديقي

:yaho:

الله يعطيك الف الف عاافيه
شكرا لك اخى الغالى , :637476:
بالفعل انتشرت تصاميم الفلات انتشار واسع .
 
إنضم
5 مايو 2014
المشاركات
2,327
الإعجابات
3,012
النقاط
113
الإقامة
أ‡أ،أˆأ،أڈ أ‡أ،أ¦أچأ­أڈ أ‡أ،أگأ­ أ­أ£أ‘ أ£أ¤أ¥أµ أ
رد: [ Flat Design | آلتصميم آلمسطح ] : البداية فى التصميم المسطح .

تسلم يا غالي
في انتظار بأقي الدروس
بعون الله
 

الأعضاء النشطين حاليآ الذين يشاهدون هذا الموضوع (1 عضو و 0 ضيف)

خيارات الاستايل

نوع الخط
مودك
اخفاء السايدر بار OFF
توسيط المنتدى OFF
فصل الأقسام OFF
الأقسام الفرعية OFF
عرض المشاركات
حجم الخط
معلومات العضو OFF
إخفاء التوقيع OFF

إرجاع خيارات الإستايل