10 أوراق غش رائعة لتصميم UX / UI

أوراق الغش UX / UI لحفظها

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

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

1. ورقة الغش في تصميم iOS 7

أحدث إصدار iOS 7 العديد من التغييرات على الواجهة وسيحتاج المصممون إلى تكييف لغتهم المرئية لتلائم التصميم المسطح الجديد لنظام iOS. تم تحديث أنظمة الشبكة والأبعاد والطباعة والأيقونات بواسطة Apple. لقد كان Ivo Mynttinen كريماً بما يكفي لإنشاء ورقة غش (محدثة) للمطورين والمصممين تغطي جميع المعلومات التي ستحتاج إلى معرفتها لنظام iOS 7 بما في ذلك:

• • درجات الدقة عبر جميع الأجهزة
  • عرض المعلومات عبر جميع الأجهزة
  • أبعاد رمز التطبيق (بما في ذلك معلومات عن التغييرات في تصميم الزاوية المستديرة ومكان الحصول على قالب حيث لم تصدر Apple بعد واحدًا لنظام iOS7)
  • تفاصيل التغييرات في واجهة المستخدم
  • قائمة مختصرة بالموارد الأخرى التي ستجدها مفيدة أثناء تصميم التطبيق

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

2. ورقة الغش في تصميم Android

بالطبع ، نقوم أيضًا بتضمين ورقة غش لتصميم Android مماثلة لك. هذا مخطط معلوماتي رائع صممه Meghan Dever ، مصمم الهاتف المحمول في Double Encore، Inc. يحتوي دليل تصميم Android على هذه المعلومات المتاحة ولكن من الأسهل بكثير العثور عليها وقراءتها في ورقة الغش الرائعة هذه.

تم إنشاؤه للاستخدام الداخلي في الشركة لكنهم اعتقدوا أنه كان مفيدًا لتوفير الوقت لدرجة أنهم أرادوا مشاركته مع المجتمع بأكمله. يأتي هذا مع:

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

3. علم نفس الرسم البياني الملون

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

4. ورقة الغش HTML5

تحديث 9/9/16: هذه الورقة لم تعد متوفرة.

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

• • العلامات الجديدة التي تم طرحها لـ HTML5
  • العلامات الموجودة من HTML4 والتي لا تزال متاحة لـ HTML5
  • العلامات القديمة التي عفا عليها الزمن في HTML5
  • السمات وما هو قديم وجديد لهم ايضا
  • مخطط جاهزية المتصفح

5. ورقة الغش Ninja UX

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

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

6. تصميم نموذج ويب ورقة الغش

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

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

7. ورقة الغش في jQuery

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

• المحددات
• السمات / CSS
• بمعالجة
• عبور
• الأحداث
• تأثيرات
• اياكس
• جوهر

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

8. مصطلحات UX

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

• ممارسة UX
• أدوار UX
• أنشطة UX
• شروط واجهة المستخدم
• مخرجات UX

9. ورقة الغش أيقونات JQuery

هذه قائمة سريعة ومذهلة من الرموز التي يمكنك إنشاؤها باستخدام jQuery. قد يعرف الكثير منكم مجموعة من هؤلاء بالفعل ولكن هيا!

لا يمكننا جميعًا حفظ كل واحد منهم. سيكون هذا مفيدًا لأولئك منا الذين يواجهون صعوبة في تذكر المعلومات من أعلى رؤوسنا. إنه أيضًا رائع للمبتدئين.

تم تقديم هذا لك من قبل Pete Freitag من شركة Foundeo Inc. شخصيًا ، هذا هو المفضل لدي من بين جميع أوراق الغش الخاصة بالمصمم.

10. أوراق الغش في ووردبريس

شارك القارئ مايك والاجر من موقع Startbloggingonline.com أوراق الغش في WordPress التي طورها. هذه رائعة لكل من المستخدمين المبتدئين والمتقدمين لأنه يقدم كلا الإصدارين. تحقق منها! وإذا كنت بحاجة إلى بعض المساعدة الفنية ، فاحصل على بعض المساعدة من WordPress من WP Buffs!

هل حصلت على أي أوراق غش بتصميم رائع تريد مشاركتها؟ اسمحوا لنا أن نعرف في التعليقات أدناه.