make كيفية جعل Sketch أفضل؟

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

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

على الرغم من روعة Sketch ، لا يزال هناك مجال للتحسين. أدناه يمكنك رؤية قائمة أمنياتي الشخصية من الميزات:

1. دعنا نختار ألوان الرموز

كانت تجاوزات Symbol مغيرًا للألعاب في سير عمل Sketch.

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

هل ترى أن هناك نمط هنا؟

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

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

مشكلة:

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

الحل المقترح (أساسي):

يمكننا الاختيار من

يمكننا التعامل مع هذه المشكلة بنفس طريقة معاملة طبقات النص كرموز. أنها قابلة للتحرير. هذا يتيح لنا ببساطة اختيار لون التعبئة.

الحل المقترح (متقدم):

لوحة إضافية لتغيير ليس فقط الألوان ، ولكن القيم الأخرى كذلك

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

1. عرض القائمة التالية فقط عندما يكون محتوى الرمز شكلًا واحدًا (مدمجًا) ، أو مجموعة من الأشكال ذات ألوان تعبئة متطابقة.

2. أظهر القائمة التالية فقط للعنصر الذي يحتوي على ألوان من المكتبة (يشير هذا إلى أنه يمكن تغيير الألوان).

الضرورة هي أم الاختراع ، لذلك أنا أستخدم حلاً حاليًا: أستخدم الألوان العادية كقناع يمكنني تغييره ، لكن له حدوده ويتطلب عملًا إضافيًا.

2. دعنا نبدل وضع المزج باختصار

سيكون من الرائع أن تكون قادرًا على التنقل بين أوضاع المزج بسرعة.

عندما تريد معرفة التأثير الذي سيحدثه وضع المزج ، فأنت بحاجة إلى:

  1. انقر على القائمة المنسدلة
  2. اختيار وضع المزج
  3. انقر فوق ، أغلق القائمة المنسدلة وشاهد النتيجة.
  4. تريد تغييره؟ كرر أوضاع المزج 16

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

في هذه الحالة ، يقوم برنامج Adobe بعمل أفضل بكثير عن طريق السماح لنا بالتنقل بسرعة عبر الأوضاع من خلال الضغط على Shift + (plus) للتغيير إلى الوضع التالي ، و Shift - (ناقص) للتغيير إلى الوضع السابق.

3. اعطنا خيارًا لإخفاء عنصر الرمز افتراضيًا

مع تقدم مشروعنا ، نقوم ببناء مثيلات رمز أكثر وأكثر تقدماً. لننظر في شريط التنقل الأساسي لنظام التشغيل iOS.

هذا هو رمز قاعدتنا:

مثال على رمز مرن

يتيح لنا إنشاء الحالات التالية (ببساطة عن طريق تشغيل وإيقاف العناصر):

مشكلة:

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

أضفنا عنصرا جديدا للرمز

ستؤثر إضافة عنصر جديد في جميع الحالات الأربعين:

تمت إضافة العنصر الجديد إلى جميع حالاتنا ، مما أدى إلى تدمير المشروع قليلاً

حل:

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

4. خيار تعيين اختصار لـ "ضبط على الحجم الأصلي" (الرمز)

مشكلة:

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

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

الحل: اجعلها موحدة ، على سبيل المثال طبقة / كائن / تعيين إلى الحجم الأصلي. يعمل ذلك مع كل من الرموز والصور (عندها سنكون قادرين على تعيين اختصار لذلك )

5. متعددة دفع المعدلات

ببساطة: اسمح لنا بتعيين المزيد من المعدلات (باستثناء Shift لـ x10). على سبيل المثال. Shift + Fn لـ x100 مضاعف. سيكون أمرا رائعا أن نضع قيمنا الخاصة. هناك الإضافات لذلك رغم ذلك.

6. أضف اختصارات رسالة CMD + في مربعات الحوار:

CMD + D و CMD + C لا يعملان

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

7. مفتاح المسافة لتحريك نقطة التصحيح التي تم إنشاؤها

ماذا لو كنت أرغب في تغيير موضع النقطة التي تم إنشاؤها؟

يقدم Adobe مثالاً أفضل هنا أيضًا. في برنامج Adobe ، يمكننا بسهولة تغيير موضع نقطة تم إنشاؤها حديثًا من خلال الضغط على مفتاح المسافة (مع الاستمرار في الضغط على LMB). سيكون من الرائع أن تتمتع بنفس المرونة أثناء العمل مع المسارات في Sketch.

8. دعونا نقرر كيف نريد رموزنا لتوسيع نطاق

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

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

تم نشر المقال في الأصل على مدونة Netguru