أفضل أدوات تصميم الويب

بقلم برادلي نايس ، مدير المحتوى في ClickHelp.com - أداة توثيق البرامج

هل أنت مصمم على شبكة الإنترنت؟ ثم يجب عليك التحقق من هذه الأدوات الرائعة لتصميم المواقع لتعزيز حياتك المهنية في التصميم.

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

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

تصميم شعار

  • Logotype Maker (مجاني) - توليد عشوائي من الشعارات لشركتك ؛
  • Logo Makr (مجاني) - منشئ شعار بسيط مع مواد الرموز المسطحة.
  • DesignMantic (مجاني) - أدخل اسم الشركة ، واختر مجالك ، وسيولد شعارًا لك ؛
  • ؛ SquareSpace (مدفوع) - إنشاء شعارات باردة عن طريق السحب والإفلات.
  • Logo Genie (مدفوع) - Logo Genie يجعل تصميم الشعار سهلًا وممتعًا ؛
  • شعار حديقة (مدفوع) - الجيل التلقائي من الشعارات.
  • Logoshi (مدفوع) - رسم تخطيط فوضوي والحصول على شعار عصري بارد.
  • Logaster (مدفوع) - جعل شعار لائق دون أي مهارات التصميم ؛
  • Logo Maker (Paid) - توليد المئات من الشعار المحتمل وتعديلها عبر الإنترنت ؛
  • Graphic Springs (Paid) - اختر قالب الشعار ، ثم قم بتعديله ، ثم قم بتنزيله ؛

طباعة

  • Google Fonts (Free) - البحث عن الخطوط عالية الجودة واستخدامها لمشاريعك ؛
  • Fontstruct (مجاني) - أداة بناء الخط عبر الإنترنت ، يمكن مشاركة الخطوط وتنزيلها ؛
  • Type light (مجاني) - محرر خطوط Open Type يعمل بكامل طاقته ؛
  • ؛ Fontface Ninja (Free) - حدد هذا الخط الرائع على الصفحة التي تتصفحها ؛
  • 1001 Fonts (Free) - مكتبة ضخمة من الخطوط.
  • Font Squirrel (Free) - أفضل قاعدة بيانات الخطوط الحرة.
  • Typecast (مجاني) - قم بإنشاء تصميمات مرئية ودلالية تضع النوع أولاً ؛
  • Font Flame (Free) - صوفان لقرن الخط. اكرهها او استخدمها
  • What Font is (Free) - تحميل الصور والعثور على الخط بسهولة ؛
  • Adobe Typekit (مدفوع) - احصل على الوصول إلى مجموعة ضخمة من الخطوط المتميزة ؛

محرري الرسومات

  • Gimp (مجاني) - محرر مفتوح المصدر لتحرير وتنقيح الصور.
  • Blender (مجاني) - إنشاء ثلاثي الأبعاد مفتوح المصدر ؛
  • DAZ 3D (مجاني) - لإنشاء البشر والحيوانات واقعية في 3D.
  • BeFunky (Free) - مكتبة ضخمة من الخطوط.
  • Pixlr (مجاني) - محرر الصور على الإنترنت ؛
  • Aviary (مجاني) - تطبيق تعديل الصور للجوال لنظام Android / iOS والويب ؛
  • Photoshop (مدفوع) - واحدة من أفضل الأدوات في هذه الصناعة. مثالي لتحسين الصور الفوتوغرافية والتصاميم والأعمال الفنية ثلاثية الأبعاد ؛
  • Illustrator (مدفوع) - لبناء الفنون الجميلة ناقلات.
  • تقارب (مدفوع) - أداة تحرير الصور. لنظام التشغيل Mac فقط ؛
  • DrawPlus (مدفوع) - إنشاء شعارات مذهلة والرسومات والتصاميم ، بسعر معقول ؛

الألوان

  • Color Hunt (مجاني) - مجموعة منسقة من الألوان الجميلة.
  • TinEye (مجاني) - تحديد الألوان الخاصة بك والبحث عن الصور مع مزيج الألوان المثالي ؛
  • ColorZilla (مجاني) - ملحق مثالي لاختيار الألوان من صفحة الويب ؛
  • Unclrd (مجاني) - امتداد متصفح يحول كل موقع ويب إلى أبيض وأسود ؛
  • Paletton (مجاني) - أداة لإنشاء مجموعات الألوان ؛
  • Adobe Color CC (Free) - إنشاء وحفظ أنظمة الألوان المختلفة ؛
  • مبردات (مجاني) - مولد اللون للتصميمات الخاصة بك ؛
  • Colicious (مجاني) - فقط اضغط على شريط المسافة وتوليد لون جديد.
  • Hex Color Tool (Free) - أداة اختيار الألوان ؛
  • Pictaculous (مجانًا) - تتولد لوحة الألوان من PNG و JPG و GIF ؛
  • ColorDrop (مجاني) - أداة لمطابقة الألوان ، تتيح لك حفظ مجموعات الألوان المفضلة لديك ؛
  • ColorFavs (مجاني) - أداة رائعة حيث يمكنك بسهولة إنشاء لوحة ألوان عن طريق سحب صورتك وإفلاتها أو إدخال عنوان URL أو تحديد قيم عشوائية ؛

النماذج

  • HTML5 UP (مجاني) - قوالب HTML5 سريعة الاستجابة وقابلة للتخصيص ؛
  • Napkin (Free) - تطبيق لتصميم mocks سريعة على iPhone الخاص بك ؛
  • Weld (Free) - ارسم موقع الويب الخاص بك على الإنترنت ، بالطريقة التي تريدها تمامًا ؛
  • Sketch (Paid) - الأداة المثالية لتصميم UI و UX. لكن متوافق فقط مع Mac ؛
  • Proto.io (Paid) - أداة النماذج الأولية لتطبيقات الجوال التي تتيح لك إنشاء نماذج أولية لتطبيقات الجوال التفاعلية ؛
  • Moqups (Paid) - تطبيق ويب يستند إلى HTML5 لإنشاء إطارات سلكية وتصميمات واجهة المستخدم ونماذج أولية ونماذج بالحجم الطبيعي ؛
  • Flinto (المدفوع) - رسم النماذج التفاعلية التفاعلية من الصور الثابتة.
  • Balsamiq (مدفوع) - أداة للتشكيل وربط الأسلاك مع التركيز الكبير على قابليتها للاستخدام
  • Axure (Paid) - تصميم النماذج الأولية بسرعة من جهاز الكمبيوتر الخاص بك ومشاركتها.
  • POP (مدفوع) - يساعدك على نقل الأفكار ورقة + قلم إلى نموذج عمل حقيقي ؛

مخزون الصور

  • Pexels (مجاني) - قاعدة بيانات ضخمة من الصور الأسهم يمكنك استخدامها في كل مكان.
  • New Old Stock (مجاني) - صور عتيقة من الأرشيفات العامة ؛
  • Superfamous (مجاني) - مجموعة ضخمة من الطبيعة ولقطات واسعة الزاوية ؛
  • The Pattern Library (مجاني) - عدد كبير من الأنماط والقوام.
  • Unsplash (مجاني) - 10 صور جديدة كل 10 أيام ؛
  • FoodiesFeed (مجاني) - صور الطعام المجانية.
  • Death to the Stock Photo (مجاني) - صور مجانية إلى بريدك الإلكتروني كل شهر ؛
  • Refe Photos (مجاني) - قائمة ضخمة من الصور. صور الطبيعة والطبيعة في الغالب؛
  • صور صغيرة (مجانية) - صور عالية الدقة وبناء الصور ؛
  • Gratisography (مجاني) - قاعدة بيانات ضخمة من الصور المجانية.
  • Picography (مجانًا) - اختيار رائع للصور التي تم إصدارها بموجب ترخيص المشاع الإبداعي CC0 ؛
  • Pixabay (مجاني) - مصدر للحصول على صور مجانية عالية الجودة.

الرسومات الأسهم

  • GraphickStock (مجاني) - عدد غير محدود من الصور عالية الجودة وخالية من الملوك والمتجهات والرسوم التوضيحية ؛
  • Brusheezy (مجاني) - فرش فوتوشوب مجانية وأنماط وأنسجة وغير ذلك الكثير ؛
  • Iconfinder (مجاني) - محرك بحث للأيقونات المجانية.
  • Brushez (مجاني) - مجموعة ضخمة من فرش فوتوشوب المجانية ؛
  • Vecteezy (مجاني) - مجموعة كبيرة ومتنوعة من الأصول ناقلات بما في ذلك الرموز والرسوم التوضيحية.
  • Font Bundles (Paid) - موطن الخطوط المتميزة وحزم الخطوط ؛
  • The ispot (Paid) - الرسوم التوضيحية المتميزة من كبار الفنانين ؛
  • أيقونات دائرية (مدفوعة) - أكبر حزمة أيقونات في العالم ؛
  • Webalys (مدفوع) - أيقونات مميزة بواسطة فنسنت لو موين ؛
  • Illustrio (مدفوع) - مكتبة واسعة من الصور.

الرسوم البيانية

  • Vizualize.me (مجاني) - إنشاء الرسم البياني الخاص بك أو استئناف ؛
  • Canva (مجاني) - أداة تصميم بسيطة لإنشاء أي شيء تحتاجه ؛
  • Infogr.am (مجاني) - أداة على الإنترنت للرسوم البيانية والرسوم البيانية التفاعلية ؛
  • Venngage (مجاني) - سهل infographic صانع.
  • Draw.io (مجاني) - أداة عبر الإنترنت لصنع مخططات التدفق ومخططات العمليات ومخططات الشبكة ؛
  • Piktochart (مجاني) - تصميم infographic الطبيعي لإنشاء رسومات عالية الجودة ؛
  • Visme (مجانًا) - أداة العرض التقديمي والرسوم البيانية عبر الإنترنت مع 1000 من القوالب والرسومات.
  • Easel.ly (مجاني) - قوالب الرسوم البيانية والسيرة الذاتية ؛
  • Gliffy (مجاني) - أداة رسم تخطيطي عبر الإنترنت ؛
  • Visage (مجاني) - أداة تصميم بسيطة لإنشاء محتوى مرئي ؛

تعاون

  • Lingo (مجاني) - مع Lingo ، يمكنك بناء ومشاركة مكتبات الأصول المرئية ؛
  • Bounce (مجاني) - طريقة سهلة لمشاركة أفكارك على أي موقع ويب ؛
  • Marqueed (مجاني) - ترميز ومناقشة الصور عبر الإنترنت. مفيدة جدا للفوتوشوب.
  • Zeplin (مجاني) - تطبيق تعاون لمطوري الواجهة الأمامية ومصممي واجهة المستخدم ؛
  • Cage (مجاني) - لوحة معلومات لطيفة للتعاون مع الفريق والعملاء ؛
  • GoVisually (مدفوع) - واحدة من أفضل الأدوات لجمع تعليقات العملاء لمشاريعك ؛
  • TrackDuck (مدفوع) - يسمح بترك الملاحظات مباشرة على موقع ويب أو ملف صورة ؛
  • Red Pen (Paid) - قم بسحب وإفلات التصميم الخاص بك والحصول على ردود الفعل من أصدقائك ؛
  • Usersnap (مدفوع) - يتيح لك التقاط لقطات شاشة لصفحات الويب والتعليق عليها ؛
  • InVision (مدفوع) - النظام الأساسي والتعاون وسير العمل.

وحي

  • Dribbble - أكبر مجتمع للمصممين ومكان عملهم ؛
  • Behance - اكتشف أحدث الأعمال من أفضل المحافظ على الإنترنت من قبل محترفين مبدعين ؛
  • Muzli - إلهام التصميم اليومي.
  • Awwwards - أفضل الجهود من قبل المطورين والمصممين ووكالات الويب في العالم ؛
  • Design You Trust - مدونة التصميم ومجتمع ضخم يشارك أحدث الاتجاهات والأخبار والمحافظ وتصميم الأزياء والإعلانات الإبداعية ؛
  • رسائل بريد إلكتروني جيدة حقًا - مجموعة ضخمة من رسائل البريد الإلكتروني المصممة جيدًا
  • Fubiz - واحدة من المنشورات الإبداعية الأكثر شعبية التي تغطي آخر الأخبار الإبداعية.
  • Designspiration - لوحة على طراز Pinterest من إلهام التصميم رفيع المستوى ؛
  • Mobile Patterns - مكتبة من لقطات شاشة iOS و Android لإلهامك ؛
  • One Page Love - معرض يعرض أفضل تصاميم مواقع الويب من صفحة واحدة.

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

ربما يعجبك أيضا:

  • كيفية البقاء عاطفي ودوافع كمصمم ويب
  • أعلى مدونات حول تصميم المواقع وتطوير الشبكة

أتمنى لك نهارا سعيد!

برادلي نيس ،
إدارة المحتوى على ClickHelp.com - أفضل أداة توثيق عبر الإنترنت لبائعي SaaS