الصفحة الرئيسية>موارد بناء الموقع>تحميل الخط
تنزيل

تصميم منتج رائع

مجموعة من الإشارات المرجعية والموارد والمقالات لمصممي المنتجات.

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

لا تتردد في إضافة شيء مثير للاهتمام عن طريق طلب السحب.

محتويات

  • بحث
  • UX
  • واجهة المستخدم
  • مرئي
  • النموذج الأولي
  • إمكانية الوصول
  • كتابة
  • بيانات
  • إنترنت الأشياء

بحث

طُرق

صناعة القرار
  • Untools - أدوات التفكير والأطر لمساعدتك على حل المشكلات ، واتخاذ القرارات وفهم الأنظمة.
خطة البحث
  • Smashing Magazine - خطة الأبحاث UX التي يحبها أصحاب المصلحة.
  • NN Group - إدارة المشروع لأبحاث المستخدم: الخطة.
  • تصميم التفاعل - خطة أبحاث مستخدم صفحة واحدة.
  • Branding5 - اجعل وضع العلامة التجارية كأساس لتصميماتك.
مقابلة المستخدم
  • NN Group - على الرغم من العديد من نقاط الضعف ، فإن المقابلات هي طريقة قيمة لأبحاث المستخدم الاستكشافية.
  • uxdesign.cc - كيفية الحصول على أقصى استفادة من مقابلات المستخدمين.
مقابلات أصحاب المصلحة
  • الصناديق والسهام - ورقة الغش لمقابلة أصحاب المصلحة.
  • UX Apprentice - قالب مقابلة أصحاب المصلحة.
  • تصميم التفاعل - التحضير لمقابلات أصحاب المصلحة UX.
تخليق البحث
  • حركة UX - كيفية تحويل أبحاث المستخدم إلى بيانات قابلة للاستخدام.
  • SlideShare - تخليق أبحاث التصميم.
  • متوسط - باستخدام Trello لتوليف أبحاث المستخدم.
  • TUTS+ - كيفية إعداد واستخدام مخطط التقارب.
  • مخططات تقارب متوسطة: نصائح وحيل.
التحليل التنافسي
  • Xtensio - كيفية: إنشاء تحليل تنافسي.
  • Hootsuite - قالب التحليل التنافسي لمساعدتك على التغلب على المنافسة.
المهمة التي يتعين القيام بها
  • الاتصال الداخلي - تصميم الميزات باستخدام قصص الوظائف.
  • JTBD - استبدال قصة المستخدم بقصة الوظيفة.
شخصيات
  • قابلية الاستخدام. gov - الغرض من الشخصيات هو إنشاء تمثيلات موثوقة وواقعية لجمهورك الرئيسي.
  • UX MAG - Personas: أساس تجربة مستخدم رائعة.
  • TUTS+ - تحديد وتطبيق الشخصيات على تصميم UX.
خريطة التعاطف
  • UX PIN - الدليل العملي لخرائط التعاطف: شخصيات مستخدم لمدة 10 دقائق.
  • Boagworld - تكييف خرائط التعاطف لتصميم UX.
لوحة العمل
  • UX Magazine - تصاريح في عملية تصميم البرامج.
  • متوسطة - القصة المصورة في تصميم UX.
  • NN Group - متى وكيفية إنشاء خرائط رحلة العميل.
  • UX Lady - خبرة الخرائط ورحلات المستخدم والمزيد.
  • Smashing Magazine - كل ما تحتاج إلى معرفته حول رسم خرائط رحلة العميل.
  • متوسط - كيفية بناء خريطة تجربة.

مقالات

  • Smashing Magazine - جدول بيانات قوس قزح: أداة بحثية تعاونية Lean UX.
  • Coglode - تحليل البحوث السلوكية بحجم لدغة.

الاختبار

  • اختبار المستخدم - فتح رؤى العملاء وزيادة إيراداتك.
  • ورشة العمل المثالية - منصة أبحاث المستخدم التي تساعدك أنت وفريقك في اتخاذ قرارات التصميم بثقة.
  • قياس النجاح - كيف يمكنك قياس النجاح (أو الفشل) - لتصميم UX الخاص بك؟.
  • Lookback - بحث بسيط وقوي للمستخدم.
  • القصة الكاملة - ماذا تريد أن تعرف عن تجربة العملاء الخاصة بك؟.
  • Desinion - اتخذ قرارات تصميم ذكية ومستنيرة لشركتك ، أو شركة عميلك.
  • قرد المسح - تحويل الغرائز إلى رؤى.
  • Etnio - اعتراض الأشخاص الحقيقيين لأبحاث المستخدم.

UX

المبادئ التوجيهية

  • المرجعية UX - مجموعة من أفضل مواقع UX من جميع أنحاء العالم.
  • Gov.uk - مساعدة الفرق الحكومية على إنشاء وتشغيل خدمات رقمية رائعة.
  • الأساليب 18F - مجموعة من الأدوات لجلب التصميم المتمحور حول الإنسان في مشروعك.
  • الأدلة 18F - 18F أدلة هي مستودع لأفضل الممارسات في فرقنا.
  • قابلية الاستخدام. gov - تحسين تجربة المستخدم.
  • مختبر الإنسي أمستردام - مجموعة أدوات تصميم.
  • Design Kit IDEO-دليل خطوة بخطوة لإطلاق إبداعك.
  • GameStorming - GameStorming هي مجموعة من أدوات الإنشاء المشتركة التي يستخدمها المبدعون في جميع أنحاء العالم.

مقالات

  • UX Magazine - UX Magazine هي موارد مجتمعية مجانية تستكشف جميع جوانب تصميم الخبرة.
  • UX Booth - The UX Booth هو منشور من قبل مجتمع تجربة المستخدم.
  • UX Mastery - نساعد المتخصصين في تجربة المستخدم في البدء والتحسن.
  • أساطير UX - قم ببناء منتجك بناءً على أدلة ، وليس معتقدات خاطئة.
  • قائمة متبادلة - تستكشف LIST TALL التصميم والتطوير ومعنى محتوى الويب.
  • 52 أسبوعًا من UX - الخطاب حول عملية التصميم للأشخاص الحقيقيين.
  • UX PIN - أدلة ومقالات وكتب إلكترونية تستكشف جميع جوانب تصميم UX.
  • مكتبة IXD - مجموعة من المواد المتعلقة بتصميم التفاعل.
  • لوكو - منشورات حول التفاصيل الحرجة والصورة الكبيرة وراء تصميم المنتجات الرقمية.
  • NN Group - أبحاث تجربة المستخدم القائمة على الأدلة والتدريب والاستشارات.
  • تصميم المعلومات - اختيار Infodesign منذ عام 1997.
  • الاتصال الداخلي - التصميم ، نجاح العملاء ، ومدونة بدء التشغيل.
  • uxdesign.cc - تجربة المستخدم ، قابلية الاستخدام ، تصميم المنتج. اتبع uxdesign.cc.
  • ردود الفعل UX - أشياء ممتعة.

أدوات

  • وصفة UX - هذا المشروع عبارة عن بيان شخصي مقابل موضوع مصطلح "UX".
  • قائمة مراجعة UX - قائمة مراجعة مشروع UX.
  • UX StackexChange - UX Stack Exchange هو موقع سؤال وإجابة.

واجهة المستخدم

المبادئ التوجيهية

  • تصميم النمل - لغة تصميم واجهة المستخدم لتطبيقات المؤسسات.
  • إرشادات iOS - احصل على معلومات متعمقة وموارد واجهة المستخدم لتصميم تطبيقات رائعة تدمج بسلاسة مع منصات Apple.
  • مواد Google - تصميم المواد هو نظام موحد يجمع بين النظرية والموارد والأدوات لصياغة التجارب الرقمية.
  • Google Design - Google Design هو جهد تعاوني بقيادة مجموعة من المصممين والكتاب والمطورين في Google.
  • تصميم Facebook - مجموعة من المقالات ومقاطع الفيديو والموارد التي صنعها المصممون في Facebook.
  • USTWO - كتيب Pixel Perfect Precision 3.
  • Vinsol - نصائح للمصممين: من مطور.

إلهام

  • PTTRNS - أم جميع موارد التصميم.
  • دعوة إلى الفكرة - أضيء خيالك!.
  • Android Niceties - تهدف إلى توفير الإلهام والبصيرة في اتفاقيات Android UI.
  • واجهة المستخدم الجميلة - مجموعة من عناصر واجهة المستخدم المحمول.
  • براين لوفين - الاستكشاف البصري لأفضل المنتجات.
  • مستوحاة من واجهة المستخدم - أنماط تصميم تطبيقات iOS للهاتف المحمول.
  • قذرة واجهة المستخدم - كل شيء عن الصدق الفكري ، وليس التصيد.

أدوات

  • Pattern Lab - قم بإنشاء أنظمة التصميم الذري مع Pattern Lab.
  • ضخمة - أداة لجعل إنشاء وصيانة styleguides سهلة.
  • Figma Bootstrap 5 UI Kit - مجموعة واجهة المستخدم التي تضم 300+ مكونات منظمة Bootstrap 5 مصممة مع نظام التصميم الذري وتخطيط السيارات.
  • Sketch Bootstrap 5 UI Kit - مجموعة واجهة المستخدم التي تضم 300+ مكونات منظمة Bootstrap 5 تم تصميمها مع نظام التصميم الذري والتخطيط الذكي.

مرئي

موارد

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

أيقونات

  • استخدام الأيقونية - تلبية أيقونية. مجموعة الأيقونات النهائية المصممة للشبكة الحديثة.
  • Icon Finder - ابحث من خلال 1،739،045 أيقونات أو تصفح 42،226 مجموعات أيقونة.
  • نحن نحب خط الرمز - هذه خدمة استضافة أيقونة مجانية ومفتوحة المصدر.
  • مشروع الاسم - أيقونات لكل شيء.
  • iconmonstr - اكتشف 3847+ أيقونات بسيطة مجانية في 263 مجموعة.

مسابك الخطوط

  • Open Foundry-منصة جديدة للخطوط المفتوحة المصدر في بيئة خالية من الضوضاء.
  • الاستخدام والتعديل - توفير مجموعة معاصرة من الخطوط الموزعة تحت رخصة المصادر المفتوحة ، واليد التي اختارها الطباعة وعاشق الثقافة الحرة.
  • النسيج الخط - Fontfabric هو مسبك نوع مستقل.
  • خط السنجاب - يوتوبيا الخط المجاني.
  • Play Type - تصفح من خلال اختيارنا لأكثر من مائة خط وحوالي 500 أوزان مختلفة.
  • Identyfont - حدد الخط من خلال الإجابة على الأسئلة حول الميزات الرئيسية.

الطباعة

  • NN Group - طباعة المصطلحات ورقة الغش.

الألوان

  • Coolors - مولد Super Fast Color Schemes!.
  • عشاق الألوان - المجتمع الإبداعي.
  • Color Hunt - Color Hunt هو منصة اجتماعية لكل من يحب الألوان.
  • ألوان العلامة التجارية - 1100+ مجموعة ألوان متوفرة في Sass ، أقل ، قلم و CSS.
  • Atmos - كل ما تحتاجه لإنشاء لوحات ألوان
  • ألوان Branition - مجموعة من لوحات الألوان المدمجة يدويًا بشكل أفضل للعلامات التجارية.

مخزون الصور

  • Unsplash - مجاني (افعل ما تريد) - صور عالية الدقة.
  • Stocksnap - المئات من الصور عالية الدقة تمت إضافة أسبوعيًا.
  • Pixbay - صور ومقاطع فيديو مجانية يمكنك استخدامها في أي مكان.
  • جاي مانري - صور مجانية (CC0).
  • احصل على Refe-صور خالية من الملوك ، عالية الجودة ، واقعية حقيقية.
  • ISO Republic - تقدم ISO Republic صورًا مجانية للمهنيين المبدعين.
  • جميع الأسهم المجانية - احصل على جميع الصور المجانية ومقاطع الفيديو والموسيقى والرموز في مكان واحد.
  • Pexels - صور مجانية في مجموعة من الأنماط بما في ذلك الترشيح والطبيعي والتجاري.
  • Undraw - الرسوم التوضيحية مفتوحة المصدر لكل مشروع يمكنك تخيله وإنشائه.

أشرطة الفيديو

  • Vimeo - فيديو خالي من الأسهم من أجل الاستخدام الشخصي أو الشركات أو التجاري المجاني.

أدوات

  • بولار - محرر الصور.
  • LICECAP - التقاط الشاشة المتحركة البسيطة.
  • Hand Brake - Handbrake هي أداة لتحويل الفيديو من أي تنسيق تقريبًا إلى مجموعة مختارة من برامج الترميز الحديثة والمدعومة على نطاق واسع.

النموذج الأولي

مقالات

  • المبادئ الـ 12 - تم تطوير المبادئ الأساسية الـ 12 للرسوم المتحركة من قبل "الرجال القدامى" في استوديوهات والت ديزني.
  • Hoverstat - موطن التصميم الرقمي البديل.
  • المعاملات الدقيقة - التصميم مع التفاصيل.
  • Motion UI Design - موارد للإلهام وقوائم البرامج والمكتبات والأشياء الأخرى المتعلقة بتصميم واجهة المستخدم والرسوم المتحركة والتحولات.

برامج

  • يساعدك Pop - Pop على تحويل أفكار القلم والورق إلى نموذج تفاعلي أو أندرويد.
  • Invision - منصة النماذج الأولية الرائدة في العالم والتعاون وسير العمل.
  • Marvel - تصميم بسيط ، نماذج أولية وتعاون.
  • يتيح Flinto - Flinto للمصممين إنشاء نماذج أولية تفاعلية لتطبيقاتها المحمولة أو سطح المكتب أو الويب.
  • اوريغامي استوديو - استكشاف وتكرار واختبار أفكارك.
  • Framer-All-In-One Workflow.
  • PROTO-قم بإنشاء نماذج أولية عالية الدقة التي تبدو وتعمل تمامًا مثل تطبيقك. لا يوجد ترميز مطلوب.
  • Protopie - Protopie هو أسهل أداة النماذج الأولية لبناء نماذج أولية متقدمة وتفاعلية للغاية.

أدوات

  • LOTTIE - أضف بسهولة الرسوم المتحركة عالية الجودة إلى أي تطبيق أصلي.
  • KeyNotopia - يقوم Keynotopia بتحويل Keynote و PowerPoint إلى أفضل أدوات النماذج الأولية السريعة لإنشاء استيعاب للهواتف المحمولة والمواقع والمكتب.

إمكانية الوصول

مقالات

  • Gov.uk - جعل الخدمة الخاصة بك متاحًا: مقدمة.
  • مجلة Smashing - تباين اللون ولماذا يجب أن تعيد التفكير فيها.
  • متوسط - إمكانية الوصول للمصممين. ضع في اعتبارك RGBS الخاص بك.
  • موثوقية على شبكة الإنترنت - التصميم المرئي وإمكانية الوصول إلى الألوان.
  • قائمة بصرف النظر - اختبار التباين سهل اللون.

أدوات

  • الموجة - أداة تقييم إمكانية الوصول إلى الويب.
  • نسبة التباين - أداة لحساب نسبة التباين بين أي ألوان CSS صالحة.
  • Snook - فحص تباين اللون.

كتابة

  • اتجاهات Google - قصص تتجه الآن.
  • Google NGRAM - أدخل عبارات في Google Books Ngram Viewer ، ويعرض رسمًا بيانيًا يوضح كيف حدثت هذه العبارات في مجموعة من الكتب.
  • Hemingway - تطبيق Hemingway يجعل كتاباتك جريئة وواضحة.
  • قابلة للقراءة - لديك 7 ثوان لجذب انتباه شخص ما. قابلة للقراءة.
  • الكاتب - ما مدى قابلية كتابتك؟
  • Taskade - محرر تعاوني و Outliner.

بيانات

  • لندن Datastore - The London Datastore هي بوابة مشاركة البيانات مجانية ومفتوحة.
  • YouGov - نحن نؤمن بقوة المشاركة.
  • Data.gov - ابحث عن البيانات التي تنشرها الإدارات والوكالات الحكومية والهيئات العامة والسلطات المحلية.
  • مجموعة Tate - هنا نقدم البيانات الوصفية لحوالي 70،000 أعمال فنية.
  • ناسا - نقوم بتعيين البيانات والرمز و APIs خالية.

إنترنت الأشياء

مقالات

  • IoT Weekly News - اشترك في المقالات التي تم اختيارها يدويًا من قبل جوستين جرامنز على إنترنت الأشياء.
  • جدول أعمال إنترنت الأشياء - تصميم تجربة مستخدم إنترنت الأشياء ، وليس منتج إنترنت الأشياء.
  • إنترنت الأشياء للجميع - تصميم إنترنت الأشياء - 5 مبادئ رئيسية.

أدوات

  • Node Red - برمجة منخفضة القاعدة لإنترنت الأشياء.
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل