Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Browser Apps

حالة تطبيقات تصميم الويب المستندة إلى المستعرض: 2018 

by
Length:LongLanguages:

Arabic (العربية/عربي) translation by Saadkhaled (you can also view the original English article)

أصبحت التطبيقات القائمة على المتصفح أكثر انتشارًا ، كما أن قابليتها للاستخدام في تصميم الويب تزداد باطراد. بالتأكيد ، قد لا يكون لديهم النكد الكامل للتطبيقات المستندة إلى سطح المكتب ، ولكن لا يزال بإمكانهم أن يكونوا أقوياء للغاية بغض النظر عن ذلك ، كما أنها تأتي مع ميزات لا تعثر عليها عادة في البرامج العادية. 

أولاً ، التطبيقات المستندة إلى المستعرض هي منصة متوافقة. لا يهم ما إذا كان نظام تشغيل سطح المكتب المفضل لديك هو Linux أو MacOS أو Windows أو حتى ChromeOS ، طالما أنه يحتوي على متصفح تود فعله.  استنادًا إلى التطبيقات ، قد تجد أنه يمكنك استخدامها حتى الحصول على أعمال إضافية على جهاز iOS أو Android اللوحي. 

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

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

  • المتجه و UI 
  • Wireframing 
  • تحرير الكود 
  • الصورة و النقطية 

لنذهب! 

المتجه و UI 

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

الأربعة التالية هي أفضل اختياراتي الحالية للتطبيقات المتجهات وتصميم واجهة المستخدم في المتصفح: 

FIGMA 

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

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

من المثير للاهتمام أن أي عنصر داخل إطار ، على سبيل المثال زر "اتصال" ، يمكن أن يكون مرتبطًا بإطار آخر ، مثل إطار يصور صفحة جهة اتصال. يتم ذلك عن طريق سحب خط الاتصال من الزر إلى الإطار المستهدف ، والذي يحول الزر المذكور إلى "نقطة فعالة".  في وضع العرض التقديمي ، إذا تم النقر على نقطة الاتصال ، فسيتم تحميل الإطار المرتبط به ، مما يجعل هذه الميزة رائعة لمحاكاة تدفق الحركة من جزء واحد من واجهة مستخدم الويب إلى جزء آخر. 

عند الانتهاء من مرحلة التصميم ، يجعل Figma من السهل الحصول على المعلومات المطلوبة للتشفير ، مثل الأبعاد ، المواضع ، إعدادات الخطوط ، hexcodes وما إلى ذلك.  يمكن أيضًا إنشاء نسخ ولصق CSS جاهز يمكنك توصيله مباشرةً في شفرتك. وعندما تكون هناك حاجة إلى أصول الصور ، يمكن تصديرها كلها دفعة واحدة أو فردية على النحو المطلوب. 

إذا كانت مهمتك الأساسية في تطبيق متجه يستند إلى مستعرض هو تصميم واجهات مستخدم للويب ، فإن Figma هو خيار صعب جدًا للتجاوز. 

  • التسعير: مجاني لما يصل إلى ثلاثة مشاريع ، 12 دولار / شهر للمشروعات غير المحدودة والميزات الموجهة للفرق. 
  • موقع الويب: www.figma.com 

الجاذبية 

يعتبر Gravit Designer منافسًا جادًا في مجال المتجهات باعتباره تطبيقًا مصمّمًا متعدد الأغراض ومتعدد الأغراض.  إنه قابل للاستمرار تمامًا للاستخدام على المستوى الاحترافي ، وهو أمر أصبح أكثر بروزًا من حقيقة أن Gravit بالكامل ، مائة بالمائة ، مجانًا.  لا توجد رسوم شراء أو رسوم اشتراك أو إعلانات. مجرد فتح التطبيق والتصميم بعيدا. 

يتضمن البرنامج أدوات متجه قوية مثل القلم الكلاسيكي ، أداة بيزيجون سهلة الاستخدام ، وأدوات التظليل والتظليل الممتازة. فهو يوفر القدرة على الحصول على لوحة غير محدودة ، ويحتوي على قائمة طويلة من الإعدادات المسبقة للأبعاد ، بحيث يمكنك التبديل من حجم "موقع الويب - ضخم" إلى حجم "iPhone X" بنقرة زر واحدة. 

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

واحدة من ميزات Gravit المفضلة هي نظامها المرن بشكل لا يصدق من التعبيرات المتعددة والحدود والآثار. يمكن أن يحتوي عنصر واحد على أي عدد من التعبئات والحدود والتأثيرات ، كل منها مع صيغ المزج الخاصة به وإعدادات العتامة ، مما يسمح لك بإنشاء أنماط تصميم مثيرة للاهتمام. 

يتم تحسين الجاذبية بسرعة ، حيث يضيف فريق التطوير ميزات مفيدة للغاية على فترات متقاربة. أضاف التحديث الرئيسي الأخير الرموز والمثبتات المحسنة.  واحد قبل أن التخزين السحابية المضافة ، ويدعم وارتباطات Sketch والمكونات. تتحرك الجاذبية بسرعة وتتحسن كثيرًا. 

إذا كنت تبحث عن تطبيق جيد يمكنك فيه القيام بأي شيء تحتاجه مع المتجهات ، فمن المرجح أن تخدش Gravit تلك الحكة. 

Vectr 

 Vectr هو تطبيق خفيف أكثر من Gravit أو Figma. أصف هذا التطبيق بأنه أحد التطبيقات التي تستخدمها عندما تريد الدخول والخروج بسرعة وبدون منحنى تعليمي حاد.  أدوات Vectr وواجهةها بسيطة وبديهية ، والسلسلة الممتازة من البرامج التعليمية التفاعلية التي يتم استقبالها عند الإطلاق الأول تجعل البرنامج أسرع بكثير. 

إحدى ميزات Vectr الأكثر إثارة للاهتمام هي أنه ، عن طريق ملحق ، يمكن استخدامه كمحرر رسومات كامل داخل منطقة إدارة WordPress ، وهو أمر يمكن أن يكون مفيدًا للغاية بالفعل. 

إذا كنت لا تريد الكثير من الجلبة ، ولكنك تريد مجموعة بسيطة من الأدوات القوية ، فقد يكون Vectr هو التطبيق المناسب لك. 

  • السعر: مجاني 
  • الموقع على الإنترنت: vectr.com 

BoxySVG 

BoxySVG ، كما يوحي الاسم ، هو كل شيء عن SVG. إذا كنت تخطط تحديدًا لتصميم الرسومات المتجهة للويب ، فهذا التطبيق مخصص لهذا الغرض فقط.  لا يحاول BoxySVG الاهتمام بالرسومات المطبوعة أو تصميم الواجهة أو أي شيء آخر يمكن أن يشتت انتباهه عن كونه برنامج تصميم SVG رائع. 

وهي تتضمن ميزات SVG الخاصة مثل القدرة على التحكم في إعدادات مربع العرض ، ومحاذاة الكائنات المتعلقة بمربع العرض ، وإعداد preserveAspectRatio - لا تحتاج إلى حفر رمز SVG الخاصة بك بعد التصدير. وبالطبع ، نظرًا لأنك تقوم بالتصميم في المستعرض ، سترى صور SVG الخاصة بك تمامًا كما ستظهر عند نشرها على الويب. 

إذا كانت SVG هي لعبتك ، خاصة على الويب ، فقم بالتأكيد بالتعرف على ما تقدمه BoxySVG. 

Wireframing 

يمثل Wireframing فئة حيث قد يكون التحديد الحالي المستند إلى المتصفح أقوى بالفعل من عروض سطح المكتب. وقد يساعد ذلك في عدم كون wireframing موارد كثيفة ، وقد يكون الطلب على الأطر السلكية عبر الإنترنت قوياً بسبب الحاجة المتكررة للتعاون خلال مرحلة تخطيط المشروع. 

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

MockFlow 

من المرجح أن يكون MockFlow مسروها بشكل خاص للعديد من مصممي الويب نظرًا لحقيقة وجود مكونات جاهزة للسحب والإسقاط لـ Bootstrap ، وتصميم المواد ، و Foundation ، و KendoUI ، وعدد من الأطر الشائعة الأخرى. كما هو موضح في الصورة أعلاه ، تكون جميع مكونات إطار العمل المألوفة جاهزة للاستخدام ، وهو أمر يمكن أن يكون مفيدًا بشكل لا يصدق للنماذج الأولية السريعة إذا كان إطار العمل المفضل لديك موجودًا في قائمة MockFlow inclusions. 

عندما تستخدم MockFlow لإنشاء إطار سلكي لمشروع يستند إلى إطار ، فسوف يبدو الأمر أشبه بالمنتج النهائي تمامًا ، بينما سيحتفظ السلكي بإمكانية إجراء تعديلات وتكرار سريع. يكون المكون الأساسي للفانيليا افتراضيا ، ولكن كل مكون يمكن أن يكون له لونه وحجمه وخطوطه وتخصيصه حسب الحاجة .

بالنسبة إلى تصميم الويب الذي يركز على إنشاء إطارات ، خاصة إذا كنت تستخدم إطارًا ، فإن MockFlow لديها الكثير لتقدمه. 

  • السعر: مجاني لمستخدم واحد ، تمت إزالة قيود المشاركة من 14 دولارًا في الشهر 
  • موقع الويب: mockflow.com 

Balsamiq 

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

يكون نمط المكونات ثابتًا إلى حد ما ، حيث يبدو معظمه وكأنه كائنات مرسومة باليد. تقول الصفحة الرئيسية بالسامق ، "إنهم يشبهون الرسومات عن قصد! ويشجع على العصف الذهني ".  ويرتبط التركيز على العصف الذهني هذا بأنظمة التعاون التي تسمح بالتقاسم بين أعضاء الفريق ، مما يجعل Balsamiq يبدو أكثر في المنزل في وقت مبكر من عملية التخطيط للمشروع. 

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

  • السعر: من 9 دولارات في الشهر 
  • الموقع على الإنترنت: balsamiq.com 

الطائر المحاكي 

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

يمكن أن يتم التعاون في الوقت الحقيقي ؛ ما عليك سوى مشاركة رابط مع زميلك أو عميلك وستتمكن من نقل التغييرات والاقتراحات على الفور. 

إذا كانت احتياجك الأول هو التواصل الفعال مع الأشخاص خارج الموقع ، فألق نظرة على الطائر المحاكي. 

  • السعر: من 12 دولارًا في الشهر 
  • موقع الويب: gomockingbird.com 

Wireframe.cc

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

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

إن Wireframe.cc متناثر بشكل متعمد ، وأحيانًا عندما تحتاج إلى إزالة بعض الأفكار بسرعة ، فهذا هو ما تحتاج إليه تمامًا. لا يوجد شلل من خلال التحليل هنا ، مجرد الحصول على العمل مباشرة. 

WYSIWYG 

وملء محرري WYSIWYG اليوم بطريقة أو بأخرى تملأ دور برامج التصميم المرئي مثل Dreamweaver و Frontpage المستخدمة ، ولكن بطرق أخرى كثيرة تقدموا بشكل جيد خارج أسلافهم. لا يزال بإمكانهم مساعدة مصممي الويب الجدد في تعلم الحبال ، ولكن يمكنهم أيضًا أن يكونوا مدخرين كبيرين للوقت في المشاريع المتقدمة عند استخدامها من قبل الأيدي المتمرسين. 

دعنا نلقي نظرة عن قرب على اثنين من أكثر تطبيقات تصميم مواقع الويب شيوعًا في WYSIWYG المستندة إلى المتصفح. 

Webflow 

Webflow يقوم بعمل عظيم من كونها مفيدة لكل من الاطباء البيطريون تصميم محنك على حد سواء والمبتدئين على حد سواء. يرجع هذا إلى حقيقة أنه على الرغم من أنه يمكن القيام بكل شيء بصريًا ، فإنك لا تزال تعمل مع جميع الأشياء نفسها التي اعتدت عليها عندما يتم ترميزها يدويًا. 

ستضيف divs وعناصر دلالية ، وستنشئ فصول CSS ، وستحتاج إلى معرفة كيفية عمل المواقع المطلقة والنسبية ، وستكون مسؤولاً عن بناء مواقعك لتكون مستجيبة  لا يوجد هنا طيران أعمى ، عاجلاً أم آجلاً ، سيتوجب عليك معرفة ما يجري خلف الكواليس. يضع كل Webflow واجهة مرئية على تقنيات تصميم الويب التي كنت تفعلها يدويًا. 

بالنسبة للمبتدئين في تصميم الويب ، يمكن لهذا أن يفعل الكثير للمساعدة في عملية التعلم. يمكن أن تساهم رؤية التغييرات التي تجريها في الوقت الفعلي في وقت طويل. للمحاربين القدماء ، Webflow هو أداة أولية كبيرة.  قد لا تزال تفضل كتابة التعليمات البرمجية الخاصة بك ، ولكن Webflow يمكن أن تسمح لك بالتحرك بشكل أسرع عند تقسيم التصميم الخاص بك. لقد استخدمتها شخصيًا مع الترميز اليدوي لتحديد مواعيد نهائية صارمة في أكثر من مناسبة. 

لذلك إذا كنت مصمم ويب حديث العهد يبحث عن سلاسة منحنى التعلم ، أو يد قديمة تبحث عن توفير الوقت ، يستحق Webflow النظر فيه. 

  • السعر: مجاني لمشاريع اثنين ، 16 $ ف / م لعشرة مشاريع ، 35 $ / م لمشاريع غير محدودة. 
  • موقع الويب: webflow.com 

Froont 

عندما يكون Webflow واجهة مرئية على تقنيات تصميم الويب العادية ، فإن Froont يهدف بالتأكيد إلى محاولة رعاية أكبر عدد ممكن من نقاط عملية التصميم لإنشاء عملية تصميم مبتدئ ودودة جدًا. 

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

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

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

  • السعر: من 17 دولارًا في الشهر 
  • موقع الويب: froont.com 

محررو الشفرة 

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

ومع ذلك ، هنا اثنان من المحررين التي وقفت من حزمة ، ويمكن أن تكون في متناول اليد للغاية على الترميز الذهاب. 

الإقحام 

Caret هو واحد من عدد قليل من برامج تحرير التعليمات البرمجية المستندة إلى ويب والتي يمكنك من خلالها فتح ملف محلي. من المحتمل أن يتم ذلك مع حقيقة أنه يتم تثبيته من خلال متجر Chrome الإلكتروني ، مثل تطبيق منتظم ويعمل بلا اتصال.  ستحصل على رمز اختصار لسطح المكتب ، ويتم تشغيله بدون أي كروم متصفح حوله. 

قائمة الميزات مثيرة للإعجاب للغاية ، لا سيما في وسط مشهد تحرير الشفرة القائم على المتصفح القاحل إلى حد ما. يحتوي Caret على تسليط الضوء على بناء الجملة والموضوعات والمؤشرات المتعددة ولوحة الأوامر وإدارة المشاريع ودعم المكون الإضافي وملف إعدادات "user.json" الضخم القابل للتهيئة بحرية. 

ليس برنامج Caret مجانيًا فحسب ، بل إنه مفتوح المصدر أيضًا بموجب ترخيص GPLv2. ثبته من سوق Chrome الإلكتروني ، أو إذا كنت تفضل أن تتمكن من استنساخ الريبو الخاص به والتعامل مع التثبيت يدويًا بنفسك .

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

CodeAnywhere محرر 

لا تسمح لك CodeAnywhere بفتح الملفات المحلية ، ولكن ما يفعله هو الاتصال بسرعة وسهولة مع مزود تخزين طرف ثالث مثل GitHub أو BitBucket أو Dropbox أو خادم FTP ، حيث توجد ملفاتك. لذا ، إذا كنت قد دفعت شفرتك بالفعل إلى التخزين الخارجي في نهاية اليوم على أي حال ، فإن ذلك يمكن أن يجعل هذه العملية أكثر سلاسة. 

لا تسمح لك CodeAnywhere بفتح الملفات المحلية ، ولكن ما يفعله هو الاتصال بسرعة وسهولة مع مزود تخزين طرف ثالث مثل GitHub أو BitBucket أو Dropbox أو خادم FTP ، حيث توجد ملفاتك. لذا ، إذا كنت قد دفعت شفرتك بالفعل إلى التخزين الخارجي في نهاية اليوم على أي حال ، فإن ذلك يمكن أن يجعل هذه العملية أكثر سلاسة. 

تتمثل إحدى الميزات الجذابة بشكل خاص في أنها خدمة "حاويات" ، وهي بيئات قائمة على السحاب تشغل CentOS أو Ubuntu ، ويتم تهيئتها مسبقًا لكل من WordPress و NodeJS و Ruby وغيرها. 

إذا كنت تبحث عن طريقة سهلة للعمل على مشاريعك المستضافة خارجيًا ، أو إذا كانت فكرة "الحاويات" تبدو وكأنها ستجعل مشاريعك أكثر سلاسة ، ألقِ نظرة على CodeAnywhere. 

  • السعر : مجاني للميزات الأساسية ، أو من $ 2 p / m لنظام المراجعات ، من $ 7 p / m للحاويات والميزات الإضافية. 
  • موقع الويب: codeanywhere.com 

الصورة و النقطية 

إن نطاق برامج تحرير الصور المستندة إلى المتصفح هو أكثر بقليل من الفئات الأخرى ، وهذا ليس مفاجئًا في الوقت الحالي ، نظرًا لأن تحرير الصور هو على الأرجح أكثر الموارد كثافة وصعوبة في تحقيقه بدون قوة سطح المكتب. 

لدينا ثلاثة من المحررين القادرين على الاختيار من بينها ، ولكن اثنين منهم ، (Pixlr و SumoPaint) ، يتطلبان Flash لذلك إذا كان الوقت قد مضى منذ أن نشطت الفلاش على جهازك فسوف تحتاج إلى تثبيته مرة أخرى من أجل الاستخدام هذين. 

 في هذه الملاحظة ، إذا كنت تريد تمكين Flash ولكن فقط لتطبيقات معينة ، في Chrome ، انتقل إلى chrome: // settings / content / flash ، ثم أضف عنوان URL للتطبيق إلى قائمة المواقع المسموح بها. 

Polarr 

لا يحتاج Polarr إلى Flash ، وهو تطبيق أنيق لتحرير الصور يتيح لك الحصول بسرعة على صور تبدو أنيقة وجاهزة للاستخدام في محتوى مواقعك. فهو يجعل إضافة الفلاتر المحترفة أمرًا بسيطًا من خلال نقرة واحدة ، حيث توجد إضاءة عميقة وأدوات تحكم بالألوان  

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

Polarr مجاني ، ولكن لديك الخيار لشراء إضافات "Pro" إذا كنت ترغب في ذلك ، مثل أداة النص ، مزيل الضوضاء ، مجموعة مرشح صورة ، مجموعة مرشح المناظر الطبيعية ، وغيرها. المجموعة الكاملة من أدوات "Pro" هي 19.99 دولارًا 

إذا كان هدفك الرئيسي هو الحصول على صور رائعة للنشر على الإنترنت ، فإن Polarr هي أداة رائعة لإنجاز هذه المهمة. 

  • السعر: مجاني ، أو إصدار Pro مقابل 19.99 دولارًا 
  • موقع الويب: www.polarr.co 

Pixlr (يتطلب برنامج Flash) 

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

يحتوي Pixlr على الأدوات التي تتوقع أن تجدها في تطبيق النقطية المكتبي ، مثل قلم الرصاص ، الفرشاة ، الممحاة ، الدلو ، التدرج ، ختم النسخ ، الرسم الأساسي ، النص ، التمويه ، الحادة ، التلطيخ ، المراوغة ، الحرق ، إلخ.  يحتوي على نظام نمط طبقة بسيط يتضمن الظل المسقط والظل الداخلي والشطبة والوهج الخارجي والوهج الداخلي. ولديها قائمة شاملة من الفلاتر والتعديلات - فقط ضع في اعتبارك أن هذه الوظائف ليست غير مدمرة. 

يمكنك استخدام Pixlr للتصميم والفن الحر ، وإعادة لمس الصور وتحريرها. إذا كنت تحتاج إلى برنامج قائم على الويب مع أدوات مثل سطح المكتب أكثر من Polarr ، فقد يضيف Pixlr هذه الفجوة لك. 

  • السعر: مجاني 
  • موقع الويب: pixlr.com 

SumoPaint (يتطلب فلاش) 

SumoPaint يشبه إلى حد كبير Pixlr ، و harkens من نفس العصر. كما يحتوي أيضًا على نوع الأدوات التي تتوقع أن تجدها في محرر خطوط البيانات النقطية ، بالإضافة إلى مجموعة قوية من الفلاتر والتعديلات. 

ومع ذلك ، SumoPaint لديه أدوات إنشاء شكل أكثر تقدما ، مثل النجوم والفطائر وهلم جرا. بالإضافة إلى ذلك ، فإنه يحتوي على أداة رسم متناسقة أنيقة ، وأداة تحويل حرة مفيدة.  كما أن لديها بعض أنماط طبقة إضافية: تراكب الألوان ، السكتة الدماغية ، شطبة التدرج وشطبة. 

بشكل عام ، Pixlr و SumoPaint متشابهان للغاية وملءان الدور نفسه بشكل أساسي ، لذلك إذا كنت تبحث عن تطبيق يستند إلى مستعرض من هذا النوع ، فإن أفضل شيء يمكنك القيام به هو محاولة المحاولة ومعرفة أيهما أفضل. 

  • السعر: مجاني ، إصدار Pro من $ 2 p / يوم 
  • موقع الويب: www.sumopaint.com 

تغليف 

ويختتم ذلك 2018 لدينا جولة من الوضع الحالي لبرنامج القائم على المتصفح لمصممي الويب. 

باختصار 

  • محرّكات Vector قوية وهناك منافسة شديدة. 
  • تغطي أدوات الإطار السلكي الطيف من لون واحد إلى الحد الأدنى من النماذج الأولية القائمة على إطار العمل. 
  • محرري الكود ليسوا وافرين ، لكن المواقف لديهم بعض الميزات المقنعة جدا. 
  • تحتاج تطبيقات تصميم البيانات النقطية إلى بعض الحب حيث لا يزال فلاش مستمراً ، ولكن Polarr هو تطبيق رائع لتحرير الصور. 

كملاحظة لمستقبل التطبيقات المستندة إلى المتصفح ، ترقب صعود WebAssembly ، وهي تقنية ناشئة ستسمح حتى للبرامج المكثفة مثل برامج تحرير الفيديو بالتشغيل بالقرب من الأداء المحلي. هذا يمكن أن يهز الامور حقا! 

في هذه الأثناء ، قد تكون سفراتك والأجهزة المحمولة فائقة أكثر إنتاجية كنتيجة لبعض التطبيقات في هذه القائمة! 

Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.