15 من الأدوات و المواقع المفيدة لمصممي الويب
![](https://www.toptensarabic.com/wp-content/uploads/2023/05/meta-generic.png)
مثل أي مهنة ، هناك أدوات وموارد متاحة لجعل حياتك كمصمم ويب أسهل. كلما كانت أدواتك مفيدة وموفرة للوقت ، زاد الوقت الذي يمكنك التركيز فيه على المهام المهمة مثل الترميز والتصميم. بالنسبة لي شخصيًا ، فإن أي أدوات أجدها تساعدني على أداء وظيفتي بشكل أسرع وأفضل وأكثر كفاءة ، فأنا بالتأكيد أحفظها وأرجع إليها.
فيما يلي مجموعة من 15 من الأدوات والمواقع الإلكترونية المفيدة لمصممي الويب الذين أستخدمهم كثيرًا.
1 – Adobe Color CC
![Adobe Color CC](https://www.toptensarabic.com/wp-content/uploads/2023/05/adobecolors_3d4786bcc9-1024x576.png)
هل لديك لون تعرف أنك ستستخدمه في مشروع تصميم الويب الخاص بك ، ربما لون في الشعار ، ولكن لا تعرف إلى أين تذهب من هناك فيما يتعلق بإنشاء نظام الألوان المثالي لمشروعك؟ إذا Adobe Color CC هي الأداة التي تبحث عنها بالضبط. يتيح لك Adobe Color CC إنشاء أنظمة ألوان متنوعة وحفظها.
ما عليك سوى إضافة رمز لون سداسي عشري (على سبيل المثال ، # 0babc4) ثم اختر ما إذا كنت تريد أن يكون نظام الألوان متماثلًا ، أحادي اللون ، مكملًا ، مركبًا ، وما إلى ذلك ، إلخ. سهل ومفيد للغاية.
2- Google Chrome DevTools
![Google Chrome DevTools](https://www.toptensarabic.com/wp-content/uploads/2023/05/chrome-devtools-1024x512.png)
Chrome DevTools عبارة عن مجموعة من أدوات مطوري الويب المضمنة مباشرة في متصفح Google Chrome. ستساعدك ميزة التصحيح السريع في توجيهك إلى الأخطاء الموجودة في التعليمات البرمجية الخاصة بك ، مما يوفر لك الكثير من الوقت عند محاولة اكتشاف موقع خطأ الترميز.
ميزة أخرى لا تصدق هي قدرتها على إجراء تغييرات سريعة في الأسلوب و الشكل (Style). فضولي لمعرفة كيف ستبدو الفقرة بخط مختلف؟ هل تتساءل عما إذا كان يجب إضافة المزيد من المساحة المتروكة إلى وحدة نمطية؟ يجعل Chrome DevTools الأمر سريعًا وسهلاً لرؤية كيف ستبدو تغييرات النمط هذه. هذه الأداة ضرورية لأي شخص يعمل في تطوير الويب.
3 – What’s My Browser Size
![What's My Browser Size](https://www.toptensarabic.com/wp-content/uploads/2023/05/086dbcd9b69941c1acf40e7404ad0fb3-1024x529.png)
كما يبدو واضحًا ، يعرض لك تطبيق الويب هذا الحجم الحالي لنافذة المتصفح. يمكن أن يكون هذا مفيدًا في تصميم مواقع الويب سريعة الاستجابة.
4 – Color by Hailpixel
![Color by Hailpixel](https://www.toptensarabic.com/wp-content/uploads/2023/05/html-color-codes-color-palette-generators-color-by-hailpixel-1024x640.jpg)
Color by Hailpixel هي الأداة المثالية لإيجاد واستكشاف تركيبات الألوان ودرجات الألوان. ما عليك سوى تحريك الماوس فوق شاشتك لرؤية الأشكال التي لا تنتهي من الألوان والاستمتاع بها. بمجرد أن تصادف اللون الذي تريده ، انقر فوقه واستمر في البحث عن اللون التالي. يوفر لك التطبيق جميع رموز الألوان السداسية التي حددتها ، وهو أمر مريح للغاية.
5 – Brusheezy
![Brusheezy](https://www.toptensarabic.com/wp-content/uploads/2023/05/brusheezy-logo-opengraph-1024x535.png)
Brusheezy هو المكان المناسب لموارد Photoshop. ستجد هناك مجموعة لا حصر لها من فرش Photoshop والأنماط والأنسجة و PSDs وغير ذلك الكثير – بشكل أساسي أي شيء وكل شيء متعلق ببرنامج Photoshop. جميع الموارد الموجودة على Brusheezy مجانية للتنزيل ، واعتمادًا على الترخيص ، يمكنك استخدامها مجانًا في مشاريعك.
6 – Google Fonts
![Google Fonts](https://www.toptensarabic.com/wp-content/uploads/2023/05/opengraph_color-1024x538.png)
هناك العديد من مواقع الويب الخاصة بالخطوط على الشبكة العنكبوتية ، ولكن يتعين عليك دفع معظمها مقابل حقوق استخدام الخطوط للاستخدام التجاري. إن الشيء الرائع في Google Fonts هو أن كتالوجها الكامل للخطوط مجاني ومفتوح المصدر ، ويمكن لأي شخص الوصول إليه لأي مشروع ، شخصي أوتجاري.
7 – Unsplash
![Unsplash](https://www.toptensarabic.com/wp-content/uploads/2023/05/1x1-1024x538.png)
يقدم Unsplash صورًا مجانية عالية الدقة يمكنك استخدامها في مشاريع تصميم الويب الخاصة بك. الأمر الرائع هو أن جميع الصور الموجودة على Unsplash مرخصة بموجب Creative Commons Zero ، مما يعني أنه يمكنك نسخها وتعديلها وتوزيعها واستخدامها مجانًا (بما في ذلك للأغراض التجارية) ، دون الحاجة إلى طلب إذن من المصور أو تقديم الإسناد إليه أو Unsplash .
8 – Pixabay
![Pixabay](https://www.toptensarabic.com/wp-content/uploads/2023/05/pixabay-5326292_960_720.webp)
مثل Unsplash ، يعد Pixabay موقعًا إلكترونيًا رائعًا آخر وموردًا لصور المخزون المجانية للاستخدام لمشاريع تصميم الويب الخاصة بك.
9 – Iconfinder
![Iconfinder](https://www.toptensarabic.com/wp-content/uploads/2023/05/meta-generic-1024x535.png)
مقرها في كوبنهاغن ، الدنمارك ، تعمل Iconfinder مع مجتمع من مصممي الأيقونات المحليين والدوليين.
يتوسعون باستمرار ويضيفون إلى مجموعتهم الكبيرة جدًا من الرموز المتاحة للتنزيل. بعض الرموز الخاصة بهم مجانية للاستخدام دون إذن. يتمتع الآخرون بحرية الاستخدام مع الإسناد إلى المؤلف ، في حين أن البعض الآخر معروض للبيع ، ولكن بأسعار معقولة جدًا (عادةً 1 دولار أو 2 دولار).
10 – Favicon.cc
![Favicon.cc](https://www.toptensarabic.com/wp-content/uploads/2023/05/favicon-cc-min-1024x612.webp)
يعد هذا الموقع أو الأداة مفيد جدًا لأنه يتيح لك إنشاء رمز مفضل من البداية باستخدام تطبيقهم مباشرة في المتصفح ، أو عن طريق تحميل صورة خاصة بك وتحويلها إلى رمز مفضل. مقارنةً بمولدات الأيقونات الأخرى ، أجد أن favicon.cc هو الأفضل نظرًا لأنه سهل الاستخدام وجودة الأيقونة المفضلة عالية (وليست شديدة التحبب مثل الرموز المفضلة التي تم إنشاؤها بواسطة مولدات favicon الأخرى على الويب).
11 – Font Identifier
![Font Identifier](https://www.toptensarabic.com/wp-content/uploads/2023/05/userful-websites-fontsquirrel-font-identifier.jpg)
هل عثرت على صورة بخط جميل ، لكن لا يمكنك تحديد الخط؟ ما عليك سوى تحميل الصورة إلى Font Squirrel’s Font Identifier وسيخبرك التطبيق باسم الخط. سهل جدا ومريح.
12 – Freepik
![Freepik](https://www.toptensarabic.com/wp-content/uploads/2023/05/userful-websites-freepik.jpg)
يعد Freepik مصدرًا رائعًا للرسوم التوضيحية والتصميم الجرافيكي. لقد اعتدت على ذلك شخصيًا لإنشاء رسوم بيانية مفصلة وجميلة للغاية. ما يميز Freepik هو أنه يمكن استخدام المحتوى في كل من المشاريع الشخصية والتجارية (مع رابط إلى Freepik).
13 – NordPass
![NordPass](https://www.toptensarabic.com/wp-content/uploads/2023/05/nordpass-website-screenshot-1024x516.jpg)
تذكر كلمات المرور الخاصة بك أمر صعب بما فيه الكفاية ؛ حاول تذكر كلمات مرور جميع مواقع عملائك. المهمة المستحيلة! لهذا ، أستخدم NordPass. إنها أداة لإدارة كلمات المرور تجعل من السهل جدًا حفظ كلمات المرور وإدارتها. ما هو رائع أن NordPass يعتمد على السحابة ، لذا يمكنك تسجيل الدخول واسترداد كلمات المرور الخاصة بك من أي مكان وفي أي وقت.
14 – Awwwards
![Awwwards](https://www.toptensarabic.com/wp-content/uploads/2023/05/awwwards-website-screenshot-1024x632.jpg)
هل تحتاج إلى القليل من الإلهام لمشروعك القادم؟ Awwwards هو عرض للمواقع الحائزة على جوائز من جميع أنحاء العالم. يمكنك تصفح مواقع الويب من خلال الفائزين بالجائزة (المرشحين ، مواقع السنوات ، إلخ) ، حسب الفئة (الهندسة المعمارية ، المدونة ، التجارة الإلكترونية ، الموضة ، إلخ) ، حسب اللون ، وحتى حسب البلد.
15 – Dribbble
![Dribbble](https://www.toptensarabic.com/wp-content/uploads/2023/05/userful-websites-dribbble.jpg)
مصدر آخر رائع للإلهام ، Dribbble هو مجتمع من المصممين الذين يتشاركون مع بعضهم البعض ، مع زملائهم من المصممين ، ما يعملون عليه. يتكون المجتمع من مصممي الويب ومصممي الجرافيك والرسامين ومصممي الشعارات وفناني الأيقونات والطباعيين والمبدعين الآخرين الذين يشاركون لقطات شاشة لأي مشروع (مشاريع) يعملون عليه ، مما يجعله وجهة رائعة للوصول إلى أفكار جديدة لمشاريعك .