الشروع في العمل مع تصميم UX في رسم

كتاب تمهيدي لمصممي UX الجدد وطلاب التصميم

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

يجب أن أذكر أيضًا أنني لن أتحدث عن الأداة الأفضل - سأفترض فقط أنك أدركت بالفعل أن Sketch هي الأفضل (حاليًا) وأريد أن أعرف كيفية استخدامها كمصمم UX

لقد قسمت مقالاتنا إلى 5 أقسام توضح كيف أعتقد أن المصممين الجدد يتقدمون من المبتدئ إلى التمكن:

  • الحصول على الأفكار خارج
  • ابدء
  • الحصول على أسرع
  • الحصول على أكثر ذكاء
  • الحصول على البصرية

الحصول على الأفكار

يبدأ تصميم UX قبل أن تصل إلى الأدوات - يبدأ عند إخراج الأفكار من رأسك (... يبدأ فعليًا قبل ذلك بالبحث ، لكن دعنا نبقي هذه المقالة أقل من 20 دقيقة).

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

بمجرد أن تصبح جاهزًا لعرض شيء ما على الشاشة ، هناك أداتان أعتقد أنهما تسهلان ذلك بشكل جيد. الأول هو أداة InVision تسمى Freehand ، والتي قمنا بمراجعتها:

الأداة الثانية التي تسهل هذه المرحلة من التصميم هي مجموعة من المكتبات المتميزة لـ Sketch تسمى Flowkit by Matt D. Smith. انها تستحق ثمن 29 دولار.

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

ابدء

إن أكبر قوة في Sketch for UX Design هي التركيز على جعل الأمور قابلة للتكرار وسريعة.

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

لكن التصميم الرائع لا يتعدى جودة تصميم المصمم. نحن نحب استعارة الطبخ:

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

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

مع مقالة إضافية حول كيفية إعداد التنسيقات في Sketch بطريقة تستجيب:

الحصول على أسرع

حسنًا ، بعد أن أصبح لديك فهمًا لكيفية بدء مشروع Sketch بشكل فعال ، فقد حان الوقت للبدء في الحصول على الأدوات بشكل أسرع. أنا شخصياً أجد أنه من العنيف أن أرى مصممًا لا يستخدم أي اختصارات أثناء التصميم - أعني أنه يؤلمني حقًا. لا تكون ذلك الشخص / غال:

ظهرت حوالي مليون ونصف من الأدوات والإضافات الجديدة منذ أن كتبنا هذا المقال ، ولكن بصدق ، لم يطرأ تغيير حقيقي على أفضل الصحابة في Sketch (Nudg.it معتمد أصليًا الآن في Sketch ، Anima لا يزال مفيدًا أيضًا على الرغم من أن بعضًا منه قد تم دمجه في وظائف تصميم Sketch):

النصائح والحيل

قام جون مور بنقل حكمة مستخدم القوة لديه في عدد قليل من المقالات التي من شأنها أن تهب عقلك في بساطتها وقوتها:

الحصول على أكثر ذكاء

أنت تعرف كيفية إعداد مشروع ، لقد تعلمت كيفية الإسراع باستخدام Sketch ، والآن حان الوقت لتطبيق كل ذلك على تصميم UX.

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

التعامل مع الرموز والرسومات بكفاءة

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

يمكن للرموز المتداخلة أتمتة بعض الشيء:

أخيرًا ، سأكون مقصورًا إذا لم أشير إلى التقدم الكبير الذي حققته شركة Sketch خلال الأشهر الـ 12 الماضية - المكتبات:

الحصول على البصرية

كما لو لم يكن كل هذا كافياً ، فإن مصممي UX اليوم لديهم مستوى أعلى بكثير للالتقاء به عندما يتعلق الأمر بالتصميم المرئي.

عندما بدأت في تصميم UX ، وجدت أنه من الصعب التعرف على "المواد" التي أحتاج إليها للتصميم مع: نسب العرض إلى الارتفاع ، أحجام الخطوط ، الأوزان ، تباين الألوان ، إلخ.

للتحسن ، لقد بدأت بنسخ المنتجات الموجودة حتى أتمكن من التعرف على كيفية تكوين واجهة المستخدم.

قمنا بتغطية هذا العام الماضي ووفرنا روابط لبعض المنتجات الشائعة التي أعيد إنشاؤها في Sketch (على الرغم من إعادة تصميم بعضها منذ ذلك الحين):

من هناك ، يمكنك البدء في استخدام بعض التقنيات الصغيرة لإضافة القليل من التصميمات إلى تصميماتك:

ولكن لا تنس أن البيانات النموذجية الدقيقة هي أمر بالغ الأهمية للتصميم المرئي مثل الصور المرئية نفسها:

* لم نكتب أبدًا الجزء 2

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

لقد كان رائعًا لمدة 18 شهرًا في مساعدة مجتمع التصميم من خلال UX Power Tools. رغم أن Sketch بالتأكيد ليست الأداة الوحيدة التي يجب أن يمتلكها المصمم في ترسانته ، إلا أنها بالتأكيد الأقوى. آمل أن يساعد هذا الملحق أولئك الذين بدأوا للتو في مهنة UX ، أو الذين يقومون بالانتقال إلى Sketch لسير عمل التصميم الخاص بك.

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

عندما لا أجمع مقالات Sketch على Medium ، فأنا أعمل على أدوات تصميم Sketch في UX Power Tools لتجعلك مصممًا أفضل وأكثر كفاءة.

اتبع UX أدوات السلطة على التغريد
تابعني على تويتر