- 4 months ago
Category
😹
FunTranscript
00:00السلام عليكم ورحمة الله وبركاته
00:01في الدرس ده هنتعلم مع بعض ترتيب العناصر في الصورة بتاعتنا وأحجامها
00:06وكمان هنتعلم المساحات البيضاء وأهميتها في التصميم بتاعنا
00:11الدرس ده هو يعتبر تجميع للمعلومات اللي احنا أخدناها من خلال الدروس اللي فاتت
00:17وهو درس صغير وبسيط فخلينا نفهمه كويس
00:21عدننا هنا ترتيب عناصر التصميم زي ما قلنا التصميمات بتاعتنا
00:24بتترتب بواحد من الثلاثة أشكال المشهورة
00:27اللي هو الكتابة فوق والتصميم بتاعنا تحت
00:30أو التصميم فوق والكتابة تحت
00:32أو التصميم في جهة والكتابة في الجهة التالية
00:36وده الكلام اللي احنا قلناه قبل كده
00:38بعد كده في عندنا المساحات البيضاء في الصورة
00:41والمساحات البيضاء في الصورة أحيانا بتكون مهمة جدا
00:44وأحيانا بتكون غلط جدا
00:46فالمساحات البيضاء يعني المساحات الفرغة في التصميم
00:49يعني عندنا هنا مثلا في الصورة ديت اللي احنا كنا شرحناها قبل كده
00:53في عندنا هنا مساحة فاضية وده خطأ تماما
00:56المساحة الفاضية دية مش معتدلة يعني هنا احنا عندنا الدنيا مزهومة في الناحية اليمين وعندنا الدنيا فاضية في الناحية الشمالة فهنا الناحية او المساحة البيضة هنا خطأ وما ينفعش تكون موجودة المساحة الفرجة عشان تكون موجودة بشكل صحيح لازم تكون متوزعة بشكل صحيح يعني لو خطينا التصميم كده في النص يبقى المساحة الفاضية هنا على اليمين وعلى الشمالة كده متوزعة صح وكل ما بيكون فيه مساحة فاضية في التصميم
01:24بتديك تركيز اكتر على العناصر اللي في النص على العناصر اللي
01:29بتوزعها صح يعني العناصر دي كده متوزعها صح ومتحزيها صح يبقى
01:33المساحة الفاضية ديت هتساعدك اللي هي تبرز العناصر دي فلكن لو انت
01:39مسلا جبت بقى آآ بيزا كتير وجبت مسلا صورة زي دي كده وجبت صورة
01:45زي دي كده وبدأت ان انت تضيفها هنا وبدأت ان انت تكررها وتضيفها
01:50هنا كده وبدأت ان انت تكررها تاني وتضيفها هنا انت كده بتزحم
01:54الصورة بتاعتك وبتشتت التركيز عن العنصر الاساسي فساعدها المساحة
01:59البيضة او المساحة الفرغة مهمة يعني هنا المساحة الفرغة مهم انك
02:04تسابها في التصميم بتاعك يعني مش لازم تشغل التصميم بتاعك بالكامل
02:08لا المساحة البيضة احيانا بتكون مهمة واحيانا بتكون خطأ لما بيكون
02:12مكانها غلط لكن لما المساحة الفاضية بتتوزع صح بتدي تركيز اكتر على
02:18التصميم وعلى العنصر الاساسي بتاعك فمهم ان احنا نفهم المساحة
02:23البيضة كويس كذلك المساحة البيضة اللي بتكون في اطراف الصورة
02:27فعندنا الصورة او الحواف بتاعت الصورة لازم يكون فيها فراغ
02:31او لازم تكون فاضية ما نفعش تبقى الصورة مزحومة في الاطراف
02:35ما نفعش نلزق العناصر المهمة بتاعتنا في الاطراف يعني ما نفعش
02:38الكتابة بتاعتنا تكون بالشكل ده يعني حتى لو هي موضعها اه على
02:44اليمين والعناصر يعني اقولنا في ترتيب العناصر ان التصميم بتاعنا
02:47يكون على يمين والكتابة تكون على الشمال او ده وتفجهة او ده
02:50في جهة ولكن حتى لو كده ما ينفعش انها تكون لزقة في الحفة
02:54يعني هي في جهة اهل لكن ما تلزقش في الحفة لان ده خطأ لان
02:58المساحة اللي في الحفة ديت مهم انها تكون فارغة عشان تحسسنا ان
03:01التصميم بتاعنا اه كويس ومنظم انما الحاجة في الحفة كده بيكون
03:05شكلها سيء جدا وحش وبيتعرف على طول ان اللي عامل كده هو
03:09شخص مبتدئ واحنا ناس محترفة وما ينفعش نخطأ او نغلط الخطأ
03:14دوت فلازم نسيب مساحات فاضية في الاطراف فديت اهمية المساحات
03:19الفاضية كذلك هنا لتوضيح المساحات البيضاء اكتر انا جبت لك هنا
03:22تصميمات بتتكون من مجرد كتابة او مجرد صورة بس في المنتصف
03:27المساحة البيضاء ديه كلها بتخدم على ان العنصر دوت يكون التركيز
03:32عليه ان ما يكونش فيه اي مشاتتات تانية انا عايزك انا عايز
03:36الشخص يشوف الصورة ديت يقرأ الكلمة ديت البيتزا الافضل على
03:39الاطلاق انا هي ده التصميم بتاعي او يشوف صورة البيتزا ده
03:43التصميم بتاعي انا مش عايز اي مشاتتات تانية في الصورة فساعتها
03:46المساحات البيضاء هنا بتخدم التصميم بتاعي كذلك ما ينفعش لو انت
03:50عندك عنصر واحد انك تكبره خالص به الشكل دوت وما تسبلوش مساحة
03:55يعني خلي التصميم بتاعك المساحة البيضة ديت او المساحة الفاضية ديت بتدي للتصميم اناقة اكتر
04:01وبتدي للتصميم فخامة اكتر وهدوء اكتر وتركيز ووضوح اكتر
04:06فعشان كده مهم ان انت تسيب مساحة بيضة مناسبة حوالين العنصر المهم بتاعي
04:11بعد كده عندنا احجام عناصر التصميم
04:14هنا انا وضغتها لك بمثال عملي انا كنت اشغال عليه
04:18انا مثلا اتشغال مع دكتور اسمه عمر عصام
04:21الدكتور دوت عن صفحه على الفيسبوك وعايز اعمل تصميمات مختلفة
04:25والله اقالي انا عايز اعمل تصميم عن نفسي
04:28قلت له التصميم دوت ايه الهدف منه يا دكتور
04:31فقال لي الهدف منه ان الناس تحرف اسمي ان الناس تعرف شكلي
04:35فقلت لو خلاص يبقى التصميم بتاعك هيكون اكبر حاجة فيها مؤخرافة حذرتك
04:41لان ده الحاجة اللي انا عايز الناس تركيز عليها
04:43ده الحاجة المهمة في التصميم بتاعتك
04:45فهخليها كبيرة بالشكل ده
04:48باسم حضرتك بردو بشكل كبير ومش هحط تفاصيل تانية في التصميم
04:52مش هكتب اي تفاصيل تانية في التصميم عشان الهدف من التصميم
04:56هو ان الناس تعرف صورتك وتعرف اسمك
04:59فبالتالي انا كبرت لصورة الدكتور وكبرت اسمه بالشكل ده
05:04طيب قال لي بعد كده جالي بعدها باسبوع وقال لي انا عايز اعمل تصميم تاني
05:09بيوضح اضرار تناول البيتزا
05:11فقلت له ماشي يعني ده اهم حاجة انت الصورة بتاعتك بارها عن نصيحة للناس
05:16صح كده قال لي اه صح كده
05:18قلت له خلاص يبقى اهم كلمة بالنسبة لي او اهم حاجة بالنسبة لي هي كلمة
05:23اضرار تناول البيتزا هي ديت اللي هكون بحجم كبير وهي ديت اللي هكون في الاول وفوق في التصميم
05:29فكتبت كلمة ثلاث اضرار لتناول البيتزا بحجم كبير
05:33بعد كده كتبت التفاصيل بحجم قليل او صغير
05:37وبعد كده كتبت اسم الدكتور بحجم صغير برضو
05:40وضعت صورة الدكتور بحجم صغير
05:41وضعت صورة البيتزا بحجم كبير
05:44ani lacking yet?
05:45لان انا مش عايز اركز على صورة الدكتور
05:47ما يهمنيش صورة الدكتور
05:48انا هنا يهمني النصيحة
05:50يهمني ان انا اركز على النصيحة
05:53ويهمني اكتر عن عنوان
05:54لان الشخص لو مش مهتم باضرار البيتزا
05:57مش هيقرأ التفاصيل
05:59فانا اكتر ا parking
06:01واناالعنوان بتاع الصورة
06:02يهت عني هنماifica الآخر
06:05لو شخص مهتم
06:07�� البيتزا
06:08يقرأ الباقي. فبالتالي انا لازم يكون عندي عنصر هو اهم عنصر في
06:12التصميم هو اكبر عنصر في التصميم. فما ينفعش ان انا اكبر هنا صورة
06:17الدكتور. فانا لو كبرت صورة الدكتور هنا بالشكل ده. طب انا
06:21هنا مركز على ايه? انا هنا صورة الدكتور كبيرة وكلمة تلت اضرار
06:24كبيرة والكتابة برضو لحد ما كبيرة. فكده انا كده مركز على ايه
06:28بالزبط انا كده في تشتيت للصورة بتاعتي. في تشتيت لهدف الصورة
06:32بتاعي كده الهدف من الصورة
06:34مش هتحقق بشكل واضح
06:36فافضل حاجة ان يكون فيه عنصر واحد
06:38بس هو اللي كبير وهو
06:40يكون اهم حاجة في الصورة وهو يكون
06:42الهدف من الصورة بعد كده الدكتور ده
06:44جالي الاسبوعين لبعده وقال لي
06:46انا عايز اعمل تصميم اعلان برضو
06:48عشان انزل على صفحتي على الفيسبوك
06:50عايز فيه صورتي وعايز
06:52برضو تلات اضرار للتناول البيتزا
06:54وعايز انزل فيه اضرار تناول البيتزا
06:57قلت له والله يا دكتور مش هينفع
06:59للأسف مش هينفع مش هينفع
07:00ان انا اكبر صورة حضرتك
07:02وفي نفس الوقت اشرح اضرار
07:04البيتزا فقال لي طب ايه الحل
07:06قلت له الحل ان انا مش هشرح او
07:08مش هكتب ايه هي اضرار البيتزا
07:10انا هواضح صورة حضرتك بحجم كبير
07:13وهكتب كلمة تلات اضرار
07:14لتناول البيتزا بحجم كبير
07:16ومش هكتب تفاصيل بقى
07:18هنخلي التفاصيل حضرتك تكتبها
07:20فوق في البوست مثلا
07:22وانت بتنزل البوست عم فيسبوك
07:23او عم انستجرام
07:24تكتب انت بقى التفاصيل براختك
07:26لكن انا مش هينفع ان انا اخلي الصورة
07:28فيها عنصرين مهمين
07:30وكمان اكتب تفاصيل زيادة
07:32يعني هو يا اما عنصر مهم
07:34واكتب تفاصيل صغيرة بحجم صغير
07:36يا اما عنصرين مهمين كبار
07:38ده كده اقصى حاجة بالنسبالي
07:40يعني لكن ما ينفعش ان انا اخط
07:42تلات عناصر كبيرة
07:43ما ينفعش ان انا اخلي جميع العناصر بنفس الحج
07:46تمام
07:47فاديات كده هي اهمية الحج
07:49وازاي بنفكر في التصميم بتاعنا
07:52وازاي بنهتم بحجم التصميم
07:54بحجم كل عنصر في التصميم بتاعنا
07:56بناء على الهدف من التصميم بتاعنا
08:00وطبعا مش بقول ان في واحد فيهم افضل من التاني
08:03لا التلاتة بيستخدمهم
08:04والتلاتة ليهم اهداف مختلفة
08:06ونفس الدكتور او نفس العميل
08:08بيحتاج التلات اهداف
08:10وبيحتاج التلات تصميمات
08:11فهو بيحتاج الأول ينزل اسمه عشان الناس تعرفه
08:14وبعد كي نزل لهم نصايح عشان الناس تستفاد منه
08:17وبالتالي تعرف ان هو شخص عالم بالطب أكتر وعالم بالمجال بتاعه
08:22وبعد كده ممكن ينزل صورة زي دي عشان برضو يعرف اسمه
08:26وفي نفس الوقت يفيد أو يدي معلومة معينة
08:29فالتلاتة مهمين وأحجام التصميم أو أحجام العناصر عموما مهمة في التصميم
08:35فخلينا نشوف مثلا صورة زي دي هنلاقي أن أكتر حاجة ومركز عليها
08:39هي السنة عشان يعرفك أن التصميم بتاعنا بيتكلم عن أسنان ناصعة البيض
08:46بالشكل ده كده
08:47فهي أكبر حاجة في التصميم بتاعنا
08:49والكتابة وهذا حجم صغير شوية مقارنة بالتصميم أو الصورة
08:55هنا أكبر حاجة ومركز عليها هي كلمة تصميم سوشال ميديا
08:58هي ديات اللي أنا عايز الشخص يشوفها
09:00لو الشخص مهتم هيقر بقية التفاصيل
09:02لو الشخص مش مهتم مش هيقر بقية التفاصيل
09:05فمهم إن إحنا يكون في عندنا عنوان مهمة أو حاجة
09:08حجمها كبير في التصميم بتاعنا
09:10حاجة تكون برزة عشان نركز عليها في التصميمات بتاعنا
09:14فبناء عليه أنا أعمل لك اللي صليت ديت عشان أقول لك
09:18إن حجم الخط هو اللي بيحدد نظر المشاهد
09:21فأنا شايف زي ما أنت شايف كده
09:23أنت غالبا هتقرأ الجملة ديت الأول
09:25وبعد كده هتقرأ دي وبعد كده هتقرأ دي
09:27رغم إن الترتيب مختلف
09:29يعني رغم إن أنا حطت ديت الأول وبعد كده ديت
09:31وبعد كده ديت فأنت المفروض تقرأهم كده
09:33ولكن لأ لأن دي حجمها كبير أنت هتقرأها الأول وبعد كده هتقرأ دي
09:37وبعد كده هتقرأ دي
09:38فده الطبيعي الشخص بينجزب على طول لحاجة اللي حجمها أكبر
09:43فعشان كده لازم في التصميم بتاعك
09:45الحاجة المهمة هي اللي تكون بالحجم الكبير والحاجات الأقل الأهمية
09:49تكون بالأحجام الأقل والأقل
09:52بعد كده خلينا نشوف هنا بعض الأخطاء الموجودة
09:55عندنا مثلا الصورة زي ديت كده
09:57هنا طبعا فيه خطأ فيه محاذاة
09:59يعني العناصر مش محاذية لبعضها
10:02وكذلك فيه عندنا خطأ هنا في المساحة البيضة
10:05للمساحة البيضة مش متوزعة صح
10:08فتلاقي أنه هو المسافة صغيرة وتحت
10:11المسافة كبيرة فاضية على الفاضي
10:13الجزء فاضي كتير جدا
10:14مفيش داعي منه
10:16كذلك العناصر هنا أو الصورة هنا
10:18خططها بحجم صغيرة
10:20كممكن يكبر العناصر ديت شوية
10:22لأن انت عندك مساحة بالفعل
10:23فاضية فا انت كممكن تكبر
10:25التصميم او العناصر بها شوية
10:27فهنا هو نستغل المساحة الفاضية
10:29بشكل خاطئ كذلك
10:31المحاذاة فيها خطأ
10:33مهمتك بقى بعد الدرس البسيط دوت
10:35هو ان انت تصمم
10:37تصميم عن اي حاجة انت عايزها
10:39بدون استخدام قالب بنفس الشروط
10:41اللي احما شرحناها الدرس اللي فات
10:43ان انت بدون استخدام
10:45اي قالب هتفتح تصميم جديد
10:47ب1000 بيكسل في 1000 بيكسل
10:49ديت المقاسات بتاعته وهتكون خلفية سادة
10:51يعني لون واحد بسيط وهتعمل
10:53تصميم عن اي حاجة انت عايزها
10:55تصميم بسيط جدا انا هعمل تصميم
10:57دلوقتي قصادكم سريعا
10:59جدا هعمل تصميم اهوة 1000 بيكسل
11:01في 1000 بيكسل
11:03هختار اللون بتاعي
11:05هيكون اللون
11:06الازرق مثلا بالشكل ده
11:10وهجيب هنا
11:11صورة دكتور
11:12هكتب كده كلمة دكتور
11:15هجيب دكتور بالشكل دوت
11:17كده تكبر الدكتور
11:19بالمقاس اللي انا عايزه بالشكل ده
11:21وبعد كده هجيب نص اضبط على
11:23كلمة اضف عنوان
11:24وهبدأ ان انا اكتب جملة اللي انا
11:27عايزها مثلا طبيبك
11:29الخاص
11:31بس انا انا كتبت مثلا
11:33الجملة دية وطبعا هغير الخط بتاعها
11:35اللي خط اكون شايفه كويس واني يكون
11:37مسلا من الخط دوت وبعد كده
11:39اغير اللون بتاع الكتابة عشان يكون
11:41افضل ومتناسق اكتر هيكون اللون
11:43الابيض هيكون اكثر تناسقا
11:45بالشكل ده انا كده خلصت التصميم
11:47انا عايزة تعمل بقى تصميم زي دوت بس
11:49ما يكونش طبيبي يعني يكون بقى
11:51عن اي حاجة تاني عن اكل مثلا
11:52عن محامي عن مدرس احنا عملنا
11:55مدرس الدرس اللي فات فاحمل عن
11:57اي حاجة انت نفسك فيها
11:59او بتذكر فيها وان شاء الله
12:01من اول الدرس الجاي هنبدأ نعمل تصميمات
12:03اقوى بكتير من
12:04الليفل دوت ولكن انا عايزة دلوقتي
12:06تتأكد ان انت بتحمل الاساساسيات
12:09صحة بتختار الالوان صحة بتعمل
12:11المحزاة صحة بتحدد الاحجام
12:13بتاعت العناصر بشكل صحيح
12:15وبشكل كويس فبس كده
12:17انا خلصت الدرس دوت
12:18واشوفكم الدرس الجاي والسلام عليكم
12:20ورحمة الله وبركاته
Be the first to comment