🚀 จะดีกว่าไหม .. ถ้าเราสามารถทดสอบไอเดียของเราได้ โดยไม่ต้องลงทุนสร้างเว็บ หรือ แอปตั้งแต่เริ่มต้น !!
.
วันนี้แอดจะมาแนะนำโปรแกรม Adobe XD โปรแกรมที่ช่วยให้เราออกแบบ UI และ ทดสอบ UX ได้ง่าย ๆ ในไม่กี่ชั่วโมง !
.
แต่ถ้าพูดถึง Adobe หลายคนคงพูดเป็นเสียงเดียวกันว่าาา
.
🔥 "แหนะะะ !! เสียตังอีกแน่เลยยย"
.
"เดี๋ยวก่อนนนน โปรแกรมนี้ใช้แบบเบื้องต้นฟรี ไม่จำกัดเวลาด้วยนะ จะเสียเงินก็แค่ถ้าเราทำหลาย ๆ โปรเจคแล้วต้องการแชร์กับเพื่อน ๆ เท่านั้น 😍"
.
อะ .. แล้วถ้าถามว่าดียังไงอีกเดี๋ยวแอดจะเล่าให้ฟัง
.
✅ เริ่มจากข้อแรกก็คือ เครื่องมือพร้อม ส่วนเสริมเพียบบบ !
.
ทำให้เราสามารถออกแบบหน้าตาแอปตั้งแต่เบสิคจัด ๆ (อารมณ์ Wireframe พวกขีด ๆ บนกระดาษ) ในไม่กี่นาที จนถึง ทำหน้าตาเป็นแบบ Prototype จริง ๆ ที่คลิกได้ หน้าตาแบบเดียวกับแอปที่ใช้งานเลยย
.
✅ ข้อสองคือออ มันแชร์ให้เพื่อน หรือ ให้ Dev ไปทำต่อได้ง่ายมากก
.
เพราะเวลาบางทีเราออกแบบไปทดสอบมาแล้ว ไม่ว่าจะสี ไอคอน รูปภาพต่าง ๆ ปกติก็ต้องมานั่งทวงกับนักออกแบบเสมอ
.
"เฮ้ยย พี่ ส่งสีที่ใช้จริง ๆ มาหน่อย"
.
"เฮ้ยยย พี่ ภาพที่ใช้ประกอบอยู่ตรงไหนนะ ?"
.
จนถึงแบบ "เฮ้ยยยยย พี่ ตรงนี้มันเว้นห่างกันเท่าไหร่นะ ?"
.
เนื่องจากเจ้าตัวนี้มีกลุ่มของสี Font และ ภาพที่ใช้ทั้งหมดไว้เลย <3
.
✅ ส่วนข้อสามก็คือ มันมีคนใช้งานจริง ๆ ระดับ Production ทั่วโลกจ้า ไม่เหงา แน่ ๆ เพราะมีเพื่อนแชร์ไอเดียอัพเดตกันเพียบบบบ
.
เอาจริง ๆ ข้อดีแอดว่ามีอีกเพียบแหละ ไม่ว่าจะใครที่อยากลุยสาย UX/UI Designer ตรง ๆ หรือ ใครที่อยากจะอัพสกิลเพื่อไปเพิ่มกับสิ่งที่มี
.
ไม่ว่าคนที่เป็น Mobile App Developer อยู่แล้ว จนถึงคนทำ Front-End Dev ที่ยุ่งกับหน้าตาเป็นหลัก เอาเป็นว่าถ้าใครมีเวลาลองไปศึกษาดูกันได้เลย
.
แต่ แต่ ! แต่ !! ถ้าใครไม่มีเวลา และ ต้องการเรียนรู้แบบไว ๆ แอดขอแนะนำ (เข้าสู่ช่วงโฆษณาใน 3 2 1 ...)
.
🔥 โปรโมชันสำหรับสาย UX/UI ที่ครอบคลุมทั้ง Adobe XD และ Figma ในแพคเกจเดียว
.
🏆 จัดเต็มกว่า 172 ตอน เรียนเพลิน ๆ เนื้อ ๆ เน้น ๆ เพราะเราตัดทุกสิ่งที่ไม่จำเป็นออกให้แล้ว เหมาะมาก ๆ กับ ผู้ที่มีเวลาน้อยแต่อยากอัพสกิลในเวลาอันรวดเร็ว
.
"เริ่มต้นแบบแน่น ๆ เน้น ๆ ไม่ต้องกังวลเรื่องพื้นฐาน ขอแค่คุณใช้งานคอมพิวเตอร์ และ อินเทอร์เน็ตเป็น (ในระดับที่ลงโปรแกรมเองได้ แก้ไขปัญหาเบื้องต้นเป็น)"
.
"หรือ ถ้าเรามีพื้นฐานใช้คอมแน่นอยู่แล้ว ทำงานสายไอทีอยู่แล้ว ยิ่งต้องมา เพราะสกิลนี้จะช่วยให้เราอัพเกรดคุณภาพงาน และ เงินเดือนเราได้สูงขึ้นน !!"
.
📱 เรียนซ้ำได้ไม่อั้นไม่จำกัดระยะเวลาอีกด้วย สนใจสามารถลงทะเบียนผ่านระบบออนไลน์ได้เลยที่นี่
.
>> https://www.borntodev.com/product/ux-ui-package/
(จากปกติ 6,580 .- ลดเหลือเพียง 3,990 .- เท่านั้น) ❤
.
ไม่ใช่แค่นั้น สำหรับใครที่มีบัตรเครดิตที่ร่วมรายการสามารถผ่อนสบาย ๆ 0% 10 เดือน ชิล ๆ เพียงเดือนละ 399 บาท ไม่มีบวกเพิ่ม :D
.
"อย่ารอช้าา โปรเด็ดขนาดนี้ ไม่ลงเรียนไม่ได้แล้วววว 🔥"
.
#borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
同時也有10000部Youtube影片,追蹤數超過2,910的網紅コバにゃんチャンネル,也在其Youtube影片中提到,...
mobile app wireframe 在 紀老師程式教學網 Facebook 的最讚貼文
不要再用 UML 去規劃一個軟體了,用 Wireframe 吧!
在教 iPhone / iPad App 的時候,常常有同學問到:「老師,我們是否要先把 App 的所有流程圖畫出來再說呢?」「老師,聽說物件導向程式設計的流程圖是 UML,那我們是否要先學好 UML,才能做好需求分析呢?」
我一直強調一件事:「將來不能賣錢的事情別做,要做也盡量少做。」需求分析就是這環「不可必要之惡」(我個人認為啦)。別誤會,我沒說需求分析不重要,相反的,它挺重要的!但我覺得為了需求分析,強迫自己去學一個將來自己不熟、客戶也看不懂的物件導向流程圖 UML,不如用廢紙把 UI 先簡單畫出來,讓客戶或自己確認這些東西是不是我們要的。UI 直覺、人人都懂,也不用重學,我覺得用最簡單的紙筆畫 UI,才是需求分析真的要做的事情。這樣畫出來的 UI,App 界稱為「Wireframe(線框圖)」
如果您想看看人家做出來的 Wireframe 長得什麼樣子,可以到 Google 輸入「App Wireframe」這組關鍵字,用「圖片搜尋」,就可以看到一堆了。
但是用紙筆畫的線框圖(Wireframe),不好做成 E-mail 附件流傳,於是坊間就出現很多專門畫 Wireframe 的軟體。今天要介紹的這一款,就是我個人有用過的「AppCooker」。雖然它是要錢的軟體,不過最近從 US$39.99 --> US$19.99,打對折中(嗚嗚~當年我是用 US$39.99 買的說),所以就上來分享給各位 App 專案執行者。喜歡的朋友,可以到他們的官網看看喔!
AppCooker 官網:
http://www.appcooker.com/