Print
Details: Category: บทความแอนดรอยด์ | Published: 16 June 2018 | Hits: 10390

โจทย์เป็นอย่างนี่ ? เราจะออกแบบ 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

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