رسم مراجعة وتقييم

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

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

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

ومع ذلك ، فإن Sketch ليست وحدها في مساحة تصميم UX. يعد Adobe XD (اختصار XD لتصميم Experience Experience) ، الذي تم إصداره في عام 2016 كجزء من Adobe Cloud Creative لنظامي التشغيل Windows و Mac ، أداة تستند إلى المتجهات لتصميم الأسلاك وإنتاج نماذج نقر تفاعلية.

المنافس الثاني القائم على المتجه ، والذي يُطلق عليه "أقوى أداة تصميم للشاشة في العالم" ، هو Studio من نظام إدارة نظام الوزن الثقيل ، InVision (مجانًا لنموذج أولي واحد ، 25 دولارًا شهريًا للنماذج الأولية غير المحدودة). على عكس Sketch و XD ، يحتوي Studio على وحدة رسوم متحركة متقدمة مدمجة. يمكن مزامنة العمل المنجز في Sketch مع نظام InVision باستخدام البرنامج المساعد Craft Manager الخاص بهم. يوفر Adobe خطة بدء تشغيل XD مجانية ذات سعة تخزين محدودة (2 جيجابايت) واستخدام جزء من مجموعة Adobe Fonts. يتوفر الإصدار الكامل من XD كجزء من اشتراك Adobe Creative Cloud (CC) ، من 20.99 دولارًا شهريًا للتطبيق الفردي ، أو من 54.99 دولارًا سنويًا لجميع تطبيقات Creative Cloud ، بما في ذلك Illustrator و InDesign و Photoshop.

يستخدم Sketch متغيرًا على نموذج اشتراك ، يكلف 99 دولارًا في السنة لكل جهاز (سواء كان جهاز كمبيوتر أو هاتف محمول) ، للأفراد. يتضمن ذلك سنة واحدة من التحديثات ، و Sketch Cloud (للمشاركة والتعاون عبر الإنترنت) ، وبعد ذلك يمكنك الاحتفاظ بالإصدار الحالي واستخدامه إلى الأبد أو تجديده بمبلغ 69 دولارًا سنويًا لاستعادة التحديثات العادية والفوائد السحابية. يتراوح الترخيص المجمع من 64 دولارًا سنويًا لكل جهاز لجهازين إلى تسعة أجهزة إلى 49 دولارًا لكل 50 جهازًا أو أكثر.

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

ابدء

Sketch عبارة عن أداة سهلة التنزيل من موقع الشركة (sketchapp.com) ؛ هناك نسخة تجريبية مجانية مدتها 30 يومًا ، دون الحاجة إلى بطاقة ائتمان. يتطلب Sketch MacOS 10.13.4 (High Sierra) أو إصدار أحدث. تحذر الشركة من أنه إذا كنت تعمل مع مستندات معقدة متعددة الصفحات مع مئات من اللوحات الفنية ، فمن المستحسن استخدام أحد أكثر أجهزة Mac المحملة بذاكرة الوصول العشوائي. لقد اختبرت Sketch 53.2 على جهاز MacBook Pro 2018 بمعالج Intel Core i9 سعة 2.9 جيجاهرتز وذاكرة وصول عشوائي سعتها 32 جيجابايت وبطاقة رسومات Radeon Pro 560X.

مباشرة على صفحة التنزيل ، تقدم Sketch دليل المبتدئين والوثائق الشاملة والدروس والنصائح وروابط إلى وسائل التواصل الاجتماعي ومجتمعات المطورين والمدونات والمحادثات و Dribble. إنه لأمر مرحب وملهم أن ترى قائمة من اجتماعات وأحداث مجتمع التصميم العالمي. بالإضافة إلى ذلك ، يقدم الموقع عددًا كبيرًا من موارد Sketch App UX / UI المجانية والمميزة بما في ذلك مجموعات السلك المعدني ومجموعات واجهة المستخدم المحمولة والقوالب والنماذج بالحجم الطبيعي ولوحات المعلومات والمفاهيم والرموز.

واجهة وقماش

يؤدي Sketch بالقدوة ويوفر واجهة مستخدم نظيفة وسياقية مع ثلاثة أقسام رئيسية - (حسب التصميم) بدون لوحات عائمة. إذا كنت من مستخدمي Mac بالفعل ، فستجد أن Sketch UI مألوفة ، لأنه مصمم على واجهات تطبيقات Apple مثل الصفحات والأرقام والكلمة الرئيسية. مع هذا الإصدار الأحدث ، أصبح تطبيق Dark Mode الخاص بـ Apple مدعومًا الآن.

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

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

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

رسم وتنضيد في رسم

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

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

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

النماذج الأولية والتصميم المستجيب

على عكس برامج الرسم الأخرى (ولكن مثل Adobe XD) ، يسهل Sketch إنشاء نموذج تفاعلي. لمحاكاة مسار موقعك أو تطبيقك (UI) ، وما ستكون عليه التجربة (UX) ، يمكنك تعيين مناطق معينة مثل التمرير أو عدم التمرير ، وقوائم الارتباط والارتباط المتقاطع ، والرموز ، والأقسام ، والصفحات ، و حالات ، وتحديد النقاط الساخنة (المناطق القابلة للنقر). لا يمكنك فقط معاينة جهودك من داخل التطبيق ، ولكن يمكنك أيضًا استخدام Sketch Mirror (المزيد حول هذه الميزة أدناه).

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

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

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

في Sketch ، يجب عليك إنشاء تخطيطات وتبسيطات مختلفة لنسب الأبعاد المختلفة يدويًا ، عن طريق نسخ ولصق كل عنصر أو مجموعة. ومع ذلك ، أتمنى أن يكون هناك خيار الضبط الذكي لتعديلات التخطيط المتجاوبة التي تشبه استجابة الحجم في XD أو حتى ميزة ضبط النسق في InDesign. على الرغم من أن Adjust Layout لا تقدم حلاً مثاليًا تقريبًا ، إلا أنها بالتأكيد توفر الوقت وتوفر مكانًا أفضل للبدء من صفحة فارغة.

لمعاينة تصميمات Sketch الخاصة بك في الوقت الفعلي على أجهزتك ، هناك مرآة Sketch Mirror المجانية لنظام التشغيل iOS ، بالإضافة إلى العديد من التطبيقات للقيام بذلك على أجهزة Android. في جميع الحالات ، ستحتاج الأجهزة إلى Wi-Fi أو اتصال USB. إن اتخاذ قرارات تصميم مستنيرة يفيد سير عمل أي شخص ، ولتحقيق هذه الغاية ، فإن القدرة على رؤية التعديلات الخاصة بك ، والمحاصيل ، وتغيير حجم النص على الهواء مباشرة مع Sketch Mirror على الجهاز الفعلي هو أحد الأصول الشاقة.

الانتاج والتعاون

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

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

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

بدلاً من ذلك ، يمكنك تصدير اللوحات الفنية كصفحات PDF يمكن ترميزها بتعليقات في Apple Preview أو Adobe Acrobat أو أي برنامج آخر لعرض PDF. يقوم Sketch أيضًا بتصدير الرسومات والشرائح والصفحات كملفات JPG و PNG و SVG. والأكثر من ذلك ، أنه يمكنه تصدير الكود لسمات SVG و CSS.

لا شيء سطحي حول هذا التطبيق

Sketch هي أداة كاملة وُلدت للمصممين الذين يخلقون تجارب تصميم قائمة على الشاشة ، وهو يقوم بذلك ببراعة. بفضل Sketch المألوفة (لمستخدمي Mac) وواجهة سهلة الاستخدام وتعاون متبادل بين المصممين وعملائهم ، اكتسبت Sketch سمعتها الصوتية كأداة الانتقال إلى النماذج الأولية ، لأنها تسهل عملية التحقق من التصميم والموافقة عليها وتسريعها. للحصول على أفضل إمكانيات التوضيح المتجه ، انظر إلى خيار المحررين الخاص بنا ، Adobe Illustrator.