บทความแอนดรอยด์ Java
Design UI Login Layout Android on XD Adobe
Written by มาสเตอร์ อึ่งโจทย์เป็นอย่างนี่ ? เราจะออกแบบ Layout สำหรับ ระบบ การทำ Login มีส่วนของการสมัครสมาชิค แบบนี้
มาสเตอร์ จะใช้ XD adobe ในการออกแบบ ใครยังไม่ติดตั่งไปติดตั่งให้เรียบร้อย http://androidthai.in.th/android-article/88-install-adobe-xd
เปิดออกมาเลยครับ
มาสเตอร์ เลือก Android Mobile
ได้มาละ ไปหา Wallpaper สวยๆ
มาสเตอร์ ใช้บริการที่นี่ครับ https://unsplash.com
แต่รูปที่โหลดมาจะใหญ่มาก ของ Resize นิดนะครับ
เอาไปว่างใน XD เลย
ต่อไปหา รูป Logo ที่เราเตรียมไว้ มาใส่ จัดขนาดตามที่เราต้องการ
สามารถสร้าง Artbord ที่สองได้ครับ
เรียนรู้ไม่ยากครับ
ArtBoard แรก มาสเตอร์ จะทำ Splash Screen ส่วนอันหลังจะทำ Authen
ในส่วนของ Authen หรือ ArtBoard มาสเตอร์ ทำ บรอ ได้ด้วย
ไปตึง Rectangle มาทำส่วนของ EditText
ดึงจุดวงกลมทำโค้งได้ด้วย
ไปโหลด ภาพไอคอนสวยๆ มา ไปที่ https://material.io/tools/icons/?style=baseline มาสเตอร์ ใช้ บริการของ Material ของ Google นะครับ ง่ายสุด
ลากมาวางได้แบบ นี้
สวยงาม
ทำปุ่มบ้าง
ปรับสีให้เป็นสีใส แต่ คงความเป็นเส้นขอบไว้ครับ 2px ครับ
ง่ายมาก หน้า Authen เสร็จละ
ต่อไป สร้างอีก ArtBoard ทำในส่วนของ Register
ดูตัวสำเร็จแล้ว ที่นี่ ครับ สำหรับใครที่ทำไม่ได้ ติดขัดอะไร์ มาสเตอร์ ยินดีช่วยนะครับ ขอบคุณภาพจาก คอร์สอนโปรเจคตัวต่อตัว ใครทำโปรเจคเชือเลย มาสเตอร์รับสอนครับ
