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

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

لقد استخدمت أمثال GIMP، Premiere Pro ، Photoshop ، After Effects ، Illustrator ، Affinity Photo ، Affinity Designer ، Affinity Publisher ، InDesign ، Scribus ، LibreOffice ، Blender ، darktableو RawTherapee و OBS و Krita و DaVinci Resolve و Final Cut و Olive والمزيد. تغطي هذه البرامج فئات مختلفة من البرامج الإبداعية ، وكلها تحتوي على أشياء أحبها فيها وأشياء لا أحبها - بدرجات متفاوتة.

واجهة المستخدم (التي تعني "واجهة المستخدم") في كل برنامج من هذه البرامج يمكن أن يختلف اختلافًا كبيرًا حيث تمتد هذه القائمة إلى فئات إبداعية متنوعة وتتضمن كلاً من البرامج المجانية والمدفوعة.

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

وإليك السبب.

في الآونة الأخيرة ، أصدرت Inkscape إصدارًا تجريبيًا لإصدارها المستقر 1.2 القادم. إذا لم تكن معتادًا على Inkscape ، فهو محرر رسومات متجه مجاني ومفتوح المصدر. إنه أكثر قابلية للمقارنة مع Illustrator - على الرغم من أنه من الأفضل التفكير فيه من منظور عالم متعدد للدكتور Strange حيث يوجد Illustrator في أحد الكون و Inkscape في الآخر.

إنكسكيب 1.2: تاريخ موجز للغاية

في رأيي ، كان إنكسكيب يتمتع دائمًا بالكثير من الإمكانات ، ولكنه كان أيضًا غريبًا. أن نسميها "ملتوي" هو وصفها بشكل جيد - ربما يكون مصطلح "عربات التي تجرها الدواب" أفضل مصطلح. يكفي القول أنه من المعروف أنه يتعطل كثيرًا ولديه الكثير من القيود.

هذا صحيح بشكل خاص منذ ذلك الحين تم إصدار Inkscape 1.0 في عام 2020 - الذي أخذ البرنامج إلى مستوى جديد تمامًا من حيث الميزات والوظائف ، ولكنه جعل البرنامج أكثر استقرارًا. أظهر لنا Inkscape 1.0 أيضًا أن البرنامج كان يسير في اتجاه أفضل من حيث تصميم واجهة المستخدم ، لكنه لم يكن شيئًا مميزًا مقارنة بالبرامج الإبداعية الحديثة الأخرى.

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

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

تعد تحسينات واجهة المستخدم هذه في Inkscape 1.0 و Inskcape 1.1 رائعة وساعدت Inkscape على تحقيق تقدم تدريجي نحو أن يصبح برنامجًا أفضل. على الرغم من أن هذه الميزات مفيدة ومثيرة ، إلا أنها مجرد وضع الأساس لما سيأتي.

في مايو من عام 2022 ، تم إصدار Inkscape 1.2 Beta ، وفي رأيي رفع مستوى تصميم واجهة المستخدم.

تم رفع الشريط لأن واجهة مستخدم Inkscape 1.2 لا تبدو جيدة فحسب ، بل تتيح لك أيضًا تخصيصها أكثر من أي برنامج آخر (اختبرته شخصيًا). والطريقة التي يبدو بها والطريقة التي يمكن تخصيصها كانت نتيجة تقديم المستخدمين للتعليقات، والمطورين يقرون ويناقشون التعليقات ، والمطورون ينفذون أفضل مظاهر تلك الملاحظات ، ويختبر المستخدمون عمليات التنفيذ ويبدأون حلقة التغذية الراجعة.

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

لماذا تبرز واجهة مستخدم Inkscape 1.2

إذن ، ما الذي أحبه تحديدًا في واجهة المستخدم الجديدة لـ Inkscape 1.2؟

تحديثات شاشة الترحيب

مباشرة من الخفاش ، شاشة الترحيب (والتي ، مرة أخرى ، كانت تم تقديمه لأول مرة في Inkscape 1.1) يسمح للمستخدم بتخصيص واجهة المستخدم بعلامة التبويب "الإعداد السريع" (الموضحة باللون الأخضر في الصورة أعلاه). هنا ، يمكن للمستخدم:

  • اختيار تكوين قماشهم ،
  • تعيين اختصارات لوحة المفاتيح ،
  • تعيين أنماط وألوان الرموز (في القائمة المنسدلة "المظهر") ، و
  • قم بتبديل ألوان واجهة المستخدم للاختيار من بينها الوضع الفاتح أو الداكن

شاشة الترحيب سريعة الاستجابة ، لذا ستقوم الرموز التي تحددها تلقائيًا بتحديث معاينة الرمز الموجودة بالقرب من أسفل النافذة (السهم الأصفر في الصورة أعلاه). بالإضافة إلى ذلك ، سيتغير لون شاشة الترحيب عند التبديل بين الوضعين الفاتح والداكن (السهم الأحمر).

يمكنك بعد ذلك الانتقال إلى علامة التبويب "Time to Draw" (الموضحة باللون الأخضر في الصورة أعلاه) وإما فتح مستند حديث ، أو تحديد قالب من أي من فئات القوالب (الموضحة باللون الأزرق الفاتح) ، أو تحميل مستند جديد من جهاز الكمبيوتر الخاص بك (عبر زر "تحميل" الذي سيظهر في علامة التبويب "الملفات الموجودة" - الموضحة باللون الأحمر في الصورة أعلاه). تم تقديم الخيار الأخير في Inkscape 1.2 - والذي ساعد في إنهاء مجموعة الميزات لإنشاء المستند في شاشة الترحيب.

سأفتح صفحة مقاس 1920 × 1080 بكسل بالنقر فوق ملف النموذج المقابل (السهم الأحمر) ضمن علامة التبويب "الشاشة".

القماش الجديد

عند فتح مستند جديد في Inkscape ، سيلاحظ مستخدمو الإصدارات السابقة من Inkscape منطقة قماش مجددة وأنظف المظهر. بالنسبة لـ Inkscape 1.2 ، قام المطورون بتحديث الحدود حول الصفحة ، وتغيير لون "المكتب" (أو الحد الرمادي حول الصفحة - السهم الأحمر في الصورة أعلاه) ، وتحسين مظهر الظل المسقط أسفل الصفحة ( سهم أخضر). تساعد هذه التغييرات الدقيقة والمهمة إنكسكيب على الشعور بمزيد من الراحة والألفة (خاصة عند التبديل من Illustrator).

أداة الصفحة الجديدة تمامًا (تراكيب متعددة الصفحات)

أوه ، وبالحديث عن منطقة القماش - يدعم Inkscape 1.2 الآن مستندات متعددة الصفحات.

لأولئك منكم القادمين من Illustrator ، اسمحوا لي أن أترجم: يدعم Inkscape الآن ألواح الرسم المتعددة.

يتم التحكم في هذه الميزة باستخدام "أداة الصفحة" (السهم الأحمر في الصورة أعلاه) ، والتي هي في الأساس نفس الشيء مثل "أداة Artboard Tool" في Illustrator. باستخدام هذه الأداة الجديدة ، يمكنك إما رسم صفحات جديدة يدويًا بسرعة ، أو استخدام شريط عناصر التحكم (المحدد باللون الأخضر) لإنشاء صفحات جديدة بدقة أكبر استنادًا إلى الإعدادات المسبقة للمستند.

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

هذه الميزة متعددة الصفحات مع أداة الصفحة المصاحبة هي ميزة طال انتظارها والتي من المفترض أن تساعد المصممين في تنفيذ مشاريع أكثر تعقيدًا واحترافية.

مستويات مجنونة من التخصيص

إذا لم تكن راضيًا عن الطريقة التي تبدو بها واجهة المستخدم الإجمالية بناءً على الاختيارات التي حددتها من شاشة الترحيب ، فيمكنك إجراء تغييرات على ألوان وأحجام جميع العناصر التي تظهر على الشاشة بالانتقال إلى تحرير> تفضيلات> واجهة> تصميم (السهم الأحمر في الصورة أعلاه).

تحت عنوان "الموضوع" (الموضح باللون الأخضر في الصورة أعلاه) ، يمكنك التمرير عبر سمات GTK ضمن "تغيير سمة GTK" ومشاهدة معاينات حية لأنماط السمة المختلفة أثناء النقر فوق كل خيار. يمكنك أيضًا استخدام أشرطة التمرير لضبط حجم خط واجهة المستخدم ، أو مقدار التباين بين لون خلفية واجهة المستخدم والنص والرموز (السهم الأخضر). في أي مكان آخر رأيت شريط تمرير التباين ؟؟

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

إذا انتقلت إلى الواجهة> أشرطة الأدوات (السهم الأحمر في الصورة أعلاه) بينما كنت لا تزال داخل مربع حوار التفضيلات ، فسترى تخصيصًا لشريط الأدوات والرموز المستخدمة في جميع أنحاء واجهة المستخدم. يتم تشغيل جميع الأدوات المعروضة هنا ضمن قسم "أشرطة الأدوات" (الموضحة باللون الأصفر) افتراضيًا ، وبالتالي يتم عرضها في شريط الأدوات. سيؤدي النقر فوق أي من الرموز (السهم الأزرق الفاتح) إلى تبديل "إيقاف" هذه الأداة وإخفائها من شريط الأدوات.

يوجد أسفل رموز شريط الأدوات زوج من أشرطة التمرير. يتيح لك شريط التمرير العلوي (السهم الأحمر في الصورة أعلاه) ضبط حجم رموز شريط الأدوات (الموضحة باللون الأحمر) ، ويسمح لك شريط التمرير السفلي (سهم طمس الضوء) بضبط حجم رموز شريط التحكم (الموضحة في أزرق فاتح). ستلاحظ أن كلاهما يبدأ بنسبة 100٪ ويصل إلى 300٪. هذا يعني أنه يمكنك زيادة أحجام الرموز حتى ثلاثة أضعاف حجمها الأصلي. تعتبر الزيادات بين هذه القيم صغيرة جدًا أيضًا (في مكان ما بزيادات تبلغ 5٪ تقريبًا) ، مما يدل على مستوى غير مسبوق من الدقة لإجراء تعديلات على رموز واجهة المستخدم.

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

لوحة ألوان محدثة لمزيد من التحكم والتخصيص

أسفل منطقة قماش الرسم توجد لوحة الألوان - المنطقة التي تحدد فيها ألوانًا لأشياء مثل الكائنات والنص (موضحة باللون الأخضر في الصورة أعلاه). في الإصدارات السابقة ، استخدمت هذه اللوحة شريط التمرير المخصص الخاص بها وكانت مربعات الألوان بحجم ثابت.

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

في Inkscape 1.2 ، تم استبدال شريط التمرير بسهمين لأعلى ولأسفل على الجانب الأيمن من لوحة الألوان (يُشار إليها بالسهم الأحمر ومحددة باللون الأحمر في الصورة أعلاه) لمساعدة المستخدمين في البحث أو التمرير عبر المتنوع المتاح الألوان.

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

بالإضافة إلى ذلك ، يوجد في أسفل هذه القائمة رابط "تكوين" (سهم أزرق فاتح).

هنا ، يمكن للمستخدم الآن إجراء تعديلات على مظهر لوحة الألوان. يمكن إجراء تعديلات على حجم بلاطات الألوان باستخدام شريط التمرير "Tile Size" (السهم الأحمر) ، ونسبة العرض إلى الارتفاع (السهم الأخضر - نسبة العرض إلى الارتفاع ، بحيث يكون 0 على شريط التمرير مربعًا) للون المربعات وحجم الحد حول كل بلاطة (السهم الأزرق الفاتح) وعدد صفوف الحوامل المعروضة في شريط الألوان (السهم الأصفر). يمكنك أن ترى في الصورة أنني أجريت العديد من التعديلات ، بما في ذلك جعل أحجام البلاط أكبر ، وسحق المربعات عن طريق زيادة نسبة العرض إلى الارتفاع ، وإضافة حد أكثر سمكًا حول كل بلاطة ، وزيادة عدد صفوف التجانب المعروضة إلى 3.

مرة أخرى ، تمنح هذه الإعدادات الدقيقة المستخدمين التحكم المطلق في شكل ومظهر لوحة الألوان و Inkscape 1.2 UI. هذا صحيح بشكل خاص بالنظر إلى أن أحجام العناصر وتصميمها يتم التحكم فيها عن طريق منزلقات سهلة الاستخدام بدلاً من البدائل الأكثر شيوعًا ، وتحتوي المنزلقات على مجموعة واسعة من القيم.

دعنا نوضح كم هو مذهل من خلال المقارنة.

يحتفظ شريط التمرير "Tile Size" الموضح في مربع الحوار هذا لتكوين لوحة الألوان (السهم الأحمر في الصورة أعلاه) بقيم من 4 إلى 32 ، بزيادات 1 (بمعنى أن هناك إجمالي 19 قيمة ، بما في ذلك 4 و 32). بدلاً من ذلك ، توفر لوحة "Swatches" في Adobe Illustrator 3 قيم فقط لأحجام البلاط - "صغير" و "متوسط" و "كبير". يوجد تحكم أو قابلية تخصيص أقل بكثير في Illustrator ، وهو برنامج مدفوع ، من Inkscape 1.2 الجديد - وهو مجاني تمامًا.

التقاط مبسط وأدلة ذكية

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

في Inkscape 1.2 ، تم تقليل شريط Snap Controls إلى رمز واحد وقائمة دوامة ، أو "قائمة منبثقة" كما يحب Inkscape تسميتها (موضحة باللون الأحمر ومشار إليها بالسهم في الصورة). يؤدي النقر فوق الرمز إلى تمكين عناصر التحكم المفاجئة ، بينما يؤدي النقر فوقه مرة أخرى إلى تعطيل المحاذاة. إذا أراد المستخدم مزيدًا من التحكم ، فيمكنه النقر فوق القائمة المنبثقة (الرمز الذي يحتوي على المثلث) حيث سيرى مربع اختيار ، والذي يخبرك ببساطة ما إذا كان الانجذاب قيد التشغيل حاليًا أم لا ، وثلاثة رموز جديدة.

الأيقونتان الأولى والثانية قياسية جدًا: انجذب إلى المربعات المحيطة (السهم الأحمر) وقم بتمكين التقاط العقد (السهم الأخضر). تعتبر الأيقونة الثالثة ميزة مثيرة للغاية ومتوقعة كثيرًا: المحاذاة على القماش ، والمعروفة أيضًا للمستخدمين باسم "الأدلة الذكية" (السهم الأزرق الفاتح).

عند التمكين (عادةً ما يتم تعطيله افتراضيًا ، لذا انقر فوق الرمز لتمكينه) ، يرى المستخدمون الآن أدلة مباشرة على قماشهم أثناء تحريكهم للكائنات (السهم الأحمر في الصورة). كما هو الحال في البرامج الأخرى ، بما في ذلك Adobe Illustrator أو Affinity Designer ، تساعد هذه الأدلة المستخدمين على محاذاة الكائنات في وسط صفحاتهم ، أو المحاذاة مع مركز الكائنات الأخرى ، أو حتى تباعد الكائنات بشكل متساوٍ ، أو حتى إنشاء شبكات من كائنات متباعدة بشكل متساوٍ.

أخيرًا ، بالعودة إلى "القائمة المنبثقة" ، يوجد رابط في أسفل النافذة يسمى "الوضع المتقدم".

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

قام Inkscape ، محرر الرسومات المتجهة المجاني ، بتكثيف لعبة واجهة المستخدم الخاصة به بجدية من خلال إصدار Inkscape 1.2 المذهل. فهو لا يوفر فقط تحكمًا دقيقًا (كلمة اليوم) في إعدادات واجهة المستخدم على مستويات متعددة ، بل إنه يبسط أيضًا العديد من عناصر التحكم لتحسين تجربة المستخدم مع الاستمرار في إتاحة عناصر التحكم هذه في قوائم يسهل الوصول إليها للمستخدمين الأكثر تقدمًا.

لمزيد من المعلومات حول الجديد في Inkscape 1.2 ، تحقق من الفيديو التعليمي الخاص بي الذي يغطي جميع الميزات الأخيرة مع هذا الإصدار الضخم (قريبًا!). وكالعادة ، يمكنك تنزيل أحدث إصدار من Inkscape مجانًا من Inkscape.org.

اشترك في النشرة الإخبارية DMD

اشترك في النشرة الإخبارية DMD

قم بالتسجيل لتلقي دروس جديدة ، تحديثات الدورة ، وآخر الأخبار عن برنامجك المفضل مفتوح المصدر!

لقد المشترك بنجاح!

يعلقون عليه على موقع Pinterest

شارك هذا