บันทึกการพัฒนา Fluffmark: ทำให้คำอธิบายประกอบรูปภาพเป็นเรื่องน่ายินดี

ความคิดมาจากไหน

Fluffmark มีต้นกำเนิดที่ตลก ฉันตั้งใจจะสร้างองค์ประกอบคำอธิบายประกอบที่ใช้ร่วมกันสำหรับแอปรูปภาพทั้งหมดของฉัน ขณะที่ฉันทำงานนี้ ฉันก็มีความหลงใหลในตัวผลิตภัณฑ์นี้อย่างไม่คาดคิด ฉันหลงรักการใช้มันเพื่อโพสต์รูปภาพพร้อมข้อความ และพบว่าตัวเองต้องการแสดงออกมากขึ้น

แอพทำอะไร

ผมขอตรงไปที่คุณสมบัติ

1. ประการแรกคือเป็นแอปคำอธิบายประกอบรูปภาพที่จัดการภาพนิ่ง, GIF และ Live Photos โดยจะส่งออกรูปแบบเดียวกับที่คุณนำเข้า คำอธิบายประกอบบน GIF และ Live Photos จะถูกเพิ่มเป็นภาพซ้อนทับ โดยคงภาพเคลื่อนไหวที่อยู่ข้างใต้ไว้

2. เครื่องมือคำอธิบายประกอบด้วย:

   1. การเพิ่มข้อความ

   2. วาดเส้นโดยมีหัวลูกศรที่ปลายทั้งสองด้านกำหนดได้

   3. การวาดภาพด้วยมือเปล่า

   4. เบลอ

   5. พิกเซล

   6. สี่เหลี่ยม

   7. แวดวง

   8. การแทรกรูปภาพ

   9. การครอบตัดหรือขยายผืนผ้าใบ

   10. มุมโค้งมน

ฉันจะมุ่งเน้นไปที่คุณสมบัติที่ฉันคำนึงถึงมากที่สุด

การเพิ่มข้อความ

เพื่อนของฉัน Xiaoyun และ Xiaoyu มักจะโพสต์รูปภาพพร้อมข้อความที่เขียนลงบนพวกเขาโดยตรงใน WeChat Moments นั่นทำให้ฉันสงสัยว่า แค่เขียนคำโดยไม่ปรับรูปแบบและตำแหน่งจะดีแค่ไหน? ฉันจึงสร้าง การจัดวางข้อความอัตโนมัติ โดยมีรายละเอียดที่เป็นประโยชน์บางประการ:

1. หลีกเลี่ยงหัวเรื่องโดยอัตโนมัติ ค้นหาตำแหน่งสำหรับข้อความที่ไม่รบกวนเนื้อหาของรูปภาพ

2. จับคู่สีโดยอัตโนมัติ ใช้สีหลักจากรูปภาพเพื่อแนะนำชุดข้อความหลายแบบ โดยปกติแล้วค่าเริ่มต้นจะดูดีอยู่แล้ว

   

นอกเหนือจากการควบคุมข้อความทั่วไปแล้ว ฉันได้เพิ่มคุณสมบัติที่ไม่ธรรมดาอีกหลายประการ:

1. พันรอบหัวเรื่อง จัดเรียงคำตามโครงร่างของหัวเรื่องหลัก ซึ่งโดยปกติแล้วคือบุคคล เพื่อสร้างเอฟเฟกต์การตัดคำ

   

2. แปรงข้อความ ให้มองว่าเป็นการตัดหัวเรื่องด้วยตนเอง โดยมีอิสระมากขึ้นในการวาดคำให้เป็นรูปทรงที่ไม่คาดคิด

   

3. ข้อความทูโทนแบบปรับได้ อักขระแต่ละตัวจะเปลี่ยนเป็นสีดำหรือสีขาวตามรูปภาพที่อยู่ด้านล่าง ทำให้เกิดคอนทราสต์ที่ชัดเจนยิ่งขึ้น

   

4. ฟองแชท WeChat ส่วนเพิ่มเติมล่าสุดนี้สร้างรูปลักษณ์ที่คุ้นเคยและสะดุดตาของการสนทนา WeChat ขึ้นมาใหม่ เลือกภาพประจำตัวสำหรับตัวคุณเองและบุคคลอื่นในครั้งแรก จากนั้นนำมาใช้ซ้ำในครั้งต่อไป

   

การวาดภาพด้วยมือเปล่า

1. ลายเส้นพู่กันการประดิษฐ์ตัวอักษร ฉันนำการสาธิตพู่กันประดิษฐ์ตัวอักษรก่อนหน้านี้มาไว้ในโปรเจ็กต์นี้ Fluffmark สามารถสร้างลายเส้นหมึกที่สมจริงมาก แม้แต่วงกลมที่วาดด้วยมือที่เรียบง่ายก็ยังดูสื่อความหมายได้มากกว่าเครื่องหมายพู่กันดิจิทัลทั่วไป

   

2. เล่นจังหวะ เมื่อแก้ไข Live Photo ให้เปิดใช้งานการเล่นจังหวะ ใน Live Photo ที่ส่งออก ภาพวาดของคุณจะปรากฏเป็นภาพเคลื่อนไหวราวกับว่าคุณกำลังเขียนมันอีกครั้ง

   

รูปภาพ

เมื่อแทรกรูปภาพ คุณสามารถดึงหัวเรื่องออกมาได้เช่นกัน นั่นจะเปิดโอกาสในการสร้างภาพตัดปะที่ขี้เล่นทุกรูปแบบ

รายละเอียดอื่นๆ

ฉันใช้เวลานานในการขัดเกลาแอพนี้และใช้มันทุกวัน รายละเอียดการโต้ตอบบางส่วนได้แก่:

1. อินเทอร์เฟซจะซ่อนไว้ในขณะที่คุณใช้เครื่องมือบนรูปภาพ ดังนั้นคุณจึงสามารถเห็นภาพทั้งหมดได้

2. การวาดและการซูมภาพไม่รบกวนซึ่งกันและกัน

3. แถบเครื่องมือได้ผ่านการแก้ไขหลายครั้งเพื่อให้พื้นที่ขนาดเล็กทำงานได้ดี

4. แอพพร้อมใช้งานบน iOS, iPadOS และ macOS บน Mac ฉันทำการปรับปรุงเฉพาะแพลตฟอร์ม เช่น การลากรูปภาพ การใช้กล่องโต้ตอบเปิดและบันทึกโดยใช้ Finder และการรองรับแป้นพิมพ์ลัด

ราคา

นี่คือสิ่งที่ฉันอธิบายว่าเป็นผลิตภัณฑ์ฟรีชิ้นแรกของฉัน โดยมีเพียงการสนับสนุนทางการเงินที่เป็นตัวเลือกเท่านั้น หากคุณชอบ คุณสามารถบริจาคได้ 18 หยวนหนึ่งครั้งหรือ 18 หยวนต่อปี เพื่อช่วยฉันสร้างผลิตภัณฑ์ที่ดีขึ้นและราคาไม่แพง การเลือกไม่มีส่วนร่วมจะไม่ส่งผลต่อฟังก์ชันการทำงานใดๆ ฉันเรียกมันแบบติดตลกว่านี่เป็นจุดเริ่มต้นของการขอทานทางอินเทอร์เน็ต

เช่นเดียวกับแอปอื่น ๆ ของฉัน ไม่มีการจับมือมากนัก ลองใช้เครื่องมือและสำรวจ การเลิกทำและทำซ้ำได้รับการพัฒนามาอย่างดี ดังนั้นคุณจึงไม่ต้องกังวลกับการสูญเสียงานขณะทำการทดลอง ฉันหวังว่าคุณจะสนุกกับการใช้มันและรู้สึกมีแรงบันดาลใจในการแสดงออกมากขึ้น