سلسلة أهم المصادر المجانية اللى يجب ان يعرفها كل مصمم للمواقع



لو انت مصمم مواقع لازم تعمل حفظ للبوست دا 
كتير من المصممين بيحتاج صور او تصاميم او خطوط وغيرها من ادوات التصميم لكن بيبقى سعرها مبالغ فيه او دخله لا يسمح انو يشتري الأدوات دي

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




اولا مواقع للتصاميم المجانية


الموقع دا بيوفر تصاميم مجانية تتميز عن باقى المواقع بجودتها العالية
----------------
الموقع دا بيوفر خطوط وقوالب وصور وخلفيات مجانية ومفتوحة المصدر
----------------
لو استخدمت كلمة freebie فى صندوق البحث هيطلعلك كنز من التصاميم المجانية
----------------
بيوفر تصاميم بدقة عالية
----------------
من مميزات الموقع دا انك ممكن تلاقى عليه تصاميم مدفوعة مجانا وبدون مخالفة حقوق الملكية
----------------
بيوفر تصاميم مجانية للفوتوشوب
----------------
من اكبر المواقع اللى بتوفر تصاميم الفيكتور واللى انا بستخدمه دائما والصورة اللى فى البوست دا من هذا الموقع 
----------------
بيوفر تصاميم للفوتوشوب تنفع اكتر للشركات 
----------------
من أكبر المواقع واللى باستخدمها كثيرا وبتوفر تصاميم مجانية للفوتوشوب
----------------
الموقع دا بيجمع التصاميم المجانية من مواقع زي Dribbble & Behance
----------------
موقع بيقدم تصاميم بجودة عالية
----------------
موقع مهم لمصممي واجهات المستخدم
----------------
موقع يحتوي على الاف الخطوط المجانية 
----------------
موقع عربي يجمع اشهر الخطوط العربية
----------------
بيقدم مجموعه متنوعه من التصاميم المجانية
----------------
بيقدم مجموعه متنوعه من التصاميم المجانية
----------------
بيقدم تصاميم للفوتوشوب واخر اخبار التقنية
----------------
من اكثر المواقع اللى بيستخدمها مصممي الـ IOS 


 أهم مواقع هتساعدك فى اختيار الألوان 


من اهم المواقع اللى هتساعدك فى اختيار بالليتات ألوان تتناسب مع الالوان الحديثة material design
--------------
من أهم المواقع اللى هتساعدك فى اختيار الوان مناسبة للتصاميم المسطحة flat design 
--------------
شبيه بالموقع السابق
--------------
موقع هيساعدك فى تكوين بالليتات الالوان وبيساعدك تستخرج باليتات من الصور
--------------
اداة مجانية متاحة للماك هتساعدك على تنظيم الوان موقعك وهتجعلها متناسقة
--------------
تطبيق هيساعدك على التلاعب بالالوان اللى موجودة ع الشاشة 
--------------
تطبيق هيساعدك على اختيار الوان حديثة متناسقة مع الـ Material UI
--------------
موقع هيساعدك على اختيار افضل تدرج للالوان gradients 
--------------
اداة هتساعدك على تجميع الألوان من صورة معينة
--------------
موقع هيعرفك على اشهر الالوان اللى بتستخدمها الشركات والبرندات المشهورة
--------------
موقع سهل فى تحديد افضل اسكيمات الالوان
--------------
هيساعدك فى استخراج الاكواد الخاصة بالالوان بمختلف انوعها
--------------
موقع لمشاركة بالليتات الالوان هتعرف من خلاله الالوان الللى بيستخدمها المصممين حول العالم
--------------
مصدر مهم لمصممي الفلات 
--------------
اداة لتحويل الـ Hex الى RGB 
--------------
اشهر الوان لواجهة المستخدم
--------------
اداة استشفاف الألوان picker tool
--------------
مولد لبلليتات الالوان
--------------
اضافة لمتصفح كروم هتساعدك على تكوين بالليتات الألوان من الصور مباشرا من المتصفح


 اهم الكورسات لتصميم المواقع

كورسات باللغة العربية

----------------------------
تصميم مواقع الأنترنت ( 6 مستويات )

كورس لتصميم المواقع باستخدام الفوتوشوب من تقديم على حمدي
--------
دورة كاملة في تصميم مواقع الانترنت من الصفر حتى الاحتراف

كورس متكامل هيعلمك ازاى تصمم موقع ع الفوتوشوب وتكويد الموقع ب Html &css
--------
Design a website using photoshop cc 2017

كورس مميز من تقديم محمد ناجي فى شرح تصميم المواقع باستخدام الفوتوشوب 
--------
تصميم موقع متجاوب بأستخدام Adobe Muse CC 2017

كورس من تقديم مصطفي صلاح
--------
تحويل PSD لتصميم بواسطة البوتستراب

كورس من تقديم اسامة الزيرو صاحب افضل قناة عربية فى رأيي فى كورسات تطوير المواقع انصحكم بالاشتراك فيها 
--------

========================

كورسات أجنبية

----------------
alison 
موقع اليسون مصدر كبير للكورسات المجانية فى مجالات مختلفة منها تصميم وتطوير المواقع 
--------
Photoshop Web Design Tutorials

قائمة تشغيل بها مئات الفيديوهات لتصميم المواقع حيث يصور مقدم الفيديوهات تصميم الموقع بالفوتوشوب وملهم جدا للمصممين
--------
Photoshop-WebDesign 

كورس محترم بيشرح اساسيات تصميم المواقع بالفوتوشوب
--------
Web Design for Everybody (Basics of Web Development and Coding) Specialization

كورس من كورسيرا بيهتم بجزء تصميم المواقع ب Html& Css

--------
Adobe Illustrator CC 2017 for Web and UI Work

كورس لتصميم المواقع ببرنامج الاليستريتور
==========
كورسات مجانية من يوديمي 
--------------
Photoshop CC for Web Design Beginners
,
Photoshop for Web Design Beginners
,
Web Design for Web Developers: Build Beautiful Websites!
,
Wordpress Complete Web Design :Latest Wordpress Design Techs 195$=>>0$
,
Make Your First Website From Scratch - Adobe Dreamweaver® CC 45$>>0$
==================
أهم الكورسات المدفوعة من يوديمي
--------
Learn Photoshop, Web Design & Profitable Freelancing 2017 
كورس مدتة 22 ساعة فى تصميم المواقع بالقوتوشوب 
--------
PSD to HTML : Learn PSD to HTML and CSS Conversion
--------
Responsive UI & Website Design in Adobe Photoshop CC
--------
UI & Web Design using Adobe Illustrator CC


اهم المواقع الملهمة لمصممي المواقع

uplabs
موقع ملهم جدا هيعرفك اخر صيحات تصميم المواقع والتطبيقات 
--------
FLTDSGN
موقع ملهم لمصممي الويب بطريقة التصميم المصطح Flat Design 
--------
Site Inspire.
موقع مميز هيعرفك افضل تصميم مناسب لكل عميل
--------
Niice
محرك بحث للتصاميم الابداعية
--------
UI Cloud
محرك بحث متخصص فى تصميم واجهات المستخدم UI design interface 
--------
GoMoodboard
موقع لانشاء ومشاركة الـ moodboardS
او مايعرف بلوحات تنظيم افكار المصممين
--------
Crayon
موقع هيساعدك فى التطوير من تصميمك ومعرفة كيفية تسويق عملك
--------
land-book
موقع ملهم لمصممي اللاندنج بادج او المواقع ذات الصفحة الواحدة
--------
One Page Love
مشابه للموقع السابق
--------
Dribbble
شبكة اجتماعية للمصممين حول العالم
--------
Behance
شبكة اجتماعية للمصممين حول العالم تابعة لشركة ادوبي الشهيرة
--------
pttrns
موقع رائع لمصممي واجهات التطبيقات
--------
UI DESIGN 
لوحة على موقع بينترست ملهمة جدا لمصممي الويب والهاتف
--------
Awwwards
ملهم جدااااا
موقع ملهم لاشهر المواقع والتطبيقات الغريبة التى يجب ان تحصل على جوائز
--------
The Starter Kit
يحتوي على مصادر لمصممي ومطوري الويب
--------
UI Parade
موقع ملهم لمصممي واجهات المستخدم
--------
The Best Designs
موقع ملهم لمصممي الويب


 مواقع للحصول على الصور عالية الجودة مجانا وبدون حقوق 

StockSnap
من اكبر المواقع اللى بتقدم صور مجانية بدون حقوق ملكية بجودة عالية وبيتميز بتنوع الصور ودا ميزة كويسة لمصممي المواقع
--------
All the Free Stock
موقع اخر مميز لا يقدم صور فقط ولكن يقدم ايضا فيديوهات وايقونات وخطوط مجانية بدون حقوق ملكية
--------
Unsplash
موقع بيقدم صور مجانية بجودة عالية جدا ولكن له حدود فى تحميل الصور
--------
Splashbase
موقع بيقدم صور وفيديوهات مفتوحة المصدر
--------
Pixabay
من اشهر المواقع اللى بتقدم صور مجانية
--------
LibreStock
محرك بحث مميز للصور المجانية من اكثر من 50 موقع
--------
Designers Pics
موقع بيقدم صور مميزة خاصة لمواقع الاعمال والمصممين مجانا
--------
Startup Stock Photos
موقع مميز للصور المجانية متخصص اكثر لرواد الاعمال
--------
Jay Mantri
موقع بدا على تمبلر وبيقدم فيه صاحبه صور مميزة عالية الجودة ومفتوحة المصدر
--------
Moveast
موقع مقدم من مجموعة من المصوري المسافرين حول العالم واللى بيشاركو صور رحلاتهم بشكل مجاني بدون اي حقوق
--------
Stokpic
موقع بيقدملك صور مدفوعة مجانا وبدون اى حقوق
--------
Kaboompics
موقع اخر لتحميل صور بجودة عالية مجانا
--------
Function
موقع بيسمحلك بتحميل مجموعة من الصور مره واحدة
--------
MMT
موقع يقدم صور المصور المشهور Jeffrey Betts مجانا
--------
Travel Coffee Book
موقع اخر لتجميع صور من المسافرين حول العالم 
--------
Designers Pics
موقع بيقدم صور مميزة خاصة لمواقع الاعمال والمصممين مجانا
- الصورة فى البوست من هذا الموقع -
--------
FoodieFactor
موقع بيقدم صور متخصصة فى الطعام والشراب وبالطبع مجانا
--------
Mazwai
موقع مميز يقد مقاطع فيديو مفتوحة المصدر وعالية الجودة مجانا بدون حقوق
--------
Jéshoots
موقع اخر للصور المجانية
--------
Picography
موقع بيجمع اهم الصور المجانية ذات الجودة العالية
--------
Splitshire
موقع بيقدم صور وفيديوهات ملهمة مجانا
--------
New Old Stock
موقع للحصول على الصور القديمة بجودة عالية
--------
Picjumbo
موقع اخر للصور المجانية
--------
Life of Pix
موقع للصور ذات الجودة العالية 
--------
Gratisography
موقع اخر للصور ذات الجودة العالية 
--------
NegativeSpace
موقع مميز للصور المجانية
--------
Getrefe
موقع اخر للصور المجانية
--------
IM Free
موقع مفهرس لاهم الصور المجانية 
--------
Cupcake
موقع ملهم جدا بيقدم كل الصور مجانا من تصوير المصور المشهور Jonas Nilsson Lee
--------
The Pattern Library
لو ناوي تستخدم انماط بدلا من الصور فلازم تشوف الموقع دا 
--------
freepik
من اشهر المواقع اللى بتقدم تصاميم مجانية وبيقدم ايضا صور مجانية بجودات عالية
--------
Public Domain Archive
موقع اخر للصور المجانية عالية الجودة
--------
ISO Republic
موقع اخر للصور المجانية عالية الجودة
--------
Bucketlistly
موقع بيقدم صور للمسافرين حاول العالم بفهرسة لكل بلد 
--------
Magdeleine
موقع للصور المجانية وملهم للمصورين


اشهر مواقع الخطوط المجانية

عرب فونتس
موقع عربي حديث نوعا ما لتحميل الخطوط ويمكنك من خلاله تجربة الخط قبل تحميله
https://arbfonts.com/
والنسخة الاخري من هذا الموقع هو موقع خطي
خطي.com
-----------
موقع تحميل الخطوط العربية
واحد من اقدم المواقع العربية لتحميل الخطوط
http://www.arfonts.net
-----------
فونت فيس
موقع عربي اخر يحتوي على مئات الخطوط العربية ويمكنك تجربة الخط قبل تحميلة
https://www.fontface.me/
-----------
Font Squirrel
من اقدم المواقع الاجنبية وكل خطوطه صالحة للاستخدام التجاري بدون قيود
https://www.fontsquirrel.com/
-----------
Google Fonts
موقع تابع لشركة جوجل يقدم اهم الخطوط المجانية مفتوحة المصدر ومتعدد اللغات
https://fonts.google.com/
-----------
DaFont
مكتبة ضخمة للخطوط المجانية
https://www.dafont.com/
-----------
1001 Free Fonts
موقع يجمع اهم الخطوط المجانية الصالحة للاستخدام فى مواقع الويب
https://www.1001freefonts.com/
-----------
FontFaceNinja
اضافة للمتصفح تساعدك فى معرفة نوع الخط المستخدم واسمة
https://fontface.ninja/
-----------
Canva
لو عاوز تتعرف اكتر عن انواع الخطوط وامتدادتها فالمقالة دي ليك
https://designschool.canva.com/blog/typography-terms/
-----------
Font-to-width
اسكريبت مجاني يساعد فى تنسيق التكست ليناسب المساحة المخصصة له فى الصفحة
http://font-to-width.com/


اشهر المواقع للحصول على الايقونات مجانا


Flat Icon
من اكبر المواقع للحصول على الايكونات مجانا وبصيغ مختلفة
https://www.flaticon.com/
-----------
Font Awesome
مكتبة الايقونات الغنية عن التعريف والمستخدمة فى معظم المواقع الحديثة
http://fontawesome.io/
-----------
Fontello
موقع لانشاء وتوليد الايقونات
http://fontello.com/
-----------
Material Design Icons
مكتبة ايقونات بها 750 ايقونة صالحة للاستخدام مع css ومدعومة من جوجل
https://github.com/google/material-design-icons/releases/tag/1.0.0
-----------
Glyphsearc
محرك بحث مميز للايقونات
https://glyphsearch.com/
-----------
MakeAppIcon
مولد ايقونات لتطبيقات الهاتف
http://makeappicon.com/
-----------
Endless Icons
موقع للايقونات المجانية المناسبة للفلات ديزين
http://www.endlessicons.com/
-----------
Ico Moon
مولد لايقونات الفيكتور
https://icomoon.io/
-----------
The Noun Project
موقع يجمع الاف الايقونات مفتوحة المصدر من مواقع اخري
https://thenounproject.com
-----------
Perfect Icons
اداة لصنع ايقونات مواقع التواصل الاجتماعي
http://perfecticons.com
-----------
Icon Finder
موقع يجمع اكثر من 100  الف ايقونة مجانية
https://www.iconfinder.com/free_icons

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

تعليقات

المشاركات الشائعة من هذه المدونة

تعلم اللغة الأسبانية مجانا

سلسلة الربح من الانترنت - الفريلانسينج والعمل الحر عبر الانترنت

70 كورس من يوديمي مجانا ولفترة محدودة | كوبونات مجانية