50+ مجانا رائعة لمصممي الويب ، يناير 2015
عدنا مع مجموعة ضخمة أخرى من الموارد المجانية لملء مربع أدوات المصمم الخاص بك. تتضمن مجموعة هذا الشهر الرموز ، والنماذج بالأحجام الطبيعية ، والقوالب ، والمكونات الإضافية ، والمزيد.
يمكنك تصفح الموقع والاطلاع على ما هو متاح وتنزيل ما تريد. لنبدأ عام 2015 بداية رائعة ...
رموز تصميم المواد (إصدار ألوان موسَّع)
هذه حزمة تحتوي على 700 رمزًا مبدئيًا من Google تم إصدارها بعض الوقت ، ولكن أعيد تشغيلها بإصدار ملون مع إضافة أكثر من 600 رمز أصلي تمامًا.
![material-design-icons[4]](https://odwebdesign.net/uploads/8/28/cb/50-fantastic-freebies-for-web-designers-january-2015_1.png "مواد التصميم الرموز [4]")
130 الرموز واجهة مرسومة باليد
مجموعة رائعة من أكثر من 100 رمز لك لإعطاء مشروعك القادم مظهرا أكثر دراية ودعوة. تأتي بتنسيقات SVG و PNG.
![graphicsfuel-premium-free-graphic-web-design-resources-130-free-hand-drawn-interface-icons[4]](https://odwebdesign.net/uploads/a/e9/36/50-fantastic-freebies-for-web-designers-january-2015_2.png "خالية graphicsfuel قسط-الرسم-تصميم المواقع الموارد-130-رسمها خالية جنبا إلى واجهة الرموز [4]")
إندرا: 80 الطقس والأنشطة أيقونات
تتيح لك هذه السلسلة من الرموز تمثيل الوقت والأنشطة التي يمكن للأشخاص تنفيذها في يوم معين. ومع ذلك ، فإن الاستخدام النهائي متروك لك. تنزيل مجاني بتنسيق PSD.
![indra-80-free-weather-activities-icon-365psd[4]](https://odwebdesign.net/uploads/c/f3/f8/50-fantastic-freebies-for-web-designers-january-2015_3.png "، أنشطة إندرا-80 خالية من الطقس أيقونة 365psd [4]")
عناصر خريطة متساوي القياس
حزمة مثيرة للاهتمام من عناصر ناقلات القياس متساوي القياس مع المباني والطرق والمواد المتعلقة بالنقل. يمكنك الدفع من خلال تغريدة أو مشاركة اجتماعية.
![free-isometric-map-elements-isometric-city-map-builder-vector-map-creator[4]](https://odwebdesign.net/uploads/0/f6/7e/50-fantastic-freebies-for-web-designers-january-2015_4.png "متساوي القياس-خريطة-عناصر خالية من متساوي القياس مدينة خريطة باني ناقلات خريطة الخالق [4]")
حزمة الأيقونات الاجتماعية
حزمة تحتوي على مئات الرموز الاجتماعية لمساعدة المستخدمين على نشر الكلمة حول مشاريعك.
Green Land Landing Page
هل تحتاج إلى تقديم تطبيقك الجديد بأسلوب أنيق وعصري؟ قد تكون هذه الصفحة المقصودة هي ما تحتاجه. متوفر بتنسيق PSD.
![dribbble-app-landing-page-freebie-by-sumit-chakraborty[9]](https://odwebdesign.net/uploads/d/82/ca/50-fantastic-freebies-for-web-designers-january-2015_6.png "dribbble التطبيق الهبوط الصفحات-الهدية الترويجية تلو سوميت-تشاكرابورتي [9]")
صور خلفية عالية الدقة
حزمة ضخمة مع صور خلفية لإضفاء أسلوب جديد على مشاريعك. تأتي بتنسيقات PSD و JPG.
![high-resolution-background-images[4]](https://odwebdesign.net/uploads/2/1c/40/50-fantastic-freebies-for-web-designers-january-2015_7.png "عالية الدقة، خلفية الصور [4]")
شعار الخشب المنحوت Mockup
إليك نموذجًا واقعيًا واقعيًا لتصميم شعارك. هناك ملفات PSD 2 مع أنماط مختلفة ، كل مع طبقات ذكية خاصة بهم لجعل الأمور سهلة.
![graphicsfuel-premium-free-graphic-web-design-resources-carved-wood-logo-mockup-psd[4]](https://odwebdesign.net/uploads/d/0a/08/50-fantastic-freebies-for-web-designers-january-2015_8.png "، الرسم، تصميم المواقع، الموارد خالية graphicsfuel قسط-منحوتة من خشب-شعار نموذج بالحجم الطبيعي-مديرية الأمن العام [4]")
الظلام لامع شعار بالحجم الطبيعي
شاهد كيف سيبدو تصميمك الأخير إذا تم تصنيعه بالصلب بفضل هذا الشعار المعدني ، متوفر مجانًا بتنسيق PSD.
صورة شاشة PSD
اعرض شاشات متعددة للتطبيق التالي ، أو ربما ملفك الشخصي باستخدام ملف PSD هذا المفيد. المنظور المستخدم يعطيها نظرة منفعل.
![dribbble-image-screen-psd-download-by-nick-jarvis[4]](https://odwebdesign.net/uploads/5/66/e4/50-fantastic-freebies-for-web-designers-january-2015_10.png "dribbble-صورة الشاشة مديرية الأمن العام-تحميل-ب-نيك-جارفيس [4]")
قالب السيرة الذاتية
من المهم أن تجعل نفسك تلاحظ عند التقدم للحصول على وظيفة جديدة. البدء بسيرة ذاتية جميلة قد يكون مساعدة كبيرة.
![dribbble-free-resume-template-by-alamin-mir-creativemine[4]](https://odwebdesign.net/uploads/1/ac/d0/50-fantastic-freebies-for-web-designers-january-2015_11.png "dribbble خالية من استئناف قالب تلو العلمين-مير creativemine [4]")
حزمة واجهة المستخدم لتطبيقات الجوّال
تحتاج عناصر جديدة لتصميم التطبيق الخاص بك المقبل؟ إليك مجموعة من أدوات واجهة المستخدم لمساعدتك. 12 ملفات PSD ذات الطبقات الكاملة ، لم يتم تضمين أي صور.
![mobile-app-ui-kit-graphberrycom[4]](https://odwebdesign.net/uploads/6/af/e4/50-fantastic-freebies-for-web-designers-january-2015_12.png "تطبيقات الجوال-واجهة المستخدم طقم-graphberrycom [4]")
iOS 8 GUI for Sketch
مجموعة كاملة تمامًا من عناصر واجهة المستخدم التي تم إنشاؤها لـ Sketch. إنها مفيدة في الغالب للتهكم بالتطبيقات أو إنشاء واجهات مخصصة.
![ios-8-gui-for-sketch-iphone-teehan-lax[4]](https://odwebdesign.net/uploads/c/9e/af/50-fantastic-freebies-for-web-designers-january-2015_13.png "دائرة الرقابة الداخلية-8 واجهة المستخدم الرسومية مقابل رسم-فون-تيهان-التراخي [4]")
يوسمايت مجموعة واجهة المستخدم
يجلب Yosemite OSX عناصر "مؤطرة" جديدة إلى الطاولة. قم بإنشاء واجهات وأحاديث نموذجية جديدة لهذا الإصدار الجديد من نظام تشغيل Mac باستخدام Sketch.
![yosemite-ui-kit-os-x-yosemite-ui-kit-built-for-sketch[4]](https://odwebdesign.net/uploads/6/a8/4f/50-fantastic-freebies-for-web-designers-january-2015_14.png "يوسمايت-واجهة المستخدم طقم السراج-X-يوسمايت-واجهة المستخدم طقم الصنع مقابل رسم [4]")
MFD UI Kit
مجموعة من 12 عنصر عناصر واجهة تعامل مستخدم بتنسيق PSD لتصميم مشروعك التالي. مجانا للاستخدام الشخصي والتجاري.
![psd-freebie-mfd-ui-kit-made-for-designers[4]](https://odwebdesign.net/uploads/5/71/2b/50-fantastic-freebies-for-web-designers-january-2015_15.png "مديرية الأمن العام-الهدية-ميدا لتطوير الأفلام-جعل واجهة المستخدم طقم مقابل المصممين [4]")
بالكاد محض يدوية الصنع محرف
Curely هو محرف جميل مصنوع يدويًا ليعطي النصوص الخاصة بك صورًا ودية وساحرة إلى حد ما. يحتوي التنزيل على ملفات TTF و OTF ، بالإضافة إلى بعض شارات AI كمكافأة.
![curely-free-typeface-on-behance[4]](https://odwebdesign.net/uploads/b/b7/85/50-fantastic-freebies-for-web-designers-january-2015_16.png "curely خالية من محرف على اساس behance [4]")
رافال الخطوط الخط
رافال هو محرف بكل أعمدة مصممة للملصقات والألقاب والعناوين الرئيسية. وهو متوافق مع الروسية والبلغارية السيريلية ، فضلا عن الشخصيات الخاصة الأخرى.
![rafale-free-font-fontfabric[4]](https://odwebdesign.net/uploads/4/59/68/50-fantastic-freebies-for-web-designers-january-2015_17.png "رافال خالية بين الخط-fontfabric [4]")
Madras Free لخطوط
مدراس هو محرف من نوع sans-serif مع اثنين من الأوزان الحرة ، ويضم الأناقة الفائقة والوضوح.
![madras-free-font-fontfabric[4]](https://odwebdesign.net/uploads/0/b9/ec/50-fantastic-freebies-for-web-designers-january-2015_18.png "مدراس خالية بين الخط-fontfabric [4]")
OpenDyslexic الخط
محرف مفتوحة المصدر فائقة مفيدة مصممة لمساعدة الأشخاص الذين يعانون من عسر القراءة مع زيادة قابلية القراءة. يحتوي على أربعة أوزان لتناسب احتياجاتك.
![free-opensource-dyslexia-font-opendyslexic[4]](https://odwebdesign.net/uploads/6/76/72/50-fantastic-freebies-for-web-designers-january-2015_19.png "خالية مفتوحة المصدر، عسر القراءة الخط بين opendyslexic [4]")
Libre Caslon Typeface
محرف موجه للويب مصمم لتوفير قراءة ممتازة على أحجام وشاشات أصغر. تحميل مجانا من خلال نوع Impallari.
![libre-caslon-free-on-behance[4]](https://odwebdesign.net/uploads/9/cd/9b/50-fantastic-freebies-for-web-designers-january-2015_20.png "مجانا على اساس behance ليبر-caslon-[4]")
مودرنو: صفحة المحفظة
كما يوحي اسمها ، فإن Moderno عبارة عن قالب صفحة محفظة تم إنشاؤه للويب اليوم. عرض أعمالك أو منتجاتك بأسلوب أنيق باستخدام هذا المورد.
![moderno-creative-simple-portfolio-page-graphberrycom[4]](https://odwebdesign.net/uploads/7/aa/d2/50-fantastic-freebies-for-web-designers-january-2015_21.png "موديرنو-الإبداع-بسيطة-محفظة صفحة graphberrycom [4]")
نطاق: قالب موقع صفحة واحدة
قالب PSD جميل من صفحة واحدة يستفيد من نغمة أرجوانية عميقة أنيقة لجذب الانتباه. مثالية للعروض التقديمية للمنتجات أو المحتوى القصير.
![the-range-single-pager-free-psd-website-template-free-psd-web-design-templates[4]](https://odwebdesign.net/uploads/5/da/e0/50-fantastic-freebies-for-web-designers-january-2015_22.png "إلى الموقع مجموعة وحيدة خالية من مديرية الأمن العام-الاستدعاء خالية من قالب-مديرية الأمن العام على شبكة الإنترنت تصميم قوالب [4]")
Kasper: قالب صفحة PSD واحدة
يعتمد كاسبر على الصور الجميلة والتصميم المتطور لتوصيل رسالته. نعتقد أنه يقوم بعمل رائع في ذلك.
![kasper-one-page-creative-psd-template-graphberrycom[4]](https://odwebdesign.net/uploads/e/19/7e/50-fantastic-freebies-for-web-designers-january-2015_23.png "كاسبر واحد الصفحات الخلاق-PSD-قالب graphberrycom [4]")
قالب البريد الإلكتروني رسم
هل لديك رسالة إخبارية أو ترغب في نشر واحدة؟ إليك قالب بريد إلكتروني حديث المظهر. قابل للتعديل بالكامل مع Sketch.
![free-sketch-email-template-freebiesjedi[4]](https://odwebdesign.net/uploads/3/6d/e2/50-fantastic-freebies-for-web-designers-january-2015_24.png "خالية من رسم البريد الإلكتروني، قالب freebiesjedi [4]")
تعليم مدونة ورد موضوع
موضوع WordPress كامل يستهدف المدونات بلهجة أكاديمية. يأتي مع ملف .po لسهولة الترجمة.
![educationblog-free-wordpress-theme[4]](https://odwebdesign.net/uploads/4/54/e7/50-fantastic-freebies-for-web-designers-january-2015_25.png "educationblog خالية من وورد-موضوع [4]")
Everal WordPress Theme
Everal هو موضوع WordPress حديث يتميز بتصميم متجاوب وتخصيص عالي. ما عليك سوى متابعتهم على تويتر لتنزيل الموضوع.
![everal-free-responsive-wordpress-theme[4]](https://odwebdesign.net/uploads/4/87/4f/50-fantastic-freebies-for-web-designers-january-2015_26.png "everal خالية من المراعية للوورد-موضوع [4]")
Smak: HTML صفحة واحدة القالب
قالب بيجر واحد رائع لموقعك الإلكتروني التالي. ويتميز بتصميم نظيف وبسيط وسلوك متجاوب لجعل استخدام الأجهزة عبر الإنترنت نسيمًا.
![smak-free-html-single-page-template-graphberrycom[4]](https://odwebdesign.net/uploads/a/61/8c/50-fantastic-freebies-for-web-designers-january-2015_27.png "خالية من SMAK-أتش تي أم أل صفحة واحدة-قالب graphberrycom [4]")
تحميل CSS3
مجموعة تحتوي على أربعة من أجمل تحميلات CSS3 التي شاهدناها على الإطلاق. قم بالمرور على الخطوط لرؤية تأثير بسيط أنيق في العمل.
![css3-loaders[4]](https://odwebdesign.net/uploads/2/84/b5/50-fantastic-freebies-for-web-designers-january-2015_28.png "CSS3 مفترق [4]")
ProgressBar.js
مجموعة جميلة من تصميمات شريط التقدم التي تم إنشاؤها باستخدام مسارات SVG. مثالية لإضافة فئة إلى مشروع ، حتى في أوقات نفاد الصبر.
![a-pen-by-shaman-tito[4]](https://odwebdesign.net/uploads/a/f1/25/50-fantastic-freebies-for-web-designers-january-2015_29.png "على بعد القلم تلو الشامان-تيتو [4]")
ألوان واجهة المستخدم المسطحة
مجموعة من الألوان للتصميم المسطح معروضة باستخدام لا شيء سوى CSS3 في شبكة ملائمة.
![flat-ui-colors[4]](https://odwebdesign.net/uploads/f/83/e4/50-fantastic-freebies-for-web-designers-january-2015_30.png "واجهة المستخدم مسطحة الألوان [4]")
رمز الكاميرا المتحركة المتحركة
رمز الكاميرا الجميلة ، على غرار والرسوم المتحركة مع CSS3 النقي.
![animated-flat-camera-icon[4]](https://odwebdesign.net/uploads/7/0a/53/50-fantastic-freebies-for-web-designers-january-2015_31.png "الرسوم المتحركة-شقة-كاميرا رمز [4]")
لوحة مسطحة تصميم اللون
العثور على النغمات الصحيحة بالنسبة لك مشروع نمط الحد الأدنى التالي.
![flat-design-color-palette[4]](https://odwebdesign.net/uploads/e/ba/78/50-fantastic-freebies-for-web-designers-january-2015_32.png "تصميم مسطحة اللون لوحة [4]")
عامل الميناء: منصة مفتوحة مفيدة للمؤسسات و Sysadmins
يوفر Docker بيئة ودية حيث يمكن للمطورين والمسؤولين إنشاء تطبيقاتهم وتشغيلها على أي نظام أساسي.
![docker-build-ship-and-run-any-app-anywhere[4]](https://odwebdesign.net/uploads/7/a7/80/50-fantastic-freebies-for-web-designers-january-2015_33.png "عامل ميناء-بناء السفن والتشغيل أي التطبيق في أي مكان [4]")
النسيج: جعل الحياة أسهل للمطورين
Fabric عبارة عن مجموعة تطوير متنقلة تهدف إلى مساعدة المطورين على التغلب على العديد من المشكلات (إن لم يكن كلها) التي يجدونها في كل مشروع.
![fabric-twitter-developers[4]](https://odwebdesign.net/uploads/3/8a/dc/50-fantastic-freebies-for-web-designers-january-2015_34.png "مطوري تويتر نسيج [4]")
Targeted.io
أداة لاختبار تصميمات بريدك الإلكتروني قبل إصدارها للجمهور.
![targetedio[4]](https://odwebdesign.net/uploads/2/84/c6/50-fantastic-freebies-for-web-designers-january-2015_35.png "targetedio [4]")
SlimerJS: متصفح Scriptable لمطوري الويب
تعد Slimer أداة تساعدك على إجراء اختبارات وظيفية ، وأتمتة للصفحات ، ومهام أخرى بالغة الأهمية. يتم تشغيله على Gecko ، محرك متصفح Firefox.
![slimerjs[4]](https://odwebdesign.net/uploads/2/1f/61/50-fantastic-freebies-for-web-designers-january-2015_36.png "slimerjs [4]")
Pixelapse: تحكم الإصدار المرئي لمصممي
تعتزم Pixelapse لتوفير CMS / CRM من نوع ما ، ولكن للمصممين. عظيم لتصاميم المجموعة والتحكم في الإصدار.
![pixelapse-visual-version-control-for-designers[4]](https://odwebdesign.net/uploads/9/d5/1e/50-fantastic-freebies-for-web-designers-january-2015_37.png "pixelapse-البصرية-نسخة السيطرة مقابل المصممين [4]")
ShareX: مشاركة لقطات الشاشة أو Screencasts
ShareX هي أداة بسيطة لالتقاط لقطات الشاشة ، والحصول على رابط قابل للمشاركة تم نسخه إلى الحافظة من خلال مفتاح تشغيل سريع بسيط.
![sharex-take-screenshots-or-screencasts-annotate-upload-and-share-url-in-clipboard[4]](https://odwebdesign.net/uploads/2/9d/0c/50-fantastic-freebies-for-web-designers-january-2015_38.png "sharex يحصل على لقطات-أو-قطات للشاشة علق-تحميل وحصة-رابط-في الحافظة [4]")
Palettab
يمكنك العثور على مجموعات مذهلة من الخطوط والألوان من خلال إضافة Chrome البسيطة هذه.
![palettab[4]](https://odwebdesign.net/uploads/7/8b/7d/50-fantastic-freebies-for-web-designers-january-2015_39.png "palettab [4]")
MakeAppicon: إنشاء أيقونات التطبيق من جميع الأحجام بنقرة!
لن تعمل هذه الأداة فقط على تغيير حجم الرمز ، ولكنها ستعمل أيضًا على تحسينه لاستخدام iOS و Android. وهو يدعم تنسيقات JPG و PNG و PSD.
![makeappicon-generate-app-icons-of-all-sizes-with-a-click[4]](https://odwebdesign.net/uploads/a/8c/11/50-fantastic-freebies-for-web-designers-january-2015_40.png "makeappicon-توليد التطبيق-رموز من بين كل الأحجام مع-انقر على [4]")
اكتب عبقرية
من المؤكد أن العثور على الخط المناسب لمشروعك القادم ليس بالأمر الصعب مثل البحث عن الخط الثاني الذي يجب مواجهته. هذه الأداة سوف تجعل هذه العملية أسهل بكثير.
![type-genius[4]](https://odwebdesign.net/uploads/d/3d/05/50-fantastic-freebies-for-web-designers-january-2015_41.png "نوع عبقرية [4]")
نظام شبكة مرنة
إطار CSS متجاوب يتوافق مع جميع متصفحات أجهزة سطح المكتب وأجهزة الجوال الرئيسية.
![flexiblegsflexiblegs-github[4]](https://odwebdesign.net/uploads/0/3d/6e/50-fantastic-freebies-for-web-designers-january-2015_42.png "flexiblegsflexiblegs-جيثب [4]")
فوغجي JQuery البرنامج المساعد
Foggy هو برنامج jQuery plugin بسيط لتعتيم أي عنصر صفحة قمت بتعيينه. من المفيد إضافة عناصر منبثقة ومبعثرة من الخلفية.
![foggy-jquery-plugin-for-blurring-page-elements[4]](https://odwebdesign.net/uploads/b/9e/cd/50-fantastic-freebies-for-web-designers-january-2015_43.png "ضبابي-مسج البرنامج المساعد لطمس الصفحات، عناصر [4]")
PACE: أشرطة التقدم لتحميل الصفحة التلقائية
يوفر PACE مؤشرًا جيدًا لتقدم التحميل بينما ينتظر المستخدمون تحميل المحتوى. يمكنك أيضًا الحصول على التنقل AJAX.
![pace-automatic-page-load-progress-bars[4]](https://odwebdesign.net/uploads/2/c9/a9/50-fantastic-freebies-for-web-designers-january-2015_44.png "سرعة أوتوماتيكية، صفحة التحميل التقدم القضبان [4]")
محرر النص الفرعي
محرر رموز رائع يستند إلى الويب يأتي كإضافة لـ Chrome ونظام التشغيل Chrome.
![subtext-editor[4]](https://odwebdesign.net/uploads/0/75/83/50-fantastic-freebies-for-web-designers-january-2015_45.png "ضمني المحرر [4]")
Snap.svg: مكتبة SVG JavaScript للويب الحديث
مع Snap ، ستتمكن من إنشاء رسومات متجهات تفاعلية وعرضها على أي جهاز. من المفترض أيضًا أن تكون سهلة الاستخدام قدر الإمكان.
![snapsvg-home[4]](https://odwebdesign.net/uploads/d/cc/f9/50-fantastic-freebies-for-web-designers-january-2015_46.png "snapsvg المنزل [4]")
ItemSlide.js
يمكنك إنشاء دوارات تعمل باللمس متوافقة مع الجوال باستخدام هذا المكون الإضافي الذكي jQuery.
![itemslidejs[4]](https://odwebdesign.net/uploads/7/5a/f8/50-fantastic-freebies-for-web-designers-january-2015_47.png "itemslidejs [4]")
GSAP: قوية HTML5 الرسوم المتحركة
GSAP عبارة عن أداة كاملة للرسوم المتحركة تهدف إلى محترفي الويب ، مما يوفر أداءً وتوافقًا على أحدث مستوى.
![greensock-gsap[4]](https://odwebdesign.net/uploads/2/9c/80/50-fantastic-freebies-for-web-designers-january-2015_48.png "greensock-gsap [4]")
LokiJS: قاعدة بيانات جافا سكريبت في الذاكرة خفيفة الوزن
قاعدة بيانات في الذاكرة مع التركيز الشديد على الأداء ، بغض النظر عن حجم المشروع.
![lightweight-javascript-in-memory-database-lokijs[4]](https://odwebdesign.net/uploads/b/1f/6a/50-fantastic-freebies-for-web-designers-january-2015_49.png "خفيفة الوزن، جافا سكريبت في الذاكرة قاعدة بيانات lokijs [4]")
Rekapi: مكتبة الرسوم المتحركة Keyframe لجافا سكريبت
ستتيح لك Rekapi إنشاء رسوم متحركة من Canvas و DOM مع جافا سكريبت ، بالإضافة إلى الرسوم المتحركة في CSS keyframe. يمكنك أيضًا استخدامه على التطبيقات التي تستخدم الرسوم المتحركة الأساسية.
![rekapi-a-keyframe-animation-library-for-javascript[4]](https://odwebdesign.net/uploads/f/b8/6e/50-fantastic-freebies-for-web-designers-january-2015_50.png "rekapi واحد في الإطار الرئيسي الرسوم المتحركة المكتبات مقابل جافا سكريبت [4]")
JQuery / Zepto الكشف عن الوجه البرنامج المساعد
سيكتشف هذا المكون الإضافي لكل من jQuery و Zepto الوجوه على الصور ومقاطع الفيديو على حد سواء.
![jqueryzepto-face-detection-plugin[4]](https://odwebdesign.net/uploads/6/60/a9/50-fantastic-freebies-for-web-designers-january-2015_51.png "jqueryzepto وجها كشف البرنامج المساعد [4]")