Android Design

ภาพไอคอนของแอปบนแอนดรอยด์ที่นักพัฒนาควรรู้

App Icon หรือภาพไอคอนของแอปก็เป็นอีกอย่างหนึ่งที่ถือว่าเป็นสิ่งสำคัญสำหรับแอปแทบทุกตัว เพราะภาพไอคอนสามารถสร้างภาพจำให้แก่ผู้ใช้ได้ โดยในบทความนี้จะพามาดูกันว่าการกำหนดภาพไอคอนในแอปบนแอนดรอยด์นั้นมีอะไรบ้างที่นักพัฒนาควรรู้

ภาพไอคอนของแอปบนแอนดรอยด์ที่นักพัฒนาควรรู้
Android Design

รับมือกับปัญหาชวนปวดหัวกับขนาดของตัวอักษรเมื่อต้องเจอกับฟอนต์ที่หลากหลาย

ถ้าพูดถึงเรื่องฟอนต์บนแอนดรอยด์ ผู้ที่หลงเข้ามาอ่านก็คงนึกถึง Roboto เนอะ เพราะมันเป็นฟอนต์ที่ใช้บน Android 5.0 Lollipop เป็นต้นมา ถ้าทำแอปส่วนตัวก็คงไม่ต้องสนใจอะไรมาก แล้วใช้ฟอนต์ Roboto เนี่ยแหละ แต่ทว่าในโลกของการพัฒนาแอปนั้นบอกได้เลยว่า แค่เพียงฟอนต์เดียวก็อาจจะไม่เพียงพอเสมอไป

รับมือกับปัญหาชวนปวดหัวกับขนาดของตัวอักษรเมื่อต้องเจอกับฟอนต์ที่หลากหลาย
Android Design

เปลี่ยน Launch Screen ให้ดูดีกว่าที่เคยเป็นด้วยเทคนิคง่ายๆกันเถอะ

หน้าแรกของแอปฯหรือที่เรียกกันว่า Launch Screen นั้น ก็เหมือน First Impression ของผู้ใช้ที่นักพัฒนาแอนดรอยด์ต้องใส่ใจ ซึ่งแต่ละแอปฯจะมีหน้าแรกแตกต่างกันออกไป บ้างก็จะเป็น Splash Screen ก่อน บ้างก็เปิดหน้า Sign In ขึ้นมาเลย

เปลี่ยน Launch Screen ให้ดูดีกว่าที่เคยเป็นด้วยเทคนิคง่ายๆกันเถอะ
Android Design

เมื่อขนาดหน้าจอของมือถือในยุคใหม่ ไม่ใช่ 16:9 อีกต่อไป

ในทุกวันนี้ตลาดของมือถือแอนดรอยด์เริ่มมีการเปลี่ยนแปลงอยู่ตลอดเวลา ในยามที่ซักแบรนด์จะเปิดตัว Smartphone รุ่นใหม่ ก็มักจะมาพร้อมกับฟีเจอร์และสเปคที่มีการอัปเดตไปตามยุคสมัย แต่สิ่งหนึ่งที่น่าสนใจในช่วงนี้ก็คือเทรนด์ของสัดส่วนหน้าจอที่ไม่ใช่ 16:9 กันอีกต่อไป

เมื่อขนาดหน้าจอของมือถือในยุคใหม่ ไม่ใช่ 16:9 อีกต่อไป
Android Design

แบ่ง Layout ให้รองรับหน้าจอทุกขนาดด้วย Configuration Qualifier กันเถอะ

เรื่อง Multiple Screen Support หรือการทำให้แอปฯรองรับกับหน้าจอทุกขนาดถือว่าเป็นหนึ่งในเรื่องพื้นฐานที่นักพัฒนาจะต้องทำให้ได้ ดังนั้นบทความนี้เจ้าของบล็อกจึงขอแชร์หนึ่งในเทคนิคง่ายๆที่ทำให้แอปฯสามารถรองรับกับหน้าจอทุกขนาดด้วย Configuration Qualifier กัน

แบ่ง Layout ให้รองรับหน้าจอทุกขนาดด้วย Configuration Qualifier กันเถอะ
Android Design

เลิกใช้ Left/Right และเปลี่ยนมาใช้ Start/End ใน UI Layout ได้แล้วนะ

การสร้าง UI Layout ของแอนดรอยด์จะขาด Margin, Padding หรือ Gravity ไปไม่ได้อย่างแน่นอน และนักพัฒนาก็จะคุ้นเคยกันดีกับการอ้างอิงตำแหน่งในรูปแบบของ Top, Bottom, Left และ Right แต่หารู้ไม่ว่าในปัจจุบันนี้แอนดรอยด์ได้เปลี่ยนมาใช้เป็น Top, Bottom, Start และ End แทนแล้วนะ

เลิกใช้ Left/Right และเปลี่ยนมาใช้ Start/End ใน UI Layout ได้แล้วนะ
Android Design

Style and Theme — เพราะชีวิตต้องมีสไตล์

Android Resource เป็นหนึ่งในพื้นฐานของการพัฒนาแอนดรอยด์ที่ออกแบบมาให้อยู่ในรูปของ XML โดยหนึ่งในนั้นจะมีสิ่งที่เรียกว่า Style Resource ซึ่งเป็น Resource ที่มีประโยชน์มากๆในเวลาที่นักพัฒนาต้องทำสร้าง UI ใน Layout Resource

Style and Theme — เพราะชีวิตต้องมีสไตล์
Android Design

จัดการภาพที่ใช้ในบนแอนดรอยด์อย่างไรให้ถูกต้อง

ดังนั้นมาดูกันดีกว่าว่า ปกติเวลาเจ้าของบล็อกต้องทำแอปตัวหนึ่ง เจ้าของบล็อกนั้นมีวิธีจัดการกับไฟล์ภาพอย่างไรไม่ให้มีปัญหาวุ่นวาย

จัดการภาพที่ใช้ในบนแอนดรอยด์อย่างไรให้ถูกต้อง
Android Design

สิ่งที่ควรจะรู้เมื่อต้องตะลุยไปกับงานแอนดรอยด์ที่เกี่ยวกับ Font สุดหรรษา

การ Custom Font หรือเปลี่ยน Font ภายในแอปให้เป็น Font ที่ต้องการ ถือว่าเป็นหนึ่งในเรื่องที่นักพัฒนาสามารถเจอกันได้อยู่บ่อยๆ เพราะไม่ใช่ทุกแอปที่ออกแบบมาเพื่อให้ใช้ System Font ดังนั้นวันนี้ของเล่าเรื่องราวเกี่ยวกับการทำ Custom Font ภายในแอปดีกว่า

สิ่งที่ควรจะรู้เมื่อต้องตะลุยไปกับงานแอนดรอยด์ที่เกี่ยวกับ Font สุดหรรษา
Android Design

เพราะดีไซน์บางอย่างนั้นไม่ได้เหมาะกับบนมือถือเสมอไป

ถ้าลองเจาะจงลึกลงในถึงการดีไซน์สำหรับ “Mobile Application” ก็จะพบว่าดีไซน์บางอย่างนั้นก็ไม่เหมาะกับบนมือถือซักเท่าไร เนื่องจากพฤติกรรมของผู้ใช้แตกต่างไปจากคอมพิวเตอร์

เพราะดีไซน์บางอย่างนั้นไม่ได้เหมาะกับบนมือถือเสมอไป
Android Design

แก้ปัญหาภาพพื้นหลังบิดเบี้ยวได้ง่ายๆด้วย FrameLayout และ ImageView

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

แก้ปัญหาภาพพื้นหลังบิดเบี้ยวได้ง่ายๆด้วย FrameLayout และ ImageView
Android Design

การใช้งาน Nine Patch ในแอปพลิเคชันแอนดรอยด์

Nine Patch หรือ 9-Patch เป็นอีกวิธีหนึ่งที่จะช่วยให้แอปพลิเคชันของผู้ที่หลงเข้ามาอ่านรองรับกับหน้าจอหลายขนาดได้ง่ายขึ้น ซึ่งส่วนใหญ่จะใช้กับ Button โดยการทำงานของ Nine Patch สามารถดูได้ที่ ว่ากันด้วยเรื่อง

Android Design

Padding และ Margin สำคัญและต่างกันอย่างไร?

เพราะการจัด UI บนแอนดรอยด์นั้น จะขาดสิ่งที่เรียกว่า Padding และ Margin ไปไม่ได้เลย เพราะเป็นหัวใจสำคัญในการจัด Layout ของแอปให้มีความสวยงาม ดังนั้นมาทำความเข้าใจในการทำงานและความแตกต่างของ Padding และ Margin กันเถอะ

Padding และ Margin สำคัญและต่างกันอย่างไร?
Android Design

ภาพ Vector ขยายยังไงภาพก็ไม่แตกกกกกก

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