المحتوى عن 'بياني'.



مزيد من الخيارات

  • ابحث بالكلمات المفتاحية

    أضف وسومًا وافصل بينها بفواصل ","
  • ابحث باسم الكاتب

نوع المُحتوى


التصنيفات

  • التخطيط وسير العمل
  • التمويل
  • فريق العمل
  • دراسة حالات
  • نصائح وإرشادات
  • التعامل مع العملاء
  • التعهيد الخارجي
  • التجارة الإلكترونية
  • الإدارة والقيادة
  • مقالات ريادة أعمال عامة

التصنيفات

  • PHP
    • Laravel
    • ووردبريس
  • جافاسكريبت
    • Node.js
    • jQuery
    • AngularJS
    • Cordova
  • HTML5
  • CSS
    • Sass
    • إطار عمل Bootstrap
  • SQL
  • سي شارب #C
    • منصة Xamarin
  • بايثون
    • Flask
    • Django
  • لغة روبي
    • إطار العمل Ruby on Rails
  • لغة Go
  • لغة جافا
  • لغة Kotlin
  • برمجة أندرويد
  • لغة Swift
  • لغة R
  • لغة TypeScript
  • سير العمل
    • Git
  • صناعة الألعاب
    • Unity3D
  • مقالات برمجة عامة

التصنيفات

  • تجربة المستخدم
  • الرسوميات
    • إنكسكيب
    • أدوبي إليستريتور
    • كوريل درو
  • التصميم الجرافيكي
    • أدوبي فوتوشوب
    • أدوبي إن ديزاين
    • جيمب
  • التصميم ثلاثي الأبعاد
    • 3Ds Max
    • Blender
  • مقالات تصميم عامة

التصنيفات

  • خواديم
    • الويب HTTP
    • قواعد البيانات
    • البريد الإلكتروني
    • DNS
    • Samba
  • الحوسبة السّحابية
    • Docker
  • إدارة الإعدادات والنّشر
    • Chef
    • Puppet
    • Ansible
  • لينكس
  • FreeBSD
  • حماية
    • الجدران النارية
    • VPN
    • SSH
  • مقالات DevOps عامة

التصنيفات

  • التسويق بالأداء
    • أدوات تحليل الزوار
  • تهيئة محركات البحث SEO
  • الشبكات الاجتماعية
  • التسويق بالبريد الالكتروني
  • التسويق الضمني
  • استسراع النمو
  • المبيعات

التصنيفات

  • إدارة مالية
  • الإنتاجية
  • تجارب
  • مشاريع جانبية
  • التعامل مع العملاء
  • الحفاظ على الصحة
  • التسويق الذاتي
  • مقالات عمل حر عامة

التصنيفات

  • الإنتاجية وسير العمل
    • مايكروسوفت أوفيس
    • ليبر أوفيس
    • جوجل درايف
    • شيربوينت
    • Evernote
    • Trello
  • تطبيقات الويب
    • ووردبريس
    • ماجنتو
  • أندرويد
  • iOS
  • macOS
  • ويندوز

التصنيفات

  • شهادات سيسكو
    • CCNA
  • شهادات مايكروسوفت
  • شهادات Amazon Web Services
  • شهادات ريدهات
    • RHCSA
  • شهادات CompTIA
  • مقالات عامة

أسئلة وأجوبة

  • الأقسام
    • أسئلة ريادة الأعمال
    • أسئلة العمل الحر
    • أسئلة التسويق والمبيعات
    • أسئلة البرمجة
    • أسئلة التصميم
    • أسئلة DevOps
    • أسئلة البرامج والتطبيقات
    • أسئلة الشهادات المتخصصة

التصنيفات

  • ريادة الأعمال
  • العمل الحر
  • التسويق والمبيعات
  • البرمجة
  • التصميم
  • DevOps

تمّ العثور على 2 نتائج

  1. تُستعمل المخطَّطات البيانيَّة بكثرة مع تطبيق جداول بيانات جوجل أو التطبيقات المشابهة له إذ تحتوي هذه الجداول عادةً على أرقام وإحصائيَّات كبيرة يَصعب على المستخدم تحليلها من النظرة الأولى للجدول لذا تُظهر المخطَّطات البيانيَّة تلك الأرقام بطريقة رسوميَّة تسِّهل قراءتها وتعطيها معنًى واضحًا بحيث توصل الفكرة أو الهدف من هذه الأرقام أو البيانات للقارئ بأسرع وأبسط شكل. سنتعرَّف في هذا المقال على كيفيَّة إدراج المخطَّطات وتنسيقها والتعديل عليها. إدراج مخطَّط بياني خطي لدينا جدول هطول مطري لبعض مدن العراق خلال الأعوام من 1995 وحتى 1999. يصعب على القارئ غير المتخصِّص تحليل هذه الهطولات وموازنتها من خلال الأرقام لذا ندرج مخطَّطا بيانيًّا يساعد القارئ على فهمها. نحدِّد كل الجدول عدا حقل المعدل الموسمي ثمَّ نختار من قائمة إدراج > مخطَّط. يُدرج مخطَّطٌ عشوائيٌ يقترحه التطبيق وهو ذو نوع “مخطَّط عمودي مكدس” يعتبره أنَّه الأنسب لقيم الجدول مع العلم أنَّ التطبيق رائع جدًا في تحليل البيانات واختيار المخطَّط والمحاور والمقياس المناسب. تظهر قائمة خصائص المخطَّط في القسم الأيسر من الواجهة بعد الضغط عليه وتحتوي على قائمتين فرعيتين هما: البيانات وتخصيص؛ نجد كل ما يتعلَّق باختيار المحاور وتمثيل البيانات على المخطَّط في قائمة “البيانات” الفرعيَّة بينما تحتوي القائمة الفرعيَّة “تخصيص” على كل ما يتعلق بالمظهر والشكل مثل تنسيق الخطوط والألوان وأسماء المحاور …إلخ. إن أردنا تغيير نوع المخطَّط، نختار من قائمة “نوع المخطَّط” في قائمة البيانات النوع المطلوب؛ تظهر أربعة مخطَّطات مقترحة عند فتح القائمة وقد تكون مناسبة جدًا لنا، وتوضح الصورة نوع المخطَّط العمودي المقترح وكيفيَّة تنسيقه للبيانات بطريقة رائعة وواضحة. سنغيِّر نوع المخطَّط إلى “مخطَّط خطي“؛ نطاق البيانات الموجود أسفل الخيار هو لتحديد كامل الجدول أو البيانات التي نريد تمثيلها على المخطَّط وإن لم يكن المجال محدَّدًا نضغط على مربع صغير يشبه الجدول فتظهر نافذة نحدِّد فيها نطاق البيانات، ويمكن إضافة أكثر من نطاق بالضغط على “إضافة نطاق آخر“. تُرسم البيانات بين المحور الأفقي (المحور س) والسلاسل ونحدِّد أي الأعمدة هي المحور الأفقي وأيها تمثل السلاسل (المحور الشاقولي) ونعدِّل عليها بالضغط على النُقط الثلاث واختيار “تعديل“. يمكن إزالة أي سلسلة لا نريدها باختيار “إزالة“؛ الخيار الأخير “إضافة تصنيفات” هو لاختيار خليَّة اسم الصف أو الحقل إذ يَعتبر التطبيق أنَّ الصف الأول والعمود الأول من الجدول المحدَّد يحمل أسماء المحاور ويكون الخيار “استخدام الصف 4 كرؤوس” والخيار “استخدام العمود A كتصنيفات” في الأسفل مفعَّلان مسبقًا؛ يفهم التطبيق عند إزالة الخيارين السابقين أنَّ كلَّ النطاق المحدَّد هو بيانات أي هطولات يجب تمثيلها على المخطَّط وغالبًا لا نستعمل هذه الطريقة في تمثيل البيانات. نفعِّل الخيار “تبديل الصفوف والأعمدة” للتبديل بين المحور س والسلاسل وهذا منطقي إذ أصبح المخطَّط الموضح في الصورة السابقة أكثر وضوحًا، ويمكن بذلك تحليل الهطولات المطرية خلال فترة من السنوات بين مختلف المدن. تنسيق المخطَّطات البيانيَّة ننتقل إلى قائمة “تخصيص” للتعديل على اسم المخطَّط وأسماء المحاور وتنسيقها. نستطيع تغيير لون خلفيَّة المخطَّط ونوع الخط من قائمة “نمط المخطَّط“؛ نلاحظ عند تفعيل خيار “متجانسة” تصبح السلاسل منحنيات أي ليست خطوط مستقيمة، ويجب تفعيل هذا الخيار إن كانت العلاقة بين المحورين غير خطيَّة. يمكنك تكبير المخطَّط إن كانت خطوط المحاور غير مهمَّة بتفعيل خيار “تكبير“. ننتقل إلى قائمة “عناوين المخطَّطات” التي تحوي كلَّ الخيارات المتعلِّقة بعنوان المخطَّط الرئيسي والفرعي وعناوين المحاور وتنسيقاتها. نلاحظ أنَّ عنوان المخطَّط الرئيسي وعنوان المحور س غير مناسبين لذا نغيرهما. نحدِّد عنوان المخطَّط من قائمة “النوع” ونغيره أو نضغط عليه مباشرةً مرتين من المخطَّط ونغيره ونوسِّط موقعه ونغيِّر لونه وحجمه؛ نضيف عنوان فرعي ونغير اسم عنوان المحور الأفقي إلى “الأعوام“؛ نضيف اسمًا للمحور الشاقولي بالطريقة نفسها. تحوي قائمة “السلاسل” كلَّ الخيارات المتعلِّقة بشكل وتنسيق الخطوط المرسومة في المخطَّط؛ يمكن التحكم بشكل النقطة عند كل قيمة مُقاسة (نقطة تقاطع المحورين) وحجمها ومكان توضع المحور الشاقولي على اليمين أو اليسار إذ يمكن تطبيق ذلك لكل السلاسل أو سلسلة معيَّنة. يمكن إظهار القيم على السلاسل بتفعيل خيار “تصنيفات البيانات“، وإضافة خطوط اتجاه لكل سلسلة بتفعيل خيار “خط الاتجاه” وظيفته توضيح الاتجاه العام للسلسة هل هي صاعدة أم هابطة . ننتقل إلى قائمة التسمية التوضيحيَّة التي تحتوي على خيارات أسماء السلاسل المتوضِّعة على اليمين. ما رأيك أن نغير مكان أسماء هذه السلاسل؟ حسنًا، سنضعهم أسفل اسم المحور الأفقي حيث نختار “أسفل” من قائمة “الموضع“. القائمة التالية هي قائمة “المحور الأفقي” إذ تحوي كلَّ ما يتعلق بهذا المحور من مقياس ومكان توضع أسماء البيانات وتنسيقها. ما يهم في هذه القائمة هو قيمة بداية ونهاية المحور إذ يمكن اختيار هاتين القيمتين عوضًا عن القيم الموجودة في الجدول وهذا مهم لتحديد قيمة بداية المحور ونهايته. يمكن تفعيل خيار “مقياس لوغاريتمي” لاستعماله، ويمكن التحكم بعامل التدريج أيضًا كما نستطيع تدوير أسماء بيانات المحور عبر خيار “علامات الانحدار“. خيارات قائمة المحور العمودي مشابهة لخيارات القائمة السابقة. نتحكم من قائمة “خطوط الشبكة” بعدد الخطوط الأفقيَّة والشاقوليَّة المرسومة في المخطَّط إذ يمكن زيادة عدد الخطوط الأفقيَّة (المحور العمودي) وإضافة خطوط ثانوية لتسهيل قراءة القيم إن كان المخطَّط سيُطبع على الورق. لاحظ أنَّ جميع القوائم السابقة تحتوي على خيارات لتنسيق النصوص من حيث اللون والحجم والنوع …إلخ. وقد تختلف الخيارات السابقة بعض الشيء بحسب نوع المخطَّط. أنواع أخرى من المخطَّطات يوجد الكثير من المخطَّطات التي يدعهما التطبيق يمكنك التعرف عليها ورؤية مثال عنها والحصول على بعض النصائح بزيارة هذه الصفحة. المخطَّط الدائري ثلاثي الأبعاد يُستعمل المخطَّط الدائري بكثرة خصوصًا لموازنة البيانات مع بعضها بعضًا وتحويل البيانات إلى نسب مئوية. توضح الصورة التالية مخطَّطًا دائريًّا ثلاثي الأبعاد يَعرض مساحة بعض الدول. المخطَّط الجغرافي يتيح تطبيق جداول بيانات جوجل إضافة خريطة ثمَّ ربط بيانات بها مثل ربط عدد السكان أو مساحة الدول أو أي معلومة بموقع ما على الخريطة ثمَّ إظهار البيانات عليها مباشرةً. يجب كتابة اسم البلد باللغة الإنجليزية أو كتابة رمز منطقتها ليتعرَّف التطبيق على الدولة ويربط البيانات بها. يمكن اختيار خريطة العالم كلها أو خريطة قارَّة معيَّنة إذ يتوافر خرائط عدَّة ضمن التطبيق. نسخ المخطَّطات ونشرها على الويب قد نحتاج إلى إدراج المخطَّط في مستند ما أو حفظ صورة عنه لنشرها على موقع أو استعمالها في أماكن أخرى وكل ذلك متوافر في تطبيق جداول بيانات جوجل. نحدِّد الجدول ونضغط على النقط الثلاث في الزاوية اليسرى العلوية فتظهر قائمة بعدِّة خيارات. إذا أردنا نسخ المخطَّط إلى تطبيق مستندات جوجل، نضغط على “نسخ المخطَّط” ثمَّ ننتقل إلى ذلك التطبيق ونضغط على لصق فيظهر خيارين. الخيار الأول هو لصق المخطَّط وربطه بالجدول في تطبيق جداول بيانات جوجل وتحديثه كلما حُدِّثت البيانات، والخيار الثاني هو إلغاء الربط فيُدرج المخطَّط باعتباره صورة. يمكن الضغط على “مصدر” للانتقال إلى المخطَّط في جداول البيانات أو إلغاء الارتباط به. نستطيع حفظ المخطَّط بصيغة PNG وتنزيله إلى حاسوبنا أو يمكننا نشر المخطَّط على الويب عبر خيار “نشر المخطَّط” إذ نستطيع نشر المخطَّط فقط أو الصفحة الحالية أو المستند بأكمله. الخاتمة تعرَّفنا في هذا المقال على جميع الخيارات المتعلقة بإدراج المخطَّطات البيانيَّة في تطبيق جداول بيانات جوجل، وعليك الآن التوجه إلى التطبيق لإدراج مخطَّطك وتنسيقه بالشكل الذي تريده.
  2. المخططات البيانية مهمة جدًّا لتتبع سير العمل ومدى النجاح والإخفاق في المشاريع، أو لشرح أفكار أو نظريات وحتى لتوضيح بيانات معينة، فمجالات استخدام المخططات البيانية واسع جدًّا. تقدّم البرامج والتطبيقات المختلفة أدوات خاصة لرسم هذه المخططات البيانية بأسلوب بسيط كحزم برامج المكتب وغيرها، ولكننا قد نحتاج في بعض الأحيان إلى رسم مخطط بياني أنيق وأكثر حيوية من المخططات البيانية البسيطة لجذب الانتباه أو لاتباع نمط معين في العرض التقديمي على سبيل المثال. وباستخدام برنامج أدوبي إليستريتور يمكننا رسم مخطط بياني مميز وحفظه بصيغة فكتور ما يمنحنا الحرية في تكبير حجم المخطط وتصغيره بحسب التصميم الذي نعمل عليه بالإضافة إلى سهولة تعديل الخطوط البيانية وتغيير ألوانها وإضافة أو إزالة بعض الخطوط بحسب الحاجة. كما نرى فهذا مخطط بياني لبيان عدد الزيارات التي تمت لمواقع إحدى الشركات وذلك لتتبع الأيام الأكثر زيارة والقيام بنشر أهم البيانات عليها للحصول على الاهتمام الأكبر من قبل الزائرين للموقع وخصوصًا إذا كان الموضوع يتعلق بإعلان معين. وسنقوم في هذا الدرس باستخدام الأدوات الأساسية مع خصائص المظهر وبعض التأثيرات كالظلال والتحريك البسيط للحصول على خطوط بيانية بارزة وحيوية أكثر من الخطوط العادية البسيطة مع إضافة تدرج لوني بسيط وجميل للخلفية في نهاية الدرس. افتح برنامج أدوبي إليستريتور وقم بفتح مستند جديد بحجم 800 في 800 وفي خيار Advanced قمت باختيار نمط ألوان RGB مع دقة 72ppi وذلك لأن تصميمي سيكون مخصصًّا للعرض على الشاشة وليس للطباعة. أمّا إذا كنت تنوي طباعة المخطط فيجب عليك اختيار نمط ألوان CMYK ودقة تصل إلى 300ppi للحصول على نتائج أفضل في الطباعة. من المهم أن تعوّد نفسك كمصمم على استخدام الشبكة Grid للعمل على التصاميم بدقة أكبر. لذلك قم بتفعيل إظهار الشبكات وفعّل ميزة المطابقة إلى الشبكات عبر الاختصارين ”+Ctrl و”+Shift+Ctrl أو عبر القائمتين التاليتين على التوالي: View > Show Grid View > Snap to Grid علينا الآن تخصيص إعدادات الشبكة عبر الذهاب إلى القائمة Edit > Preferences > Guides & Grid وفي حقل Grid ضع القيمة 10px في خانة Gridline every وذلك حتى يتم إعداد خطوط الشبكة كل 10 بكسل، ثم ضع القيمة 1 عند خانة Subdivisions وذلك لجعل خانة من خانات الشبكة بدون تقسيم. والآن سنرسم مربع الخلفية عبر استخدام أداة رسم المستطيلات Rectangle Tool ثم النقر نقرًا مزدوجًا على لوح الرسم لتفتح نافذة إنشاء المستطيلات. ضع القيم 800 للعرض والطول معًا وذلك لأننا جعلنا حقل الرسم بهذا الحجم عند إنشاء المستند ليغطّي كامل مساحة لوح الرسم. لوّن هذا المربع باللون الأحمر الداكن المائل للبني ذو القيمة اللونية 440000#. ولجعل المربع المرسوم يطابق لوح الرسم بشكل مثالي وخصوصًا أنهما بذات الحجم افتح لوحة المحاذاة Align من قائمة Window ثم اضغط على الأيقونة في الزاوية السفلية اليمنى من اللوحة واختر من القائمة خيار المحاذاة إلى لوح الرسم Align to Artboard وذلك لنقوم بمحاذاة المربع إلى لوح الرسم تحديدًا ثم حدّد المستطيل وحاذه إلى الوسط أفقيًّا وعموديًّا. افتح لوحة الطبقات Layers من قائمة Window ثم أنشئ طبقة جديدة من الأيقونة أسفل لوحة الطبقات ثم قم بالنقر بجانب رمز العين لطبقة الخلفية لوضع قفل للطبقة وبذلك لن نستطيع تعديل أو تحريك الخلفية ممّا يُسهّل علينا العمل لاحقًا فوق هذه الخلفية بسهولة. سنرسم الآن جدول المخطط البياني لذلك استخدم أداة رسم الشبكة المستطيلة Rectangular Grid Tool التي تجدها بالضغط المستمر على أداة الخط Line لتظهر بقية الأدوات المرتبطة في القائمة أسفل أداة الخط. انقر نقرًا مزدوجًا على لوح الرسم باستخدام هذه الأداة لتفتح نافذة أدوات إنشاء الشبكة. اختر حجم الشبكة ليكون بعرض 600 وارتفاع 400 بكسل وبعدد 10 أقسام أفقية و12 عمودية ثم اضغط OK. ضع الشبكة في النصف السفلي من المخطط لوضع العنوان وبيانات الشرح في الأعلى لاحقًا. حدّد هذه الشبكة ثم انقر بالزر الأيمن واختر Ungroup من القائمة. قم بحذف الإطار الخارجي المحيط بالشبكة عبر تحديده هو فقط والضغط على مفتاح Delete من لوحة المفاتيح . وسنقوم بجعل خطوط شبكة المخطط منقطّة وذلك عبر تحديد جميع الخطوط الطولية والعرضية ثم فتح لوحة الحدود Stroke، أبقِ على جميع الإعدادات الأولية على حالها ثم فعّل خيار Dashed Line ثم ضع القيمة 5px في dash وgap الأولى فقط وشاهد النتيجة بنفسك. يُعتبر dash هو الخط في التنقيط وgap هو الفجوة التي تلي الخط dash ويمكن تخصيص شكل تنقيط معيّن عبر تعبئة باقي الخانات للخطوط والفجوات المتبقية في لوحة الحدود ولكننا في هذه الحالة نريد أن يكون حجم الخط في التنقيط 5 بكسل مع وجود فجوات بين الخطوط بحجم 5 بكسل أيضًا لذلك اكتفينا بالخانتين الأوليتين ليتم تكرار هذه القيم على طول الخطوط المُحدّدة. خفّف مستوى ظهور هذه الشبكة عبر تحديدها والذهاب إلى لوحة الشفافية Transparency ثم تخفيف التعتيم Opacity لنحو 32%. سنضيف تأثيرًا إضافيًّا على هذه الشبكة بإنشاء ظل خفيف لها. حدّد الشبكة ثم اذهب إلى القائمة Effect > Stylize > Drop Shadow في نافذة خيارات الظلال اختر النمط Soft Light ثم خفّف التعتيم Opacity إلى 30% ثم ضع القيمة 1px في خانتي الإزاحة على المحورين x وy وباللون الأسود لهذه الظلال اضغط على OK. الآن سنرسم الخط البياني الأوّل. في هذا الدرس سنتعلّم فقط كيفية تصميم رسوميات المخطط البياني ولن نهتم لدقة البيانات والخطوط بينما في العمل الحقيقي سيتوجب علينا أولًا تحديد القيم على المحورين العمودي والأفقي أوّلًا ثم تحديد القيمة الحقيقية للبيانات ومن ثم رسم الخط البياني بدقة بناء على ما هذه البيانات. في هذا الدرس سنختصر الوقت ونرسم خطًّا عشوائيًّا غير دقيق. استخدم أداة القلم Pen Tool وابدأ برسم خطٍّ عشوائيٍّ على شبكة المخطط وستشعر بأنك مقيّد الحركة ضمن نقاط محدّدة وذلك لأننا فعّلنا خيار المطابقة على خطوط الشبكة لذلك ستتحرك أداة القلم للرسم بمستوى 10 بكسل في كل حركة بناءً على الإعدادات التي خصصّناها في بداية الدرس. اختر لونًا مميزًا وليكن اللون السماوي 00CFFF#. هذا الخط حاد جدًّا عند المنحنيات لذلك سنقوم بتنعيم هذه المنحنيات. حدّد الخط البياني السماوي ثم اذهب إلى لوحة الحدود Stroke ثم اختر الخيار الأوسط (المنحني) في Corner ولاحظ النتيجة. وسنجعل نهايات الخط مستديرة عبر ذات اللوحة (Stroke)، اختر الخيار الأوسط (المستدير) في Cap ولاحظ النتيجة أيضًا. سنقوم الآن بإضافة تأثيرات البروز الحيوية. افتح لوحة المظهر Appearance من قائمة Window ثم حدّد الخط البياني وستشاهد عناصر مظهر هذا الخط وهي التعتيم الافتراضي ولون التعبئة لا يوجد ولون الحدود السماوي بحجم 4 بكسل. حدّد الحدود ثم انقر على أيقونة New لإنشاء نسخة عن عنصر الحدود. انقر على أيقونة اللون للحدود الجديدة ثم اختر لونًا سماويًّا كلون الحدود الأساسي ثم انقر عليه نقرًا مزدوجًا لتفتح نافذة تعديل اللون بحيث يمكنك الآن تعديل اللون وتخصيصه. سنجعل اللون الجديد داكنًا أكثر لذلك ضع القيم التالية R:0 G:133 B:222 وستلاحظ الفرق بين اللون القديم والجديد في المربعين الصغيرين على يسار النافذة بحيث يظهر اللون القديم في المربع العلوي والجديد في السفلي. خفّف سماكة الحدود الجديدة إلى 3 بكسل. تأكّد من أنك تُحدّد الحدود الجديدة في لوحة المظهر ثم اذهب إلى القائمة Effect > Distort & Transform > Transform وفي نافذة Transform Effect أضِف إزاحة بمقدار 1px على المزلاج العمودي وألغِ تفعيل الخيارات أسفل النافذة باستثناء خيار Transform Objects. وبذلك سيتم تحريك الحدود الجديدة عموديًّا إلى الأسفل بمقدار 1 بكسل فقط. وبعد هذه الخطوة فقط بدأ الخط البياني يصبح أفضل مظهرًا، ولكننا لم ننتهِ بعد. ضاعف الحدود الأخيرة من لوحة المظهر بنفس الطريقة المُتّبعة سابقًا. هذه المرّة خفّف سماكة الحدود الجديدة إلى 1px وغيّر اللون إلى لون أكثر قتامةً من السابق بالقيم التالية R:0 G:97 B:216. ومجدّدًا اذهب إلى القائمة Effect > Distort & Transform > Transform وقم بذات التعديلات السابقة من إزاحة مزلاج المحور العمودي بمقدار 1px وأبقِ على خيار Transform Objects فقط مفعّلًا. وهكذا سيبدو الخط البياني مع التعديلات والمزايا المُضافة كما في لوحة المظهر. ومن لوحة المظهر حدّد الحدود الأولى ذات اللون السماوي الفاتح والحجم 4 بكسل ثم اذهب إلى القائمة Effect > Stylize > Drop Shadow واجعل النمط Soft Light ومستوى التعتيم Opacity 50% وإزاحة المحور X 0 وإزاحة المحور Y بمقدار 2 مع اختيار اللون الأسود. وبهذه الظلال المُضافة أصبح الخط حيويًّا ونابضًا بالحياة وبعبارة أخرى أصبح غير مسطّح وجميل المظهر. وعلى الرغم من أننا جعلنا الانحناءات ناعمة ومستديرة وغير قاسية إلا أن المظهر العام للخط يبدو قاسيًّا عند المنحنيات لذلك سنقوم بجعلها أكثر انحناءً. حدّد كامل مسار الخط البياني من لوحة المظهر Path ثم اذهب إلى القائمة Effect > Stylize > Round Corners ضع القيمة 10px عند خانة نصف القطر. ولاحظ زيادة الانحناء للمنعطفات في الخط البياني. الآن أصبح الخط البياني جاهزًا. وإذا كنّا سنقوم برسم خطوط بيانية أخرى فيجب علينا حفظ هذا النمط من التعديلات الرسومية على الخط في لوحة Graphic Style وذلك حتى لا نضطّر لإعادة جميع المراحل السابقة على كل خط بياني جديد سنقوم برسمه. حدّد الخط البياني ثم افتح لوحة Graphic Style من نافذة Window ثم اضغط على أيقونة نمط جديد أسفل اللوحة ليتم حفظ النمط المستخدم على هذا الخط ضمن الأنماط الموجودة في اللوحة. ارسم خطًّا بيانيًّا جديدًا بشكل عشوائي (لا تنسَ أننا نرسم خطوطًا عشوائيةً في هذا الدرس لشرح عملية التصميم ولكن في المخططات الحقيقية يجب عليك اتباع قيم البيانات التي تعمل عليها لرسم الخطوط البيانية). حدّد الخط البياني الجديد ومن لوحة Graphic Style انقر على النمط الذي سبق وأن حفظناه في الخطوة السابقة. ستلاحظ أن الخط الجديد أصبح يمتلك بروزًا وظلالًا كالخط القديم تمامًا وبنقرة واحدة فقط. هذه العملية مفيدة جدًّا خصوصًا عندما نعمل على تصميم عناصر كثيرة في التصميم الواحد ويكون الكثير منها مرسومًا بذات النمط وله نفس التأثيرات المختلفة بحيث لن نضطّر لإعادة القيام بكل تلك الخطوات بل سنكتفي بنقرة واحدة للقيام بذلك. كل ما علينا القيام به هنا هو الذهاب إلى لوحة المظهر Appearance وتغيير ألوان الحدود الثلاثة للخط الجديد فقط لتمييزه عن الخط القديم مع الانتباه إلى جعل الحدود قاتمة أكثر بالتدريج من الأسفل إلى الأعلى كما في نمط الخط الأول. في هذه الحالة اخترت سلسلة من الألوان البنية لتلوين الخط الجديد. ارسم خطًّا بيانيًّا ثالثًا. طبّق عليه النمط أيضًا. غيّر ألوان الحدود الثلاثة إلى سلسلة من الألوان الخضراء. والآن لسنا مضطّرين لإبقاء عملية الرسم على الشبكة Grid بمستوى 10 بكسل في كل حركة. سنعيد ضبط إعدادات الشبكة من القائمة Edit > Preferences > Guides & Grid ثم ضع القيمة 1 بكسل في خانة Gridline every. استخدم أداة النص بالخط الذي تراه مناسبًا لتصميمك. أنا اخترت خط Adobe Arabic القياسي وبحجم 30px ثم اكتب القيم على المحور العمودي.وباعتبار أننا نرسم مخطّطًا بيانيًّا لبيان عدد الزيارات اليومية لمواقع الإنترنت فسنضع القيم من 100 إلى 1000 كما في الصورة. وكما قلنا فهو مخطط بياني لعدد الزيارات اليومية لذلك سنضع أسماء الأيام في الخط الأفقي أسفل المخطط. حدّد جميع النصوص وطبّق ظلًّا عليها من خلال الذهاب إلى القائمة Effect > Stylize > Drop Shadow اجعل النمط المستخدم Soft Light كالعادة والتعتيم 85% والإزاحة على المحورين بقيمة 2px. أصبحت النصوص حيوية أكثر بوجود الظلال تحتها. اكتب عنوان المخطط أعلى التصميم مع زيادة حجم الخط إلى 42 ولتطبيق ذات التأثير الأخير اضغط الاختصار Shift+Ctrl+E أو اذهب إلى القائمة Effect > Apply Drop Shadow ارسم ثلاثة خطوط صغيرة فوق بعضها أسفل العنوان مباشرة إلى جهة اليمين وطبّق عليها النمط المستخدم على الخطوط البيانية واستخدم ألوان الخطوط البيانية الثلاثة. حدّد الخطوط الثلاثة ثم افتح لوحة المحاذاة Align وغيّر خيار Align to أسفل يسار اللوحة إلى Align to Selection ثم اختر الخيار الخيار العمودي من Distribute Spacing بحيث ستقوم هذه العملية بتوزيع المسافات بالتساوي بين الخطوط. أكتب أسماء المواقع الثلاثة الافتراضية بجانب الخطوط الثلاثة. اذهب إلى لوحة الطبقات Layers ثم ألغِ القفل من طبقة الخلفية. استبدل لون التعبئة الجامد للخلفية بتدرج لوني ثم قم بتعديل اللون الأيسر للتدرج اللوني عبر النقر المزدوج عليه واختيار اللون 440000#. ثم غيّر اللون الأيمن من التدرج اللوني إلى اللون 220000#. استخدم أداة التدرج اللوني من لوحة الأدوات ثم ارسم اتجاه التدرج بشكل قطري من الركن العلوي الأيسر إلى الركن السفلي الأيمن. وبهذا نكون قد انتهينا من تصميم مخطط بياني أنيق وحيوي وجميل ومفعم بالألوان والتأثيرات المتنوعة. تعلّمنا في هذا الدرس أهمية حفظ كامل النمط من تأثيرات وتعديلات على المظهر من لوحة المظهر عبر وضعها في نمط واحد يمكن الرجوع إليه وإعادة تطبيقه مجدّدًا على عناصر جديدة من خلال لوحة Graphic Style، كما تعلمنا كيفية إضافة حدود على العنصر وتلوينها وتحريكها وتعديل أحجامها للحصول على بروز وتأثير جميل على العنصر بالإضافة إلى تطبيق تأثير الظلال على العناصر المختلفة.