Pixel Studio - محرر فن بكسل للجوّال

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

من يحتاجها على الإطلاق؟

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

Pixel Art editor (SPC Mobile) - المحرر الأكثر شعبية ، أكثر من مليون عملية تنزيل ، بمتوسط ​​تقييم 4.0. يوجد على Google Play ، في App Store لم أجده. آخر تحديث - 2011. تبدو الواجهة ، بعبارة ملطفة ، قديمة الطراز. ومع ذلك ، يستخدمه الكثيرون. الرسوم المتحركة لا تدعم.



dotpict - Easy to Pixel Arts (dotpicko) - محرر مقلد ، أكثر من مليون عملية تثبيت ، تصنيف 4.5. لقد أحببته حقًا ، على الرغم من كل بدائيته وطريقة غير عادية في الرسم مع المؤشر. الرسوم المتحركة لا تدعم. ولكن يوجد فيه معرض على الإنترنت للأعمال مع الإعجابات. كما تحتوي dotpict أيضًا على ألعاب مصغرة مدمجة ، إنها رائعة حقًا) ومع ذلك ، فهي أشبه بقاتل الوقت أكثر من كونها محررًا محترفًا.



8bit Painter (OneTap Japan) - اختيار محرري Google Play ، أكثر من نصف مليون عملية تنزيل ، بمعدل 4.6. تصميم أضيق الحدود ، يمكن رسم بكسل ولا أكثر. لا أدوات إضافية. يمكنني أن أفترض أن هذا أيضًا قاتل للوقت وليس محررًا محترفًا.



Pixly - Pixel Art Editor (Gustavo Maciel) هو محرر جيد ، أكثر من 100000 عملية تثبيت ، تصنيف 4.1 ، آخر تحديث في عام 2016. أول محرر محترف صادفته ، وحتى مع الرسوم المتحركة. واجهة غير مريحة للغاية وغير مفهومة ، والتي غالبًا ما يتم الشكوى بشأنها في المراجعات. ربما تم التخلي عن المشروع.

الاستنتاجات

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

سهلة التعلم ، من الصعب اللعب!

هل تريد الرسم فقط لقتل الوقت؟ لا مشكلة! هل تريد إنشاء لوحة عمل شخصية للعبة؟ من فضلك!

اختيار بيئة التطوير

في الأساس ، أصنع ألعابًا على Unity. وعلى الرغم من أن الكثير من الناس يعتقدون أنه من الغريب تقديم الطلبات على Unity ، إلا أن لدي رأيًا مختلفًا. إذا كان ذلك مناسبًا ، فلماذا؟ نعم ، سيكون تطبيق Unity "سمينًا" وسيزن أكثر بكثير من التطبيق الأصلي الذي يبلغ حجمه مائة أو كيلوبايت. لكن حجم 20 ميغابايت لرسم بسيط الآن لا يخيف أحدا) نعم ، عليك القيام بواجهة المستخدم / UX بدلاً من استخدام واجهة نظام التشغيل. لكننا لا نبحث عن طرق سهلة! من ناحية أخرى ، يوفر استخدام الوحدة مزايا كبيرة للغاية:

• عبر الأنظمة الأساسية ، فهي iOS و Android و UWP
• مجموعة من الأصول في متجر الأصول والتي يمكنك استخدامها لتطويرها
• سرعة التطور (في الواقع ، كان أهم شيء بالنسبة لي)

الواجهة (UI / UX)

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

إذن ، ما هو الحد الأدنى من الأدوات التي يحتاجها المستخدم لبدء رسم فن البكسل؟ ربما هناك حاجة إلى أداة قلم رصاص بالتأكيد. يجب أن يكون هناك اختيار اللون له. ولكن يجب أن يكون هناك إعدادات مسبقة من الزهور (لوحة جاهزة). لن تؤذي القطارة الملونة. والممحاة ، أين ستذهب بدونها؟) الحشو لا معنى له في مكان ما للاختباء. وبالطبع ، يجب أن يكون هناك زر "إرجاع كل شيء إلى الخلف" (بينما يمكن إخفاء "العودة للأمام"). كانت الأدوات المحددة أيضًا بسبب تخطيط الشاشة العمودي ، والذي اعتبرته افتراضيًا. أردت أن أرسم بيد واحدة على هاتف 5 بوصة. لذا ، في الأعلى ، رتبت اللوحة في صفين من 12 لونًا. يبدو لي أن 24 لونًا لفن البكسل ستكون كافية في معظم الحالات. وفي المستقبل سيكون من الممكن عمل شريحة تمرير. في الوقت نفسه ، فإن 12 زرًا في عرض الشاشة مقاس 5 بوصات هي بالفعل حد قابلية النقر. أدناه وضعت شريط الأدوات ، 8 أزرار على التوالي. اللوحة سحرية ، ستفتح (تنتقل من الأسفل) ، تظهر أدوات إضافية.

هذا ما يراه المستخدم الذي قام بتثبيت التطبيق للتو. خذ ورسم ، هل هذا ما تقصده؟) لا كتيبات ونصائح ، يجب أن يكون كل شيء بسيطًا قدر الإمكان!



وهنا واجهة الفنان الذي يخلق الرسوم المتحركة أو الشخصية للعبة:

عن التدريب

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

حول التحليلات

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

حول التوطين

لقد قمت بالترجمة إلى اللغة الإنجليزية بنفسي. قبل إصدار التطبيق ، طلبت أيضًا ترجمة احترافية للنصوص الترويجية للمحلات على موقع ويب Transl.net. جاءت الترجمة إلى اللغات الأكثر شيوعًا (الإسبانية والفرنسية والألمانية والصينية واليابانية) بسعر 20-30 دولارًا (لنص من 150 كلمة). في عملية توطين التطبيق نفسه ، قررت إضفاء الطابع الرسمي على إنجازاتي في أصل مستقل ، وهو متاح الآن في متجر Unity Asset Store . اقرأ المزيد عنه في مقالتي توطين الألعاب والتطبيقات في الوحدة. سريع ومريح . يتم تحديد لغة التطبيق عند التشغيل لأول مرة باستخدام لغة النظام ، ويمكنك تغييرها من خلال الإعدادات:



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

ما هي الخطوة التالية؟

ربما تعبت منك بالفعل) على الرغم من أنني وعدت بأن أخبرك عن التطوير والترويج ، وعن الإحصائيات والخطط المستقبلية؟ حسنًا ، دعنا نتركها للجزء الثاني؟) هناك سأخبرك كيف كتبت مكتبة GIF الخاصة بي ، وكيف ساعدني habr في تنفيذها ، وكيف ظهرت نتيجة للعمل على Pixel Studio في Asset Store 6 أصول مجانية جديدة ، وكيف ، وأين ، وكم روّج للتطبيق ، حول التواصل مع المستخدمين ، حول الكارهين وعن الأشخاص الطيبين الذين ترجموا Pixel Studio لمجموعة من اللغات مجانًا ، حول الأخطاء والعيوب في Pixel Studio ، حول خدمة italki الرائعة التي ساعدتني في تعلم اللغة الإنجليزية وتطوير Pixel Studio. أود أيضًا أن أتحدث عن تجربتي الأولى في النشر في متجر Windows على UWP. في هذه الأثناء ، أشكركم جميعًا على انتباهكم ، حظًا سعيدًا!

عن المؤلف

أنا لا أعتبر نفسي نوعًا من خبراء التصميم أو مطورًا ضخمًا. في العديد من القضايا الفنية ، لست مستعدًا حتى للمجادلة معك. ولكن يمكنني أن أقوم بألعاب وتطبيقات وأصول جيدة (أوه ، كيف أريد أن أصدق ذلك =). ربما يكون Tap Tap Builder هو أصعب مشروع لدي. ولدي آمال كبيرة في Pixel Studio ) في متجر Unity Asset Store ، مع الفنان ، نبيع الأصول بشكل جيد ، على سبيل المثال ، محرر الشخصيات لدينا Fantasy Heroes . كما أحب التواصل مع المستخدمين والمطورين الآخرين وحضور الأحداث المختلفة والهاكاتون. لذا اطرح الأسئلة ، اكتب التعليقات ، إذا كنت تريد - زائد وناقص).

لكن أفضل ، بالإضافة إلى ...