雖然這篇uxpin comments鄉民發文沒有被收入到精華區：在uxpin comments這個話題中，我們另外找到其它相關的精選爆讚文章
在 uxpin產品中有4篇Facebook貼文，粉絲數超過10萬的網紅BorntoDev，也在其Facebook貼文中提到， 💡 รู้หรือไม่ว่าเจ้า Wireframe นั้นมันคืออะไร สำคัญยังไงกันนะ ?? . วันนี้แอดจะพามารู้จักกับการทำ Wireframe ซึ่งเป็นพื้นฐานที่สำคัญมาก สำหรับคนที่กำลัง...
同時也有10000部Youtube影片，追蹤數超過2,910的網紅コバにゃんチャンネル，也在其Youtube影片中提到，...
-
uxpin 在 コバにゃんチャンネル Youtube 的最讚貼文
2021-10-01 05:19:08![post-title]()
-
uxpin 在 大象中醫 Youtube 的最讚貼文
2021-10-01 05:10:45![post-title]()
-
uxpin 在 大象中醫 Youtube 的最讚貼文
2021-10-01 05:09:56![post-title]()
uxpin 在 BorntoDev Facebook 的精選貼文
💡 รู้หรือไม่ว่าเจ้า Wireframe นั้นมันคืออะไร สำคัญยังไงกันนะ ??
.
วันนี้แอดจะพามารู้จักกับการทำ Wireframe ซึ่งเป็นพื้นฐานที่สำคัญมาก สำหรับคนที่กำลังอยากเป็น UX Designer บอกเลยไม่รู้เรื่องนี้ไม่ได้เน้วววว !!
.
🔥 แล้วเจ้า Wireframe นั้นมันคืออะไร มีรายละเอียดยังไง ไปหาคำตอบกันในโพสต์นี้เลยจ้า
.
📝 Wireframe เป็นโครงร่าง หรือการร่างแบบที่ใช้ในการจัดวางเนื้อหาและการทำงานบนเว็บ หรือแอปพลิเคชัน สิ่งสำคัญเลยคือคำนึงถึงความต้องการของผู้ใช้ ซึ่งเจ้า Wireframe เป็นกระบวนการช่วงต้นของการออกแบบนั่นเอง
.
⭐ ซึ่งมันควรทำก่อนการออกแบบเว็บไซต์ หรือแอปพลิเคชันจริง ๆ เพราะจะทำให้ทุกฝ่ายนั้นสามารถเข้าใจภาพรวมได้ตรงกัน ทำให้ลดความผิดพลาด และเพิ่มความรวดเร็วในการทำงานได้
.
🔸 สิ่งสำคัญในการออกแบบ Wireframe มีดังนี้
💻 อัตราส่วน - ควรวางองค์ประกอบและอัตราส่วนของแต่ละหน้าให้เหมาะสม ไม่ว่าจะเป็นการแสดงผลบนหน้าเว็บ หรือบนแอปพลิเคชันบนมือถือก็ตาม
.
👍 วัตถุประสงค์ - ต้องกำหนดวัตถุประสงค์ของแต่ละหน้าให้ชัดเจน เช่น แอปพลิเคชัน Grap ที่แยกการทำงานของแต่ละหน้าอย่างชัดเจน คือ หน้าเลือกร้านอาหาร หน้าสั่งเมนูอาหาร และหน้าจ่ายเงินนั่นเอง
.
✨ รูปแบบ - ควรกำหนดรูปแบบของ Wireframe ให้ชัดเจน และตรงตามความต้องการของผู้ใช้มากที่สุด
.
🔥 แถมมม !! เครื่องมือเจ๋ง ๆ ที่ช่วยในการออกแบบ Wireframe
🧡 UXPin - มีฟังก์ชันการทำงานที่หลกหลาย อำนวยความสะดวกให้กับผู้ใช้ ซึ่งจะช่วยให้เราออกแบบ Wireframe ได้อย่างง่ายดาย แถมยังใช้งานได้ฟรี ๆ อีกด้วย
.
📍 Link : https://www.uxpin.com/
.
💚 InVision - ช่วยสร้าง Wireframe ได้อย่างง่ายดาย แถมยังสามารถรับคำติชมจากผู้เชี่ยวชาญได้อีกด้วย !!
.
📍 Link : https://www.invisionapp.com/
.
💛 Wireframe.cc - สามารถสร้าง Wireframe ได้อย่างรวดเร็ว และง่าย ๆ ในเบราว์เซอร์ของเรา เปรียบเหมือนปากกา และกระดาษเวอร์ชันออนไลน์ เจ๋งมากแม่ !!
.
📍 Link : https://wireframe.cc/
.
📑 Source : https://careerfoundry.com/en/blog/ux-design/how-to-create-your-first-wireframe/, https://www.experienceux.co.uk/faqs/what-is-wireframing/
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
uxpin 在 嫁給 RD 的 UI Designer Facebook 的最讚貼文
UXPin 是個製作 Prototype 的好工具，官網提供數量龐大的免費電子書下載，他們的 Blog 也常常有文章可看。
電子書包含 UI、UX、互動設計、Prototype、行業趨勢，PDF 會下載到手酸。
uxpin 在 布爾喬亞 Vocal Middle Communications Consultants Facebook 的精選貼文
該怎麼把人與機器之間的互動，變得跟人與人互動一般自然而簡單？UXPin 內容戰略 Jerry Cao 提出五個互動設計的支柱，把握這些核心原則，讓你的網站脫穎而出吧！
http://www.inside.com.tw/…/the-5-pillars-of-interaction-des…