25+ أدوات جديدة لتصميم المواقع
جلبت الأشهر الأخيرة الكثير من الأشياء الرائعة للمصممين على كل مستوى مهارة.
لدينا أدوات لتصميم مواقع الويب. يحاول البعض منهم إنشاء نوع من سير العمل المرئي / الشفري المختلط ، بينما يخفي آخرون الشفرة تمامًا للمبتدئين.
لدينا أيضًا أدوات للنماذج الأولية لكل من التطبيقات والمواقع ، بالإضافة إلى عدة أدوات اختبار إلى جانب ذلك. بعض العلامة التجارية الجديدة. آخرون قد تم منذ بعض الوقت ، ولكن تم تحديثها مؤخرا مع أشياء جديدة رهيبة.
حفر في! الاكتشاف هو نصف المرح.
أدوات التصميم
ماكاو القرمزي
الأول في القائمة هو ماكاو القرمزي ، أداة جديدة للغاية ، لم يخرج بعد! ولكن بعد ذلك ، من الرجال الذين جلبوا لنا ماكاو الأصلية ، لذلك الكثير من الناس متحمسون على أي حال.
الفوترة نفسها ك "بيئة تصميم حي" ، سيتم توجيه Macaw Scarlet نحو جعل تصميم الويب سريع الاستجابة أسهل للجميع.
الذعرة طائر
الذعرة طائر ليست أداة تصميم ، إنها نظام إدارة المحتوى. ومع ذلك ، يمكن بسهولة تضمينه في تصميم تدفق العمل ، خاصة عندما يتعلق الأمر بتصميم المحتوى.
ترى ، لديها ميزة رائعة تسمى Streamfield والتي تعمل كثيرًا مثل محرر المشاركة الخاص بـ Medium. الفرق هو أنه قابل للتخصيص ، وبالتالي أكثر قوة. هذا يجعل الأمر أسهل بكثير على المستخدم لتصميم محتوى على كل صفحة.
مرآة سحرية للرسم 3
هنا واحد لمستخدمي Sketch. أساسا ، فإنه يجعل نوعا من كائن ذكي مصممة لمساعدتك في وضع نماذج بالأحجام الطبيعية في صور الأوراق المالية.
أدوات تأطير الأسلاك
تدفق السلك
هذا يحصل على طابع شخصي من الموافقة. يتم تشغيله بسرعة على الجهاز اللوحي الذي لا يتسم عادةً بالرسم ، ويأتي مع كل ما تريده من تطبيق تأطير الأسلاك.
تم تصميمها أيضًا للعمل مع أجهزة بحجم الهاتف ، والتي قد تكون طريقة رائعة لعرض واجهة تطبيق الهاتف بشكل صحيح.
طقم إطار السلك من Apple Watch
إطار إطار السلك عناصر لـ Apple Watch! ما اكثر ما تحتاج لمعرفته؟
PowerMockup
كان هناك أكثر من مجموعة أدوات wireframe لبرنامج Apple Keynote. لقد كانت مسألة وقت فقط قبل أن يقوم شخص ما بتحقيق ذلك لـ Powerpoint. ولديهم. ها هو.
أدوات النماذج الأولية
فن قص الورق
يأتي على طول الطريق من Facebook نفسه: " فن قص الورق هي أداة مجانية لتصميم واجهات المستخدم الحديثة. ضع نموذجًا أوليًا سريعًا بسرعة ، وشغّله على جهاز iPhone أو iPad ، وتكراره ، وتصدير مقتطفات الشفرة التي يمكن لمهندسيك استخدامها. "
لا توجد أي كلمة حتى الآن حول مدى فائدة تلك المقتطفات البرمجية فعليًا. لكنه الفيسبوك. لديهم مهندسون جيدون.
أعجوبة
باستخدام أدوات بسيطة وخطة صلبة مجانية ، أعجوبة يجعل التطبيق عظيم جدا. فهو يتكامل مع Dropbox و Google Drive ، مع استيراد أي صور تحددها ، ويسمح لك بربطها معًا في نموذج سريع للتطبيق.
إنه يحافظ على مزامنة صورك المستوردة أيضًا. إذا قمت بحفظ إصدارات جديدة إلى Dropbox أو Google Drive ، فسيتم تحديث تطبيق النموذج الأولي تلقائيًا.
Protosketch
Protosketch هو التطبيق (نوع) من النماذج (prototyping) مصمم خصيصًا لجهاز iPad. لأنه يأتي مع مجموعة واجهة المستخدم (بما في ذلك طن من المكونات) ، وأدوات مكافحة ناقلات أساسية ، وأدوات المحاذاة ، وأكثر من ذلك بكثير .
إنه حاليًا في الإصدار التجريبي ، وهو مخصص لجهاز iPad فقط ، ولكن إذا كان هذا هو النظام الأساسي ، فقد يكون هذا مثاليًا لك. إنه يلعب بشكل رائع مع التطبيقات الأخرى أيضًا: يمكنه تصدير ملفاتك بتنسيقات نقطية ، SVG ، و PDF.
Frontify
مثل العديد من الأدوات الأخرى في هذه القائمة ، Frontify يقوم بالنماذج. كما يقدم أدوات لجعل العمل على أدلة العلامة التجارية والأسلوب كمجموعة أسهل. قم بإنشاء لوحة الألوان الخاصة بك ، وحدد أسلوبك ، وإنشاء مكتبة تضم عناصر واجهة المستخدم ، وشاركها مع باقي أعضاء فريقك.
الذري
استعمال الذري لسحب ملفاتك من Photoshop أو Sketch وإجراء نماذج أولية منها. التحكم في الإصدار ، وميزات التعاون ، وأكثر من ذلك جعل هذا أداة ممتازة لتصميم بقعة ، سريع ، تكراري.
شكل
شكل هو منشئ النماذج الأولية المتقدمة التي تعمل جنبا إلى جنب مع اي فون الخاص بك. أنشئ النموذج الأولي على سطح المكتب أو الكمبيوتر المحمول ، وشاهد النتائج فورًا على هاتفك. بالإضافة إلى ذلك ، تستخدم مبادئ تصميم المواد في Google لجعل النموذج الأولي الخاص بك يبدو رائعاً.
Pixate
Pixate يتخصص في النماذج "الأصلية" عالية الدقة التي يتم عرضها على هاتفك وتعمل إلى حد كبير مثل الشيء الحقيقي.
بناة الويب
Sandvox
Sandvox هو تطبيق Mac لغير المبرمجين بيننا. إنه مستند إلى قالب إلى حد كبير (كما هو الحال مع جزء متزايد باستمرار من الإنترنت) ، ولكنه يجعل من المستعرضات للمستخدمين الأكثر تقدمًا إضافة أشياء يدويًا.
فهو بمثابة نوع من أنواع CMS لبعض أنواع المواقع ، مثل المدونات ، وعلى الرغم من أن البرنامج ليس "جديدًا" ، إلا أن الإصدارات الحديثة أدخلت Sandvox Hosting. قد تفسد المبرمجون بيننا في الفكرة ، لكن بالنسبة للمبتدئين ، فإن صفقة الطرود كبيرة بالفعل.
إنه يعمل مع أي مضيف ، على الرغم من ذلك ، إذا كنت ترغب في التعامل مع ذلك بنفسك ، يمكنك ذلك.
XPRS
منشئ الموقع للمبتدئين ، XPRS تقدم مواقع مجانية للاستخدام الشخصي ، للفنانين والطلاب. هناك خطط للمحترفين للأعمال والتجارة الإلكترونية.
بناة وورد
Themify التدفق
قد يكون لـ WordPress منتقديه ، لكن البعض الآخر يأخذها في اتجاهات جديدة مدهشة. قرر الأشخاص في Themify ، على سبيل المثال ، أن الوقت قد حان لإنشاء أداة تصميم على قمة منصة النشر.
النتيجه هي Themify التدفق مما يتيح لك إنشاء مظاهر ووردبريس مخصصة ومتجاوبة من واجهة السحب والإسقاط. أفضل للجميع ، إنه مجاني ومفتوح المصدر.
حجر الأساس
حجر الأساس هو نوع من التنافس مع Themify Flow ، من حيث أنه يوفر طريقة مرئية لإنشاء موضوعات WordPress ، مباشرة فوق WordPress نفسه.
وهي تعمل متباينة ، ومع ذلك. على سبيل المثال ، تحتوي على محرر رمز مباشر ، وميزات أخرى لتصميم إمكانية الوصول إلى تصميم الواجهة الأمامية. أيضا ، انها ليست حرة ، إلا إذا كنت تشتري X الموضوع .
Qards
Quards هو مكون إضافي آخر لبرمجة الصفحة في WordPress. تتم معظم أعمال التصميم من أجلك ، ولكن بدلاً من اختيار قالب واحد ، يمكنك إنشاء كل صفحة باستخدام "البطاقات".
وهي عبارة عن أقسام تخطيط سابقة الإعداد يمكن خلطها ومطابقتها لإنشاء صفحة كاملة. من الجيد للصفحات المقصودة ، وترتيب المقالات الفردية بطرق جديدة ومبتكرة ، ومواقع ترويجية ، وأنواع من الأشياء.
أدوات التعاون والإنتاجية
تناوب
سريع وسهل أداة لمستخدمي Slack الذين يحتاجون إلى مشاركة أعمال التصميم الخاصة بهم كثيرًا. باستخدام الإضافات / التطبيقات لـ Adobe CC و Sketch و Chrome و OSX ، يعمل ذلك على تبسيط مشاركة كل ما تعمل عليه.
سكالا معاينة
هل تريد مشاهدة معاينات كل ما تعمل عليه في Photoshop أو Android؟ مجرد تركيب سكالا معاينة ، وستتمكن من إرسال معاينات بالألوان بدون فقدان إلى أي جهاز محمول.
لأنه يأتي مع خيار توصيل الجهاز بالكمبيوتر عبر USB بدلاً من استخدام wi-fi.
RightFont
RightFont هو مدير خط سريع وجذاب لـ Mac يتكامل مع Adobe CC و Sketch.
كود جديد
مسج 3
ال مسج 3 ألفا وقد تم الافراج عنه. لا توجد أي ميزات جديدة يمكن الحديث عنها ، ولكن كان هناك إعادة كتابة شاملة للميزات القديمة ، وإصلاحات الأخطاء ، وتحسينات الأداء.
Simpler Sidebar
بالحديث عن jQuery ، هناك عدد من الإضافات الجديدة التي يمكن أن تجعل مهمة المصمم أسهل بكثير ، خاصة إذا كنت مصممًا يرمز أيضًا إلى بعض الشيء.
نبدأ مع Simpler Sidebar ، مما يجعل sidebars. إنه صغير ، إنه سريع ، إنه جميل. فقط لا تستخدم قائمة الهامبرغر لتحريكها ، أعتقد.
Labelauty
تسمية الخاص بك أزرار الاختيار وخانات الاختيار في الاسلوب. كبيرة للمصمم الذي لا يستطيع فقط السماح للمتصفحات القيام بالأشياء بطريقتها الخاصة.
نائب الذكية
عند ملء النماذج ، أقوم أحيانًا بالنقر فوق حقل ، وتشتيت الانتباه ، ثم العودة إليه. إذا تم تصنيف هذا الحقل بسمة العنصر النائب ، فأحيانًا أضطر إلى إلغاء تحديده لتتذكر ما من المفترض أن أقوم بكتابته.
سخيف ، ولكن الإنسان.
نائب الذكية يحل مشكلة التصميم هذه عن طريق إبقاء العنصر النائب مرئيًا أسفل النص الذي يتم كتابته. أنيق ، صحيح؟
أدوات منعشة
سنكون مقصرين إذا لم نسترعي الانتباه إلى العمل الرائع الذي يتم تنفيذه على التطبيقات المعروفة بالفعل. فيما يلي تلك التي لديها بعض التحديثات الجديرة بالملاحظة في الآونة الأخيرة:
Webflow
تم Webflow دمج خدمات طرف ثالث في وظائفه (مثل الكثير من بقية الإنترنت) في بعض الطرق الجديدة. حتى الآن ، يمكنك إضافة وظائف إلى نماذج الويب الخاصة بك مباشرة من Webflow.
يمكنك إضافة رسائل بريد إلكتروني إلى قوائم Mailchimp ، أو إرسال التغريدات ، أو إضافة بيانات إلى جداول بيانات Google ، أو إنشاء ملاحظة جديدة مع Evernote. يمكنك أيضًا ، بالمناسبة ، إرسال النموذج الخاص بك عبر البريد الإلكتروني.
إنفجن
لقد تم إدخال InVision ميزات جديدة بثبات ، بما في ذلك اختبار المستخدم المجاني غير المحدود للجوّال ، ومدير تدفق العمل ، وتكامل Dribbble ، والرموز التعبيرية. نعم ، رمز تعبيري.
لافت للنظر
في الأشهر الأخيرة ، أدخلت بشكل لافت للنظر محرر صفحة جديدة ، تعاون ، وحتى أنه أضاف تغذية ار اس اس لوظائفها في المدونة ... تأخر أفضل من عدمه.
أدوبي موسى
أخيرا، أدوبي موسى لا يزال شيء - مهلاً ، لا يحتاج الجميع إلى قوة DreamWeaver. مثل الأخت الأكبر سناً ، يمكن أن يستخدم موسى الآن أي خط من TypeKit.
كما يمكنه الآن إنشاء المدونات ومواقع التجارة الإلكترونية وتحسين نماذج الاتصال. بالإضافة إلى ذلك ، مثل بعض التطبيقات الأخرى في مجموعة تطبيقات CC ، يمكنها الآن الوصول إلى التطبيقات الضخمة Adobe Stock مكتبة.
