[ الدرس الثالث ] : [ Flat Design | آلتصميم آلمسطح ] : الخـطوط والالوان .

تم تحميل الصفحة في 0,8781252 ثانية
[ Flat Design | آلتصميم آلمسطح ] : الخـطوط والالوان .

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

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







عندما تكون الحروف تائهة علي الشفاه فيعقد معها الكلام ينبثق الشعر فيتغلغل الدفْ إلى الأعماق ~..

يتسرب من ثقوب الأيام مزيجمن عطر الأمسيات الباقية وتتفتح زهيرات للأمل وتطير الحروف حتى ~..

تنبلج في الفضاء ونـمنحكن ضوءاً مشمساً أجمل من النهار فننسج من خيوط الشمس و نسطر ~..

الشعر بلا كلمات ونقدم للأيام بهائها وللحنين تألقه نزداد ابتهاجاً ~



ُ

أههلاً بكم محبين التصميم والجرافيكس
~..


اليوؤم موعدنا مع استكمال دورة التصميم المسطح |Flat Desing ~..




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

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

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


[ Flat Design | آلتصميم آلمسطح ] : تصميمـ Header .
**

..: [ Flat Design | آلتصميم آلمسطح ] : الخـطوط والالوان . :..

فى الدرس الــسآبق تعلمنا معنا كيفية التعامل مع الاشكال لبناء هيدر .

اليوم درس مهم جدا للمعجبين بهذا الاتجاة فى التصميم

سوف نتعرف على الالوان والخطوط .
|[ ---------------------------------------------------- ]|
. ألالــوان | Colors.
وتعتبر الألوان هي مفتاح نجاح التصميم المسطح وسر نجاحه وانتشاره،والتصميم المسطح يملك عدد متنوعا ورائعا من الالوان التي تنبض بالحياة والقوة.
والالوان هى اللمسة السحرية لكل مصمم لخلق تصميم فلات انيق وناجح ؛ لما تقدمه من تضاد صريح بين الوان الواجهة الفاتحة والوان الخلفية الداكنة.
وهناك انماط معينة من الالوان تستخدم في التصميمات المسطحة وهي :

  • الألوان البراقة : bright colors
  • الريترو : Retro
  • الالوان الرتيبة : Monotone
ولكن هذه الأنماط ليست الوحيدة بين اتجاهات الألوان ولكنها اكثرها انتشارا في عالم تصميم الويب.
|[ الوان البراقة Bright Colors]|


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



ولكن هناك الوان هي الاكثر انتشارا بين المصممين نذكر منها الأزرق ، الأخضر والبنفسجي.

|[الوان الريترو Retro]|

عدد من المصممين لا يرغبون بتلك النزعة البراقة في الألوان لذا يستخدموا انماط اخرى من الالوان وهي الريترو Retro – التي تعطي مظهر المدرسة القديمة. وكما نعرف ان انماط الألوان الريترو تعتمد على استخدام الأصفر ، البرتقالي وبعض من الأحمر والأزرق بالاضافة الى لمسة من اللون الأبيض.

الألوان الريترو تعطي دوما افضل نتائجها عندما تمتزج بالصور او الألوان الصماء.

هناك عدد من الالوان المشهورة لهذا النمط منها البرتقالي ، المشمشي والأزرق الداكن.
|[الالوان الرتيبة Monotone]|

وهو نمط الالوان الذي يعتمد على لون واحد، بالاضافة الى لمسات من اللون الابيض او الاسود.

تراكيب تلك الالوان تحتاج الى خلطها ببعض الصبغات كالتالي :
تبدأ بدرجة تشبع بنسبة ( 100%) ثم 50 % ، 20 % و 8 % لتحصل في النهاية على نتيجة تختلف عن الدرجة الاساسية من اللون.

هناك عدد من الالوان المشهورة مثل درجات الأزرق ، الرمادي والأخضر.

|[ ---------------------------------------------------- ]|
الان سوف اقدم لكم افضل مجموعة مواقع لتنسيق الالوان عامة

والحصول على الوان التصميم المسطح خاصة . . ~





|[Flat UI Colors]|



|[colour lovers ]|



|[ Kuler ]|



|[Photoshop-Swatches-Library-for-Flat-UI-Design]|



بمجرد فتح هذة المجموعة من الــ Swatches يمكنك الحصول على الالوان بسهولة للستخدامها ببرنامج الفوتوشوب


|[ ---------------------------------------------------- ]|
.الـخطــوط |Typography.


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

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





|[ ---------------------------------------------------- ]|
|[Arabic Flat Fonts]|
أقدم لك افضل الخطوط المستخدمة فى مجال التصميم المسطح . .

1 -خــط فلات - Flat Font





2- خط كوفيان



3- خط خيآل





طبعا الامر يطول واختصآرا للوقت سوف ارفع لكم مكتبة خطوط اسلامية وعربية





|[ ---------------------------------------------------- ]|
|[English Flat Fonts]|

أقدم لك افضل مكتبة خطوط مستخدمة فى مجال التصميم المسطح . .





|[ ---------------------------------------------------- ]|

الى هنا اخواني اتمنى ان يكون موضوعي هذا قد نال رضاكم

رغم ان التمني شيئ محبب يصعب الحصول عليه تماماً


محبكم دومـا Dr.Xavi | Mohamed

في آمان الله ورعايتهه

:42:

 
إنضم
16 أبريل 2013
المشاركات
5,336
الإعجابات
5,694
النقاط
113
الإقامة
Iraq
رد: [ Flat Design | آلتصميم آلمسطح ] : الخـطوط والالوان .

تسلم اديك ياغالي ان شاء الله اخوان يستفادون من المواقع والخطوط

ودرسك اكثر من رائع ي حب

يوشم بمميز , واحلى تقيم وفايف ستارز . ونشر

ولا تحرمنا من جديدك ي حب

:637456:
 

Josَ

VIP DeveloPer
rankrankrankrankrankrank
إنضم
7 أكتوبر 2013
المشاركات
4,038
الإعجابات
7,224
النقاط
113
العمر
21
رد: [ Flat Design | آلتصميم آلمسطح ] : الخـطوط والالوان .

وعليكم السلام ورحمة الله وبركاته

عندما تكون التصاميم تائهة انت الي يجمعها لنا ي مبدع :sse:

احسنت احسنت .. درس واضح بسيط منسق مثل سابقهه من الدروس ..

متابع للدورة وبانتظار باقي الدروس ..

لك كل الود ي مبدع .. :157:
 

Abo Ziad

.:: Administrative ::.
طاقم الإدارة
إنضم
27 أغسطس 2008
المشاركات
24,061
الإعجابات
22,052
النقاط
113
رد: [ Flat Design | آلتصميم آلمسطح ] : الخـطوط والالوان .

وعليكم السلام ورحمه الله وبركاته

مميز بكل ما تحمل الكلمة من معاني يا غالى والله
تنسيق الدرس والصور في غاية الروعه والجمال
للإشهار على صفحة المنتدى بكل تأكيد
 
إنضم
26 سبتمبر 2013
المشاركات
1,650
الإعجابات
1,178
النقاط
0
الإقامة
.::∫Egypt∫::.
رد: [ Flat Design | آلتصميم آلمسطح ] : الخـطوط والالوان .

وعليكم السلام ورحمة الله وبركاته

بآرك الله فيك . . درس رووعة وبسيط

احسنت . . بآنتظار بآقى الدروس . .
 

Nasser Salem

.:: administration ::.
طاقم الإدارة
إنضم
7 أغسطس 2011
المشاركات
14,646
الإعجابات
23,927
النقاط
113
رد: [ Flat Design | آلتصميم آلمسطح ] : الخـطوط والالوان .

وعليكم السلآم ورحمة الله وبركآته

ربي يعطيك ألف عافية يآ وحش , درس أقل مآ يقآل عنه ابدآع .

أرى عضوية ستكون من أكبر الأسمآء بالموقع في مجآل التصميم .


يوجد خلل عندك في رآبط الـ Swatches تأكد من الملف لأنه الأرشيف معطوب أو مآ شآبه .


وآصل يآ استثنآئي ولآ تتوقف عند أي عقبة .


:9:
 

ḾąĞễĐ.Ҝђ

#1 فعالية صورة من بلادي
rankrankrankrankrankrank
إنضم
10 ديسمبر 2013
المشاركات
3,063
الإعجابات
2,772
النقاط
113
الإقامة
SYRIA
رد: [ Flat Design | آلتصميم آلمسطح ] : الخـطوط والالوان .

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

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

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

تسلم اديك ياغالي ان شاء الله اخوان يستفادون من المواقع والخطوط

ودرسك اكثر من رائع ي حب

يوشم بمميز , واحلى تقيم وفايف ستارز . ونشر

ولا تحرمنا من جديدك ي حب

:637456:
شكرأ لك اخى الغالى "Sajad" . . :42::42:
على كل شى من نشر وتقيم ربنا يخليك يآ غالى . :19:
 

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

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

وعليكم السلام ورحمة الله وبركاته

عندما تكون التصاميم تائهة انت الي يجمعها لنا ي مبدع :sse:

احسنت احسنت .. درس واضح بسيط منسق مثل سابقهه من الدروس ..

متابع للدورة وبانتظار باقي الدروس ..

لك كل الود ي مبدع .. :157:
:ssse::ssse:
تسسلم حبيبى ابومشعل . . :42::42:
 

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

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

وعليكم السلام ورحمه الله وبركاته

مميز بكل ما تحمل الكلمة من معاني يا غالى والله
تنسيق الدرس والصور في غاية الروعه والجمال
للإشهار على صفحة المنتدى بكل تأكيد

ششكرآ لك استاذى ابو زيآد . على دعمك والنشر . .
:42::42:
 

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

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

وعليكم السلام ورحمة الله وبركاته

بآرك الله فيك . . درس رووعة وبسيط

احسنت . . بآنتظار بآقى الدروس . .
ششكرآ اخى الغألى دكتور انونميس . على دعمك :9:
 

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

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

وعليكم السلآم ورحمة الله وبركآته

ربي يعطيك ألف عافية يآ وحش , درس أقل مآ يقآل عنه ابدآع .

أرى عضوية ستكون من أكبر الأسمآء بالموقع في مجآل التصميم .


يوجد خلل عندك في رآبط الـ Swatches تأكد من الملف لأنه الأرشيف معطوب أو مآ شآبه .


وآصل يآ استثنآئي ولآ تتوقف عند أي عقبة .


:9:
تسسلم استاذ نآصر . . ان شآء الله اقدر اقدم ما يفيد . :9::9:
بخصوص الـ Swatches تحـدثت مع المشرف وتم تعديل الروابط .
 

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

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

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


ششكر للك اخى الغألى . . سسعيد برآيك فى الدرس . :9::9:
ان شآء الله . . نراك لا تستطيع مغـادرة قسسم التصميم والجرافيكس قريبا . :ssse::ssse:
 

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

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

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

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