- 4 months ago
Category
✨
PeopleTranscript
00:00السلام عليكم ورحمة الله وبركاته
00:01في الدرس ده هنتعلم مع بعض
00:03إزاي نختار الألوان بتاعتنا بالطريقة الصحيحة
00:06ونفهم خصائص الألوان
00:08ونفهم إزاي ننسى الألوان مع بعضها
00:11فالتفاصيل ديت كلها يتعتبر فن اختيار الألوان
00:16والدرس ده يعتبر هو أول درس في وحدة الأساسيات
00:19ووحدة الأساسيات ديت هي وحدة مهمة جدا
00:23في الكورس ده وتعتبر أهم وحدة بالنسبة لك
00:26وفيها أهم درس بالنسبة لنا وهو التغذية البصرية برضو
00:30إن شاء الله هنتعلمه
00:31ولكن اللي أنا عايزة أقوله هي مقدمة لابد منها
00:35إن الوحدة ديت لازم تركز جدا فيها
00:37عايزك تجيب كوباية الشاي عايزك تقعد كده
00:40وإنت فاضي ودمغك رائقة
00:43عشان الوحدة ديت هي اللي هتأسسك صح في مجال التصميم
00:46لأن أي شخص ممكن يعمل تصميم بشكله مبهر
00:49ولكن تلاقي فيه أخطاء فنية قاتلة
00:52أي حد هيشوفها هيقول التصميم دوت شكله وحش
00:55أو التصميم دوت اللي عمله شخص مبتدئ
00:58فأنت لازم ما تخطأش الأخطاء الأساسية
01:00أنت ممكن تعمل تصميم شكله بسيط جدا وهادي جدا
01:03ما فيهوش أي أخطاء يعمل معك نتائج
01:07ويعمل مع العملاء نتائج
01:08وتعمل منه أرباح أكتر من تصميم شكله مبهر
01:12ولكن فيه أخطاء
01:13فعشان كده الوحدة ديت مهمة جدا
01:15عشان هي الأساس بتاعك
01:17فخلينا نبدأ في أول عنصر من الوحدة ديت
01:19وهي الألوان بتاعة الصورة
01:21وخلينا نبدأ مع إزاي تختار الألوان بتاعك أو بتختار الألوان بتاعتك بناء على إيه
01:28أول حاجة بتختار عليها الألوان هي ألوان البراند أو الشركة
01:32كل شركة وخصوصا الشركات الكبيرة
01:34بيكون عندها ألوان خاصة بالشركة بتاعتها أو ألوان خاصة بالبراند بتاعتها
01:39زي مثلا إيه خلينا نشوف الصورتين دولة اللي أنا جابهم لكم
01:42ديت مثلا شركة booken.com
01:45شركة booken.com أو موقع booken.com
01:47الموقع دوت عنده بالتة ألوان أو عنده مجموعة من الألوان
01:52كده جميع تصميماته بتتضمن الألوان ديت
01:54زي اللون الأزرى الجامع الأصفر اللبن الفاتح اللون الأبيض
01:59فتلاقي إن التصميم متضمن الألوان ديت
02:02وأي تصميم للشركة هتفتحه هتلاقيه متضمن الألوان ديت
02:06كذلك شركة LinkedIn المعروفة لها بلدة ألوان خاصة بها
02:10مثل الألوان الأحمر والبنك الفاتح والأبيض والأزرق
02:14فالألوان ديت خاصة بالشركة ديت
02:16ولو لاحظنا أن كل لون مكتوب عليه كود كده
02:19شباك وكود سواء أرقام أو خروف
02:22فإيه الكود ده بيعبر عن إيه؟
02:25الكود دوت بيعبر عن اللون
02:26كل لون ليه كود معين
02:28فلو فتحنا مثلا كده أي عمصر مثلا كلمة ألوان البرند
02:33مثلا لها الكتابة دي بالنسبة لنا
02:35وضغطنا عشان نغير لونها
02:36وضغطنا على علامة الزائد ديت
02:39هنلاحظ أنه هو مختار من هنا اللون أهوت
02:41اللي هي الجزئية ديت كده
02:43اللي فيها اللون
02:44وفي عندنا تحت كده كود
02:46الكود دوت هو كود اللون ده
02:48لو غيرنا اللون أو غيرنا الشكل كده
02:50جبنا مثلا لون ده
02:52هنلاقي أن الكود اللي تحت ده بيتغير
02:53كل ما بتختار لون بتلاقي له كود خاص بي
02:56فالكود دوت بيعبر عن اللون ده
02:59طيب في عندنا علامة برضو اسمها
03:01اختر لون من التصميم
03:03أو العلامة اللي هي لشكل القطارة
03:05لو ضغطنا عليها بالشكل ده
03:07هتوجهنا لإن نختار
03:10أي لون من التصميم بتاعنا
03:12فمثلا لو إحنا عايزين
03:13اللون الأزرق ده
03:14وضغطنا عليه كده
03:15هنلاقي إن الكتابة بتاعتنا
03:16تحولت للون الأزرق
03:18نفس اللون الأزرق ده
03:19ونفس الكود
03:21هنلاحظة هو نفس الكود
03:23مكتوبة هوة صفرين 3585
03:25هو نفس الكود بالزبط
03:28فالقطارة دي
03:29تجعلنا نختار الألوان بالزبط
03:31فأنت لو عندك الوقو الخاص بشركه من بيتي
03:34اللي انت شايفه وجهت اقت nuestra
03:36أنا أريد أن أطار تصميمات خاصة بالكورس بتاعها
03:38أنا أعمل البديف الخاص بالكورس
03:40فأريد أن أكتب الكلام أو النصوص الماضية المنظم بيتي
03:42أريد أن أكتبها
03:44أريد أن أختار اللون بتاعها
03:46الأعتصار عن V染
03:48البناء على الشركة
03:49...بناء على موقع من بيتي
03:51هو مستخدم اللون الأخضر
03:53فأنا أريد أن أستخدم نفس اللون الأخضر بتاع الشركة بالضبط
03:56فأعمل A
03:58أضغط على الوقتها
04:01وهضغط كده هلاقيه اختارلي اللون بتاعي نفس لون البراند بتاع الشركة بالزلط
04:06فعشان كده وانت دايما بتصمم التصميمات بتاعتك
04:10لازم تسأل الشركة هل عندك ألوان او العميل انت بتتعامل معاه
04:14هل عندك ألوان مخصصة تحب ان احنا بنستخدمها في التصميمات بتاعتك
04:19سواء تصميمات سوشال ميديا كروت اي حاجة انت بتصممها للشركة ديت
04:22فتسأل اذا كان عنده ألوان معينة
04:25وغالبا الألوان ديت بتكون موجودة في لوجو الشركة
04:28يعني لوجو الشركة غالبا هو بيحتوي على الألوان الأساسية للشركة
04:32فبنعتمد عليه كتير جدا أسناء ما بنصمم بنطلب من العميل لوجو
04:36وبنبدأ ان احنا نختار الألوان اللي موجودة في لوجو
04:39ونبدأ ان احنا نستعملها في جميع التصميمات الشركة ديت
04:43ايا كان نوع التصميم
04:44فيبا ديت أول طريقة بنختار على أساسها ألوان التصميم بتاعنا
04:48في عندنا تاني طريقة وهي الألوان تكون مناسبة للموضوع
04:51مثلا احنا بنعمل تصميم لدكتور
04:54احنا بنعمل تصميم لمطعم فايه الألوان الأفضل ان هي تستخدم في الموضوع دوت
05:01او في الموضوع الطبي
05:02لو فتحنا كده مثلا على كنفا وكتبنا كلمة ميداسين
05:05ميداسين يعني طب
05:06وفتحنا القوالب كده نشوف القوالب
05:09هنلاقي القوالب كلها بتعتمد على الألوان الزرق أو الألوان الفتحة
05:13أو الألوان اللبنية
05:14فالألوان ديت أو الألوان السماوية
05:16هي ديت الألوان اللي تستخدم في المجال الطبي بشكل عام
05:19زي ما انت شايف كده فممكن تختار الالوان بتاع تك بناء على موضوع التصميم
05:25ولو كتبنا كلمة فوت برضو يعني طعم مثلا
05:27هللاقي ان الالوان الصفرة والالوان الخامرة
05:30والالوان الصمراء بتاكلوا على كل التصميم
05:33او معظم التصميم فهللاقي ده مثلا اصفر مع احمر
05:36هللاقي ده او Так ماذاрупه اصفر
05:38هللاقي في عندنا هداءها اصمر مع اصفر مع أحمر
05:44فهيfilه التصميمات او الالوان اللي هوتrage المعالي من الدلاقة
05:48طبعا انت بتعرف الالوان ديت الالوان المصدرين في المواضيع
05:51انت تريد ان انت تبحث يعني مثلا انت جاء لك مطعم وعايزك تصمم له مثلا
05:56تصميم كده تخط صورة المنتج بتاعهم او الاكل بتاعهم
06:00وتكتب عليه مثلا اطلب الان هذا المنتج او ايا كان
06:05تعمل ايه عشان تختار الالوان اول حاجة تطلب اللوجو بتاع المطعم ده
06:09وتشوف الالوان المستخدمة وتحاول ان انت تستخدمها في التصميم بتاعك
06:12طب لهو مافيش الوان معينة خاصة بالشركة
06:15يبه هتعمل ايه يبه هتلجأ ان انت تبحث بكلمة فود او تبحث بالموضوع بتاعك
06:20على كنفا او على اي موقع تاني وتشوف التصميمات وتشوف الناس بتستخدم ايه غالبا في الموضوع ده من الالوان
06:27وتبدأ ان انت تستخدم اللون دوت في التصميم بتاعك
06:31انا كده بعلمك ازاي تختار الالوان اللي انت هتمشي بيها جوا التصميم بتاعك
06:36اول حاجة الوان الشركة تاني حاجة الموضوع لو ما كانش فيه الوان معينة للشركة
06:41فتشوف الموضوع دوت ايه افضل الوان مناسبة للموضوع
06:44وتبدأ ان انت تستخدمها
06:46تالت حاجة عشان تختار بها الوان هي اعطاء احساس معين
06:50انت عايز تعمل تصميم عشان تدي به احساس معين
06:53خلينا مثلا ننزل تحت كده في كل لون ببليدة للاية معينة
06:57مثلا لون الاحمر بيعبر عن الحب والشغف والرومانسية
07:01وبيعبر عن لو في خطر او بيعبر بيدي تصميم طاقة
07:05الابيض بيدي الامل بيدي البساطة بيدي النظافة
07:09عشان كده بيستخدم في التصميمات الخاصة مثلا بالطب
07:13الالوان الابيض بتستخدم بشكل كبير جدا
07:16الالوان الاصفر هنا بتدل علي كلمة الدفء
07:20لو انتم شايفين الدفء دوت مهم جدا
07:22فعشان كده بيستخدم مع الاكل
07:25لان الاكل بالنسبة لنا بيعايزين يدي التصميم
07:29احاق بان التصميم دافي ان الاكل سخر
07:32فبيدي اللون الدفء وبيدي برضو اللي هو اللون الاحمر
07:37عشان الشغف وعشان الطاقة وعشان الرقي بيستخدم اللون الاصمر
07:41فكل الالوان ديت احنا بيستخدم الالوان ديت في تصميمات معينة
07:46عشان الاسباب دي
07:48الالوان الزرق او اللون اللبني او اللون السماوي ليه بيستخدم فيه الطب
07:53ليه عشان بيعبر عن الثقة بيعبر عن نزاهة بيعبر عن الهدوء
07:58بيعبر عن السلام ديت كلها حاجات خاصة بمهنة الطب
08:02عشان كده بيستخدم معاها وبيستخدم معاها الالوان الابيض
08:04عشان بتدل على النظافة والنقاء وغيرها
08:06فالمشاعر ديت لو انت عايز تختار لون عشان نتعبر به عن حاجة معينة
08:11فتقدر ان انت تستعين بالالوان اللي انا سايبها لك ديت
08:16انا هساب لكم البي دي اف دوت تقدروا تحملوه من مورفقات الدرس دوت
08:20بحيث تستفادوا برضو بالالوان ديت والمشاعر الخاصة بيها
08:25او كل لون بيعبر عن ايه او بيدل عليه
08:27فبا كده خلاص احنا فهمنا ان احنا عمدنا بنختار لون التصميم بتاعنا بشكل عام
08:33بناء على البراند او بالنسبة للموضوع او لو احنا عايزين نوصل احساس معين او ندي احساس معين
08:39نخش بعد كده على عدد الالوان المستخدمة في التصميم
08:42يعني انا مثلا عايز في التصميم بتاعي عايز اعبر عن حب وعايز اعبر عن الزكاء
08:48وعايز اعبر عن الابتكار وعايز اعبر عن حاجات كتير
08:50هلا استخدم كل الالوان ديت في تصميم واحد
08:53ده طبعا خطأ وما ينفعش نستخدم عدد الوان كبير في التصميم بتاعنا
08:57أخرنا لون واحد لونين ثلاث ألوان ده أخرنا
09:01أربع ألوان بقى وخمس ألوان وست ألوان ديت
09:04لو تصموات مخصصة لأطفال هي بس اللي بتحب الألوان الكتيرة
09:07غير كده التصمات بتاعتنا غالباً بتكون لون واحد أو لونين أو ثلاث ألوان
09:12طبعاً لون واحد يعني بالتدريجات بتاعته يعني مثلاً لون الأحمر
09:15اللون الأحمر الغامق والدرجات اللي أقل منه لحد اللون الأبيض
09:19كل دوت يعتبر لون واحد
09:20فالألوان ديت أو بنوعدت من الألوان اسمه Monochromatic Style
09:24أو Style يكون Monochromatic كلمة Chromatic يعني لون ومونو يعني أحادي
09:30فأحادي اللون تصميمات أحادية اللون
09:33هنا الألوان البينك الألوان البينك مع البيضة ده يعتبر لون واحد
09:37هنا الألوان الزرق مع الأزرق الفاتح يعني هي نفس الدرجة أو هي نفس اللون الأزرق
09:43ومستخدم منه درجات مختلفة طبعاً لحد اللون الأبيض
09:47هنا كذلك اللون البرتقاني لحد اللون الأبيض
09:50هنا كذلك اللون الأحمر والتدرجات بتاعته المختلفة
09:56فدية كده تصميمات Monochromatic أو بتعتمد على لون واحد
09:59طيب في عندنا تصميمات بتعتمد على لونين
10:02مثلاً شركة آيكيا لو لاحظنا هنا شركة آيكيا
10:04هي اللوجو بتاعها عبارة عن اللون الأزرق أو الأصفر
10:08فالتصميمات بتاعتها السوشال ميديا لما بيجوا يعملوا أي تصميم
10:11بيهتموا بأن التصميم بتاعهم يكون باللون الأزرق والأصفر
10:16زي ما انتم شايفين كده ده التصميم فعبارة عن لونين
10:20واللونين دولت مختارينهم من لون اللوجو أو من ألوان الشركة
10:24اللي هو البراند
10:25أو إن احنا بقى التصميم بتاعنا يكون أكتر من لون
10:28طبعاً والتصميم دوت يغلب عليه أنه هو يكون لونين بس
10:32زي مثلاً اللي هو اللون الأصفر واللون الأزرق
10:36ولكن برضو فيه ألوان أبيض وفيه ألوان أصمر بسيط كده
10:40فنعتبر إن دوت مثلاً مستخدمين فيه ثلاث ألوان
10:43فعشان كده أنا بقول لك التصميمات بتاعتك عشان يكون شكلها كويس
10:47حاول إن أنت دايماً ما تكترش ألوان زيادة عن اللزوم
10:50هو الألوان أنت بتستخدمها وبتختارها بناءاً على هدف معين في دماغك
10:55إحنا مش بنصمم عبثاً
10:57يعني مش بنصمم تعالى نختار اللون ده شكله حلو
11:00مش مش كده وخلاص لا إحنا بنفكر
11:02إحنا ليه هنستخدم اللون ده في التصميم بتاعنا
11:05هل اللون دوت تابع الشركة يخص الشركة عشان كده نستخدمه
11:09ولا اللون دوت مناسب للموضوع الفلاني
11:11أو اللون دوت أنا عايز أخطه عشان أعبر عن مشاعر معينة
11:15كد بالك عشان أنا عايز أأسسك صحة في الكورس دوت
11:18عشان بعد كده إن شاء الله لما تيجي تطور
11:21وهتخش على كورسات فوتيشوب
11:23وتخش على كورسات إلستريت
11:24وتخش على أي كورسات في الدنيا
11:26اللي أنا بقوله لك دوت
11:28ممكن ما تسمعهوش مع كورسات احترافية
11:30وكورسات بفلوس غالية جدا ممكن ما تسمعش الكلام اللي أنا بقوله لك
11:35دوت لأن مش كل الناس بتقوله
11:37فهو كلام مهم ولازم تخطه في دماغك أثناء التصميم
11:41نخش بعد كده على حاجة مهمة جدا وهي التباين
11:44التباين في الصورة بتاعتنا أو حاجة اسمها الـ contrast
11:47كلمة التباين بالإنجليز يسمعها contrast
11:50حاجة مهمة جدا في التصميمات بتاعتنا
11:53فلو لاحظنا مثلا الخلفية هنا بيضة
11:56لو لاحظنا الدكتور بقى مش باين
11:58الدكتور البلدو بتاعه مش باين
12:00ليه لأن ما فيش تباين ما بين الدكتور والصورة
12:02التباين دوت يعني الفرق ما بين اللون الفاتح واللون الغامق
12:06فلو لاحظنا هنا النيرس ديت أو الممرضة ديت
12:10لونها واضح وشكلها واضح جدا في التصميم
12:13ليه لأن اللون بتاعها غامق شوية مقارنة بلون الخلفية
12:17إنما الدكتور لأ
12:19فعشان كده مهم جدا أن انت تكون عارف التباين
12:22ومهم أن انت تخلي التصميمات بتاعتك فيها تباين
12:25فوضع الدكتور كده في التصميم غلط
12:28فلو انت عملت أي تصميم حطيت فيه خلفية بيضة
12:31وحطيت فيه عنصر أبيض
12:32يبقى انت كده بتعمل حاجة غلط
12:34ولازم تتصرف وتخلي العنصر بتاعك متباين عن الخلفية
12:39يعني عنصر بتاعك يباين من الخلفية بشكل كويس
12:42ويكون فيه كونترست ما بين العنصر بتاعك والخلفية
12:46فنعمل كده إزاي نتصرف إزاي في الموضوع دوت
12:49مثلا الدكتور دوت كده عايزين نظهره أكتر
12:52يا إما أول حاجة لو الدكتور قابل لتعديل اللون بتاعه
12:56ممكن ممكن نغير اللون بتاعه
12:58يعني لو عندنا عنصر قابل لتغيير اللون
13:00يعني مثلا عنصر زي دوت الدايرة ديت مثلا
13:03الدايرة ديت لو جات لنا باللون الأبيض
13:05نقدر ان احنا نغير لونها بكل سهولة
13:07عن طريق أداة تغيير اللون من فوق من هنا
13:10ده لو كانت قابلة لتغيير اللون
13:12طيب الدكتور هنا مفيش اختيار الألوان
13:15وحتى لو فيه اختيار الألوان هو الدكتور البلتو بتاعه أبيض
13:17مش هينفع تغيير لون البلتو
13:19فيا إما تغيير الخلفية
13:20يا إما تخط وراء الدكتور ضل
13:22أو تخط وراء الدكتور أي عنصر
13:24بحيث يبرز الدكتور عن الخلفية
13:27فنروح مثلا كده على التأثيرات تعديل الصورة والتأثيرات
13:31وننزل تحت كده هنلاقي فيه كلمة الظلال
13:34ونضغط على كلمة الظلال
13:35وهنلاقي فيه عندنا ظل خلفي كده
13:37هنلاقي ان الدكتور بدأ يبرز عن الخلفية ويوضح كده بقينا شايفين معالم الدكتور لان احنا حطينا وراءه ضل بالشكل ده
13:44فبقى الدكتور التفاصيل بتاعته بدأت توضح شوية لسه مش اوضح حاجة ولكن كده افضل
13:51طيب ايه الحل التاني ممكن نحط دايرة وراء الدكتور نجيب مثلا نروح العناصر ونجيب من هنا دايرة كده
13:58ونضيفها وراء الدكتور مثلا بالشكل ده
14:01ونيجي على جزئية الوضع ونعمل الى الخلف بالشكل ده كده يبقى احنا كده الدكتور بقى بارز وبقى باين جدا من الخلفية بتاعتنا
14:13والتفاصيل بتاعته والبلط بتاعته بقى واضح جدا فديت هي الطرق اللي احنا من خلالها بنخلي التصميمات بتاعتنا
14:21تبرز لو التباين بتاعتها كان فيه مشكلة فديت كده احنا فهمنا كده التباين كويس فهمناه وفهمنا ازاي نصلح مشكلة التباين لو كانت موجودة
14:30نخش على حاجة تانية وهي العناصر او الالوان اللي تخص جلب الانتباه او الالوان الجاذبة للانتباه
14:37لو كنا فاكرين التصميم دوت او اللون ده كان لونه ازرق
14:41خلينا نختار مثلا اللون الازرق ده
14:44لو لاحزنا ورجعنا كده بالتصميم بتاعنا الورق
14:47هنلاحز ان اكتر صورة واضحة في التصميم بتاعنا هو اللون الازرق اللي عند كلمة اللايك ده
14:53فاللون ده هو لون جاذب للانتباه
14:55اللون ده هو التباين بتاعه ما بينه ما بين خلفية قوي جدا
14:59وهو لون من الالوان اللي نقدر نقول عليها لون فائع لون قوي
15:04لون التشبع بتاعه عالي
15:06الالوان ديت زي لون الازرق
15:09زي اللون الاحمر
15:10وزي اللون الاصفر
15:12الالوان ديت كلها بتبرز جدا في التصميمات
15:16دايما بتلاقيها موجودة برزة كده
15:19حتى لو التصميم صغير هي اكتر حاجة بتبقى برزة في التصميم
15:23لو راحنا على القوالب كده وشوفنا لو فيه كلمة مهمة
15:26زي كلمة اطلب الان
15:27زي كلمة اشتري دلوقتي
15:29زي كلمة خصم خمسين في المية
15:31هنا مثلا كلمة خمسين في المية اوف
15:33يعني خصم خمسين في المية
15:35هتلاقيه هتطلق وراها مربع احمر
15:38ليه لان اللون دوت بيشد العين
15:40انا عايزك تبص على الحتة دي
15:42هي ديت الحتة اللي انا عايزك تشوفها جواة تصميم بتاعي او تركز عليها
15:46هنا كزلك هتلاقيه هتكتب لك كلمة المهمة
15:49اللي هي order now او اطلب دلوقتي
15:51هتلاقيها مكتوبة وراها باللون الاصفر
15:54عشان يبرز الحتة دي
15:55اللون دوت ايه الخصائص بتاعته
15:58اللون الخصائص بتاعته انه هو يكون التباين بتاعه قوي عن الخلفية
16:02يعني ما يكونش اي لون قريب من الخلفية
16:05لا لازم يكون لون التباين بتاعه يعني لون بعيد تماما عن لون الخلفية
16:10عشان يكون لون قوي
16:11تقدر تشوفه من بعيد
16:13فديت هي المميزات الألوات
16:16اللي هي جاذبة للانتباه
16:17طبعا هي مش الأصفر والأحمر والأزرق
16:20بس لا هي أي لون
16:21يكون واضح في التصميم بتاعك
16:23يعني هنا مثلا لون الأصمر واضحة جدا
16:25في التصميم مهما انبعدت
16:27هو أكتر لون هيجزب انتباهك
16:29هو اللون الأصمر مثلا في الخلفية ديت
16:32أو في الوضع ده
16:33فمهم أن أنت الألوان الجاذبة للانتباه
16:36ما تستخدمهاش غير في الكلام المهم
16:38أو تبرز بيها الحاجة المهمة في التصميم
16:41ما تستخدمهاش في التصميم بتاعك بالكامل
16:44يعني ما ينفعش التصميم بتاعك يكون كله
16:46باللون البارز أو القوي ده
16:48فاللون البارز أو القوي ده
16:50تستخدمه في الكلمات المهمة
16:52اللي انت عايز الشخص اللي هيشوف التصميم بتاعك
16:55يركز عليها فقط
16:56بعد كده في عندنا حاجة اسمها
16:58اللون المحيد
16:59الألوان المحيدة
17:00الألوان المحيدة زي اللون الأصمر واللون الأبيض
17:04فالألوان المحيدة اللون الأصمر والأبيض
17:06ينفع يستخدمه مع معظم الألوان التانية
17:09يعني التصميم بتاعك كان بالأخضر
17:11ينفع نستخدم معالون أبيض
17:12التصميم بتاعك بالأزرق ينفع نستخدم معالون أبيض
17:15أي تصميم هيتلاقي
17:16ينفع جالبا نستخدم معالون أسمر
17:19أو أبيض
17:20فديت ألوان محيدة وبتلي
17:22أو بتتناسق مع معظم الألوان
17:25الأخرى
17:26فمثلا لو فتحنا هنا
17:27تصميم البنكي هنا معالون أبيض
17:29التصميم الأحمر معالون أبيض
17:30البرتقاني معالون أبيض
17:32الأزرق مع اللون أبيض كلهم شكلهم حلو وكلهم متنسقين اللون الأبيض معهم
17:37هنا كذلك مستخدم اللون أبيض
17:39هنا كذلك مستخدم اللون أبيض وأصمر
17:42فالألوان ديت هي ألوان محايدة
17:44وآخر حاجة عايزة أأكد عليها قبل مخرج من السلايد ديت
17:47أو قبل مخرج من الجزئية ديت
17:49هي التباين
17:50هرجع تاني لجزئية التباين
17:51لو بحظنا هنلاقي فيه هنا كلمة مش واضح
17:54الكلمة ديت التباين بتاعها أليل بالنسبة للخلفية
17:58التباون بتاع الكلمة دي قليل بالنسبة الخلفية
18:01فأنا كاتبها أن هي مش واضحة
18:03المفروض لو أنا هكتب حاجة زي كده
18:05هستخدمها تكون باللون الأصمر
18:06كده هتكون واضحة جدا
18:07تمام
18:08فتتركز جدا
18:11في التصميم بتاعك أن ما يكونش فيه
18:13أي عنصر مش واضح في التصميم
18:15لازم تتأكد من الموضوع دوت
18:17100% لأن أغلب المشاكل
18:19اللي بتيجي دايما في التصميمات
18:21هي في التباون بلاقي الناس كاتبة
18:23كلام مش واضح في التصميم
18:25فبقول لهم التصميم بتاعكم فيه خطأ في التباون
18:28لازم تزبطوا
18:29التصميم بتاعكم تكون كل العناصر اللي في التصميم واضحة
18:32وخلينا نخش على الجزائي اللي بعد كده
18:34وهي تناسق الألوان
18:36إزاي تختار ألوان متناسقة
18:38مثلا مثلا يعني أنت قررت أن أنت هتستخدم
18:41اللون الأصفر في التصميم بتاعك
18:44بس مش عارف
18:45أنت عايز تختار لونين
18:46عايز تصمم التصميم بتاعك يكون فيهم لونين
18:48قررت أن أنت تستخدم اللون الأصفر
18:50عايز اللون كمان يكون يليق مع اللون الأصفر
18:53ففي عندنا حلين
18:55أول حاجة لو فتحنا من جزئية التصميم من فوق من هنا
18:59هنلاقي في عندنا القوالب وهنلاقي في كلمة تانية هي الأنماط
19:02لو راحنا على الأنماط من هنا
19:04هنلاقي في عندنا تركيبات ولوحات ألوان
19:08لو ضغطنا على كلمة لوحات الألوان كده وضغطنا على كلمة عرض الكل
19:11هنلاقي في عندنا لوحات ألوان كتير جدا نقدر أن نستفيد بها ونستغلها
19:16الألوان دي هي ألوان متناسقة مع بعضها
19:19تقدر ان انت تجمع الالوان ديت مع بعض
19:21او تستخدم اي اتنين او تلاتة منهم
19:23جوه التصميمات بتاعتك بدون
19:25ادنى مشكلة هتلاقيها الوان متنسقة
19:27وما فيش مشكلة يعني ان انت مسلا
19:29ما نفعش تتخدم الوان
19:31مش متنسقة مع بعضها في نفس التصميم
19:33وإلا التصميم بتاعك هيكون شكل وحش
19:35فالبالتات ديت
19:37ديت تسمعها حاجة اسمها بالتة
19:39بالتة الوان او لوحات الوان
19:41ديت حاجات بتكون جاهزة
19:43تقدر ان انت تستخدمها في التصميمات
19:45بتاعتك بكل سهولة فتقدر تشوف البالتات من هنا وتقدر تطبقها
19:49على المشاريع بتاعتك على طول يعني لو فتحنا اي قالب مثلا وليكن
19:53مثلا القالب ده يعني مثلا لو فتحنا قالب زي ده وروحنا على كلمة
19:57التصميم وبعد كده رحنا على كلمة الانماط ونزلنا تحت كده لكلمة
20:00لوحات الالوان وضغطنا عرب الكل ونقدر ان احنا بقى نختار اي
20:05بالتة من دولت هنلاقي غير لنا التصميم بتاعنا على طول بالالوان
20:08بتاعت البالتة ديت بشكل تلقائي كلها زي ما انت جايف كده الوان
20:12متنسقة مع بعضها فتقدر تستخدمها بسهولة باستخدام كنفا هتلاقيه
20:16هو بينسق لك الالوان كلها مع بعضها ولكن لو الموضوع دوت مش
20:21افضل حاجة بالنسبة لك او ما لقتش فيها اه حاجة مناسبة ففي عندنا
20:26موقع تاني مشهور اسمه اه color.co colors.co الموقع دوت هسيب لكم
20:32الرابط بتاعه اه هو عموما الرابط ده بتاعه وهو بما ان انا هسيب لكم
20:37بدي اف دوت colors.co وهنضغط على كلمة اكسبلور تريندين بالت بالشكل
20:44دوت كده هيفتح لنا على طول البالت اللي هي البالتات او لوحات
20:48الالوان المشهورة المعظم المصممين حاليا بيستخدموها هتلاقي في عندك
20:53بالتات الوان كتيرة جدا تقدر ان انت اه تختار اي لونين منها
20:57يعني لو فتحت مثلا البالت ديت اي لونين منها ديت طبعا مورو
21:01مونو كروماتيك بالت يعني بالت بلون واحد زي ما انت شايف كده كلها تدرجات
21:05من نفس اللون ففي عندنا كزا بالت بقى تقدر ان انت تختار اي
21:09بالت انت عايزة مثلا من اختار البالت ديت ونلاقي فيها كزا لون
21:12وبمجرد ان انت تضغط بس كده على اي لون منهم هتلاقي الكود
21:16التنسخ الكود دوت اللي هو الكود اللوني اللي هو لو انت نسخته كده
21:20وروحت على كلمة على اي عنصر عندك في التصميم وجيت على اختيار
21:24الالوان وضغطت على علامة الزائد ديت وعملت لصق للبالت للكود هتلاقي على
21:30طول اه وداك لللون اللي انت نسخته او لللون اللي انت اختارته من
21:34موقع فتقدر تمائي اي بالت من هنا او اي لون من الالوان الموجودة على
21:39موقع وكزا لك هنا لو ضغطت على كلمة البحث اللي ففي عندك ممكن
21:43تختار لون اساسي يعني انت مسلا عايز عايز تصميمات او عايز الوان
21:47تليق مع اللون الاحمر فهتضغط هنا على كلمة او اللون الاحمر وتبدأ ان
21:51انت تضغط في اي مكان فاضي كده هتلاقي هنا جاب لك جميع البالتات
21:55اللي فيها اللون الاحمر عشان تشوف الالوان المتنصقة مع اللون الاحمر
22:00وتبدأ ان انت تختارها كزيك هنا في مثلا انت مسلا عايز تصميمات
22:04بالالوان الدافية اللي هي كلمة يعني دافئ فهتضغط على كلمة بالشكل
22:10دوت وهتلاقي جال لك تصميمات كلها دافئة زي ما انت شايف كده تصميمات كلها
22:15دافئة مش تصميمات بردة فالتصميمات الدافئة ديت بتكون كويسة مع
22:19اه الاكل مسلا وكويسة مع حاجات اللي فيها حماس او او رياضة او
22:24كده. في عندنا حاجات حاجات يعني اثرية او حاجات اه قيمة كده
22:29هتلاقي فيها الوان اه فيها بهتانة شوية لانها حاجات بتكون
22:34قديمة شوية والوان كده لها قيمة. فايا ان كان قصود المائية حاجة
22:39انت عايزها هتلاقيها على الموقع ده. انت عايز مسلا الوان تخص
22:42الكريسمس. الوان تخص الهالوين. الوان تخص مسلا غروب الشمس. الوان
22:46تخص الصيف الوان تخص الحفلات فهتلاقي تقدر تختار من هنا الوان
22:51تخص الاطفال فتقدر تختار من هنا اي حاجة انت عايزها او بتفكر فيها
22:56وهتلاقي جاب لك الالوان المناسبة للحاجة دي فموقع دوت موقع مفيد
23:01جدا طيب لو انت عندك لون عندك كود بتاع اللون الكود بالزبط وعايز
23:07الوان تانية مناسبة مع الكود ده هتعمل ايه تضغط على كلمة
23:11start the generator مثلا انا عندي هنا اللون بتاع اا موقع من بيتي او
23:16منصة من بيتي معاي اللون بتاعها ده اللي هو ده كده لو ضغطت هنا
23:21واخدت الكود بتاعه معاي اللون ده فانا عايز شوف لون يكون مناسب
23:24مع اللون الاخضر عشان عايز اعمل تصميم كده social media لمنصة من
23:28بيتي فعايز اشوف لون مع اللون الاخضر عشان التصميم بتاعي يكون
23:32عبارة عن لونين يعني فهعمل ايه هفتح بعد ما ضغطت على start the generator
23:36جاب لي هنا الوان مختلفة هضغط على اي كود منهم وهنسخ الكود
23:40بداعي هضغط كده click main واضغط paste فهيجيب لي اللون الاخضر هعمل ايه
23:45هقفله هضغط على علامة القفل بالشكل ده وبعد ما ضغطت على علامة
23:49القفل هبدأ ان انا اضغط بالمسطرة من الكيبورد هيبدأ ان هو يغير لي
23:54الوان هنا الوان مختلفة تلي مع اللون الاخضر فكل ما بضغط على
23:59المسطرة بيجيب لي الوان هنا تلي مع اللون الاخضر بابدأ ان انا
24:03اتفرج على الالوان لحد ما يطلع لي لون مناسب او انا شايف بعيني انه
24:07بحلو طبعا ما تعتمدش ان هو قالك اي لون يطلع لك هنا يبحلو لا
24:12اتفرج بعينك شوف انت عينك اللونين دولات مع بعض هل هيكونوا كويسين
24:16ولا لا وجربهم على التصميم شوفهم هل هيطلعوا كويسين ولا لا لو
24:20طلعوا وحشين او مش مناسبين غيرهم واختار لونين تليم تمام فتبدأ
24:25تضغط على المسطرة وهنا بيجيب لك الوان تكون مناسبة مع اللون اللي انت
24:30اخترتوا فده كده كان موقع اخر حاجة بقى في الدرس بتاعنا هي
24:34مهمتك انت يا بطل انا عايزك بقى انا هناك جبت لك شوية تصور كده
24:38جبت لك شوية تصور بالتعليقات بتاعتها يعني ايه يعني دي تصور فيها
24:43اخطاء وانا كتبت لك ايه هي الاخطاء بس انا عايزك قبل ما تبص
24:46على الخطأ عايزك تبص على الصورة تتفرج على الصورة يعني انت هتحمل
24:50ال bdf دوت وتتفرج على الصور اللي في الاخر دي وتقول يا ترى ايه الخطأ اللي في
24:55الصورة دوت مثلا انا هقول لك اول واحدة او هغششك كده او هعلمك اول
24:58واحدة انت توقع تفكر مع نفسك ايه الخطأ اللي في الصورة دوت طبعا
25:02احنا هنا بنتكلم عن الخطأ اللوني ما تركزش مع اي خطأ تاني ركز هنا
25:06بس على الخطأ اللوني هنا مثلا انا شايف ان التباين بتاع الكتابة
25:10مش واضح التباين قليل كلمة جمعية نور البيان بالنسبة للخلفية
25:14اللون مش واضح كانت محتاجة لون غامق بما ان الخلفية لونها فتحة
25:18يبقى محتاجين لون غامق عشان تكون الكلمة بارزة تمام طبعا في
25:23اخطاء تانية في التصميم ولكن ده اللي يهمنا دلوقتي ان انت
25:26اه تقدر تحدد بعينك الاخطاء اللي موجودة في التصميمات ديت طبعا
25:31هتبدأ انا سايب لك كزا صورة هتبدأ تجرب الاول بعينك انت تقول
25:36ايه الخطأ اللوني اللي في الصورة ديت اللي في الصورة ديت وبعد كده
25:40تقرأ التعليق وتعرف الخطأ اللي انا كاتبه لك بالتفصيل فدي مهمتك بقى
25:45ان انت تعرف الاخطاء اللي موجودة في التصميمات ديت وتتعلم من
25:48اخطاء الاخرين عشان انت كمان متقعش فيها ومهم جدا ان انت
25:52تنفذ المهمات اللي انا بطلبها منك في الكورس دوت عشان فعلا
25:55تستفيد باقصى استفادة من الكورس ده وبكده كون خلصت واشوفكم
26:00الدرس الجاي والسلام عليكم ورحمة الله وبركاته
Be the first to comment