Press "Enter" to skip to content

أفضل المواقع للمصممي المواقع و المطورين

0
تلجرام التعلم الحر

توصل بما يهمك عبر تلجرام.

 

في هذه المقالة تحتوي على مجموعة من المصادر المجانية التي سوف تساعد مصممي و مطوري المواقع HTML5/CSS3، كما أن هذه المصادر سوف تجعل حياتك كمصمم أسهل بكثير عكس السابق ، كما ان جمع هذه المصادر أستغرق فيه صاحب الكتابة الذي قرأته سنوات ثم سنوات من أجل جمع هذه المصادر للمصممين و المطورين.

1 – WEBDESIGN BASICS.

دروس تصميم على شكل مقالات.

https://hackdesign.org/lessons

تعلم اللفلات ديزاين.

http://www.webdesignerdepot.com/2013/12/infographic-flat-design-vs-skeuomorphism/

 

2 – TYPOGRAPHY الخطوط

موقع جوجل فونت بسيط وسهل

https://www.google.com/fonts

موقع تحميل خطوط مجاني

http://www.fontsquirrel.com/

قائمة أفضل 100 خط للتحميل مجانا

http://www.creativebloq.com/graphic-design-tips/best-free-fonts-for-designers-1233380

إيجاد المزيد من الخطوط و فاملي فونت

http://fontpair.co

تعلم المزيد حول TYPOGRAPHY

http://www.typogui.de

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

3 – الألوان

موقع الألوان الفلاتية

http://flatuicolors.com/

http://getuicolors.com

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

http://www.0to255.com

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

https://color.adobe.com/create/color-wheel/

موقع يقدم خاصية Color Picker

http://paletton.com/

موقع جميل يعطيك تدرجات جاهزة

http://uigradients.com/

مقالة حول الألوان من موقع Envatotuts+

https://webdesign.tutsplus.com/articles/an-introduction-to-color-theory-for-web-designers–webdesign-1437

4 – الصور

موقع مميز جدا به صور أيقونات ألوان موك اب خطوط …

http://thestocks.im/

موقع لجلب الصور

http://www.pexels.com/

موقع يجب أن تزوره

https://unsplash.com/

موقع لصور الطعام

http://foodiesfeed.com/

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

http://www.imcreator.com/free

موقع للباترن

http://thepatternlibrary.com/#knitting

موقع اخر للباترن

http://subtlepatterns.com/

فيديوهات مجانية للاستعمال

http://mazwai.com/

مقالة حول تقنيات التعامل مع الصور في CSS

http://css-tricks.com/design-considerations-text-images/

5 – الأيقونات

فونت ايكون

http://ionicons.com/

http://entypo.com/

http://fontawesome.io/icons/

http://icon-works.com/

أيقونات بصيغة SVG

http://iconmonstr.com/

6 – دروس تجربة المستخدم

UX crash course in 31 days

http://thehipperelement.com/post/75476711614/ux-crash-course-31-fundamentals

http://www.goodui.org

7 – مواقع إلهام

http://www.siteinspire.com/

https://dribbble.com/

https://www.behance.net/

https://onepagelove.com/

http://www.admiretheweb.com/

http://flatdsgn.com/

http://patterntap.com/

http://calltoidea.com/

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

تحميل الكتاب كامل باللغة الإنجليزية :

https://drive.google.com/file/d/0BzmxTJGE0DFDQ1dsT3hObGdrSjQ/view?usp=sharing

بالتوفيق للجميع، و إن إحتجتم لأي مساعدة بخصوص الموقع او تريديون الإستشارة بخصوص الإستثمار في الإنترنت و البيتكوين، راسلونا عبر الصفحة الرسمية للموقع على الفيسبوك Education Libre ، و تابعونا على قناتنا Telegram ليصلكم كل يوم جديدا، و أيضا اتركوا لنا تعليقاتكم على الموضوع.

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *