25 Sketch Resources لموضوع WordPress ومصممي الإضافات

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

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

25 Sketch Resources لمصممي WordPress

الموارد التالية سوف تغطي مجموعة متنوعة من الفئات. ولكن إليك مخطط تقريبي لما ستجده:

• قوالب المسؤول الخاصة بـ WordPress
• مجموعات الرموز
• مجموعات واجهة المستخدم لمجموعة متنوعة من أنماط التصميم
• مفاهيم تصميم مواقع الويب التي يمكنك الاستفادة منها
• عناصر محددة مثل مشغلات الفيديو أو محتوى Facebook
• زوجان من موارد النماذج الأولية / نماذج بالحجم الطبيعي

دعنا نتعمق!

1. WordPress Admin Template Sketch Resource

لنبدأ بشيء مألوف لدى كل مستخدم WordPress - محرر WordPress. حتى يتم إصدار محرر Gutenberg وتغيير كل شيء ، يمكنك استخدام قالب مسؤول WordPress هذا لتصميم جزء سريع من المكون الإضافي أو المظهر الذي سيظهر داخل محرر WordPress.

السعر : مجاني | معلومات اكثر

2. WordPress Backend Post Template Sketch Resource

إذا كنت بحاجة إلى نظرة مختلفة على لوحة معلومات WordPress ، فإن مورد Sketch يعرض قائمة المنشورات الإجمالية بدلاً من محرر WordPress الفردي. مرة أخرى ، يعد خيارًا مفيدًا إذا كنت بحاجة إلى تصميم شيء يظهر في مكان ما على الواجهة الخلفية لـ WordPress.

السعر : مجاني | معلومات اكثر

3. جوجل أيقونات المواد للرسم

يشتمل هذا المورد على أكثر من 900 رمز تم سحبها مباشرة من موقع أيقونات Google Material وجاهزة لك لاستخدامها في تصميماتك.

السعر : مجاني | معلومات اكثر

4. عناصر واجهة المستخدم

مجموعة أنيقة من عناصر واجهة المستخدم المجانية من Piotr Adam Kwiatkowski. تمتد هذه العناصر إلى مجموعة متنوعة من الاستخدامات ، من النماذج إلى قوائم المنتجات والمزيد.

السعر : مجاني | معلومات اكثر

5. أدوات واجهة المستخدم المادية

الذهاب مع مظهر التصميم المادي لموضوعك أو واجهة البرنامج المساعد؟ قد تكون عناصر تصميم المواد هذه من Sergiu Firez مفيدة عند إنشاء التصميم الخاص بك.

السعر : مجاني | معلومات اكثر

6. قالب شبكات Bootstrap3

بناء السمة الخاصة بك باستخدام Bootstrap؟ قد يكون مورد شبكات Bootstrap 3 هذا من Gauthier Eloy مفيدًا عند إعداد تخطيطاتك.

السعر : مجاني | معلومات اكثر

7. Free Flat UI Kit

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

السعر : مجاني | معلومات اكثر

8. المجموعة الكاملة 519 أيقونة في Font Awesome 4.3 للرسم

Font Awesome هو رمز شائع جدًا تم تعيينه لمستخدمي WordPress. لقد كتبنا أيضًا منشورًا كاملاً حول كيفية دمج أيقونات Font Awesome في WordPress.

إذا كنت تريد استخدام هذه الرموز نفسها في Sketch ، فقد كان Sasha Lantukh لطيفًا بما يكفي لتحويلها مرة أخرى. على الرغم من أن Font Awesome 5.0 قد يجعلها قديمة بعض الشيء ، إلا أن هذا الخط يجب أن يكون مفيدًا كثيرًا.

السعر : مجاني | معلومات اكثر

9. Bootstrap 3 Vector UI Kit

هل تحتاج إلى بعض عناصر واجهة المستخدم Bootstrap 3 للإقران مع شبكات Bootstrap 3 من الأعلى؟ تحتوي مجموعة واجهة المستخدم هذه على جميع عناصر تحكم Bootstrap 3 UI بتنسيق متجه ، بالإضافة إلى Glyphicons وعناصر واجهة المستخدم الإضافية.

كل ذلك متاح في ملفات Sketch و Adobe Illustrator و PDF. لذلك إذا سئمت من Sketch ، فلا يزال بإمكانك استخدام هذه العناصر!

السعر : مجاني | معلومات اكثر

10. مجموعة واجهة المستخدم للتجارة الإلكترونية

هل تعمل مع WooCommerce أو Easy Digital Downloads أو أي حل آخر للتجارة الإلكترونية في WordPress؟ قد تساعدك مجموعة واجهة مستخدم التجارة الإلكترونية الرائعة هذه من وكالة فايف. يحتوي على أكثر من 50 شاشة كلها جاهزة للجوال.

السعر : مجاني | معلومات اكثر

11. 40 أيقونات اجتماعية

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

السعر : مجاني | معلومات اكثر

12. مشغل يوتيوب الجديد

هل تحتاج إلى تضمين مشغل YouTube في تصميمك؟ ربما لتنسيق المنشور أو عنصر البرنامج المساعد؟ وضع Nicolas Carey مورد الرسم المجاني هذا لمشغل YouTube.

السعر : مجاني | معلومات اكثر

13. مجموعة أجهزة بالحجم الطبيعي

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

السعر : مجاني | معلومات اكثر

14. الخروج عرض Sketch Resource

هذا هو مورد مفيد آخر لأي شخص يعمل مع WordPress في مجال التجارة الإلكترونية. إنه مخصص بالكامل لعرض الخروج.

السعر : مجاني | معلومات اكثر

15. Wistia Video Player Skin Sketch Resource

مثل YouTube ، Wistia هو مشغل فيديو آخر ستراه على الكثير من مواقع WordPress. يتضمن مورد الرسم هذا من Mikey Casalaina مشغل Wistia الكامل ، بالإضافة إلى بعض العناصر المحددة.

السعر : مجاني | معلومات اكثر

16. شعارات الدفع

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

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

السعر : مجاني | معلومات اكثر

17. مجموعة من 1800 أيقونات

هل تحتاج إلى المزيد من الرموز الجاهزة للرسم أكثر مما تقدمه مجموعة Font Awesome؟ قام Alexandru Stoica بتجميع هذه المجموعة الضخمة المكونة من 1800+ رمز تغطي مجموعة متنوعة من الاستخدامات (ومنظمة بالمثل من خلال الاستخدام لسهولة البحث).

السعر : مجاني | معلومات اكثر

18. الفيسبوك بوست

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

السعر : مجاني | معلومات اكثر

19. الهبوط UI Kit

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

السعر : مجاني | معلومات اكثر

20. ورقة الغش رسم 3

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

السعر : مجاني | معلومات اكثر

21. أفضل مطعم

إذا كنت تعمل مع أي شيء يتعلق بصناعة المطاعم ، فقد يكون مورد Sketch المجاني هذا من Vivien Bocquelet مفيدًا. يتضمن عناصر للقوائم ومعلومات الاتصال والمزيد.

السعر : مجاني | معلومات اكثر

22. النموذج الأساسي

مجموعة من الأنماط والرموز لمساعدتك في إنشاء نماذج أولية للمكوِّن الإضافي أو السمة بسرعة.

السعر : مجاني | معلومات اكثر

23. الهليوم UI Kit

مجموعة واجهة مستخدم ملونة من كارل شميت. هذا بالتأكيد لن يعمل مع كل نمط ، لكنه رائع جدًا.

السعر : مجاني | معلومات اكثر

24. الصفحة المقصودة لتطبيق Kanbio

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

السعر : مجاني | معلومات اكثر

25. مجموعة UI المرنة

وأخيرًا ، دعنا نقول الأشياء باستخدام مجموعة واجهة المستخدم الرائعة هذه من Kristaps Elsins والتي تمتد عبر مجموعة متنوعة من الاستخدامات المختلفة ، بما في ذلك العناصر الشائعة مثل نماذج الاشتراك وجداول التسعير والتقويمات والمزيد.

السعر : مجاني | معلومات اكثر

ما هي موارد الرسم المفضلة لديك؟

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

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

صورة مصغرة للمادة بواسطة Nub1 Iconsdesign / shutterstock.com