Search
ไหนใครออกแบบหรือทำแอปอยู่บ้างยกมือขึ้น !
.
👉 แน่นอนว่า ถ้าถามถึง OS ของสมาร์ตโฟนเดี๋ยวนี้ สองคำตอบแรกที่นึกออกเนี่ย ไม่ iOS ก็ Android ใช่ไหมล่ะ? แล้วถ้าต้องสร้างแอป ก็คงจะเป็นแอปบน iOS ไม่ก็ Android ไม่ก็ลงทั้งคู่ วันนี้แอดเลยจะมาเล่าว่า ระหว่าง iOS กับ Android มี App UI Design ตรงไหนที่แตกต่างกันบ้าง
.
ถ้าพร้อมแล้วก็ไปหน้าต่อไปเลยจ้า 🔥
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
#ios #Android #uidesigner #BorntoDev
🌈 ในปัจจุบันนี้ผู้คนก็หันมาใช้มือถือกันมากขึ้น เพราะมันสามารถทำงานได้สะดวก ได้ทุกที่ทุกเวลา และการทำแอปพลิเคชันต่าง ๆ ก็ต้องตอบโจทย์กับผู้ใช้ด้วย ที่สำคัญที่มองข้ามไม่ได้ในการทำแอปพลิเคชันเลยคือการออกแบบ UX/UI นั่นเอง
.
📱 มือถือนั้นมีหน้าจอเล็กกว่าคอมพิวเตอร์มาก การออกแบบก็จะต้องคำนึงถึงการใช้งานของผู้ใช้เป็นหลัก หากมีฟังก์ชันภายในเยอะก็ต้องทำการแบ่งหน้าการทำงานของแอปพลิเคชันให้ดี จึงจำเป็นต้องออกแบบ Mobile Navigation (การนำทาง) ซึ่งเป็นส่วนหนึ่งของการออกแบบ UX/UI ให้ผู้ใช้ไม่งง และสามารถใช้แอปพลิเคชันของเราได้อย่างราบรื่นนั่นเอง
.
🔹 Mobile Navigation (การนำทาง) เป็นการย้ายระหว่างหน้าจอของแอปพลิเคชัน เพื่อไปยังเนื้อหาที่ต้องการ
.
ส่วนประเภทของ Mobile Navigation มีดังนี้
🤚 1) Lateral navigation (ด้านข้าง) การเลื่อนไปมาระหว่างหน้าจอในลำดับเดียวกัน ช่วยให้เราสามารถเข้าถึงปลายทางเนื้อหา หรือฟีเจอร์ต่าง ๆ ของแอปพลิเคชันได้ เช่น การใช้แท็บเพื่อแบ่งประเภทของเนื้อหา ผู้ใช้สามารถเข้าถึงเนื้อหาได้จากการกดแท็บสลับไปมานั่นเอง
.
👉 2) Forward navigation (ข้างหน้า) เป็นการเลื่อนไปมาระหว่างหน้าจอในลำดับที่ต่อเนื่องกัน เพื่อดูรายละเอียดของเนื้อหาที่ต้องการ อย่างเช่น แอปพลิเคชัน Grab เราสามารถเลื่อนเพื่อเลือกร้านอาหาร และกดเข้าไปเพื่อดูเมนูที่ต้องการ หากจะสั่งก็สามารถกดเข้าไปที่เมนูนั้น ๆ เพื่อเลือกวัตถุดิบเพิ่มเติมได้นั่นเอง
.
👈 3) Reverse navigation (ย้อนกลับ) การย้อนกลับระหว่างหน้าจอ เพื่อย้อนไปยังเนื้อหาก่อนหน้าตามต้องการ เช่น ปุ่มย้อนกลับของเบราว์เซอร์ และในแอนดรอยด์ แต่ใน IOS ได้ออกแบบมาง่ายขึ้นโดยให้ผู้ใช้สามารถสไลด์หน้าต่างเพื่อย้อนกลับได้เลยนั่นเอง
.
จบกันไปแล้ววว แอดขอบอกเลยว่าเรื่องนี้เป็นพื้นฐานที่สำคัญมากในการออกแบบแอปพลิเคชัน หวังว่าจะเป็นประโยชน์กับเพื่อน ๆ นะ
.
หากใครชอบเนื้อหานี้ ฝากกดไลก์ กดแชร์เพื่อเป็นกำลังใจให้แอดด้วยนะ ❤️
.
📑 Source : https://material.io/design/navigation/understanding-navigation.html#reverse-navigation
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
▋回歸復古潮流的玻璃擬態
玻璃擬態(Glassmorphism)早在 2013 年就被廣泛引入 IOS 系統，毛玻璃一般的磨砂質感與彷彿可略窺見背景的透光質感，讓許多設計師都愛不釋手(?
這種效果該如何在 Figma 上實現呢?一起看看吧 :)
參考資料:
https://www.techbang.com/posts/82838-will-glassmorphism-become-a-new-trend-in-the-ui
https://www.youtube.com/watch?v=GLHut0BM9nc&ab_channel=Malewicz
#Glassmorphism #UItrend #design #graphicdesign #UIdesign #UIUX
