最近 Adobe XD 到期,順便轉用 Figma 來進行網頁設計
因為過去有用 Sketch + XD 的經驗,許多概念都可以直接移到 Figma
其中包含:
- 最愛的 Prototype 功能,拉好之後團隊就能進行操作
- 響應式的元件,比 XD 更多的細節調整
- 元件管理,統一設定所有的元素
- ... 還有各種想得到的基本功能
除了可以做到與 Adobe XD 與 Sketch 類似的功能外
還具有以下的優點:
- 團隊協作更即時,不需要截圖傳來傳去,直接看到團隊的指標位置(工程師隊友不需要付費,只要有觀看權限即可
- 強大的 Frame,讓繪圖軟體更具有響應式的特性
- 智能選取,調整群體元素間距、順序都非常好用(這就需要實際體會才能理解了
如果你正在觀望 Figma,此工具還有提供免費的版本
只要註冊後直接就可以直接在瀏覽器運行
不知道怎麼入門嗎?
我們最近舉辦了 Figma 體驗營,歡迎來參與看看~
https://hex.school/V92BO
---
其它常見問題:
Q、參加 Figma 設計體驗營會需要付費嗎?
這次的體驗營完全免費!請大力分享給身邊有興趣的朋友們 ʕ •ᴥ•ʔ
Q、一定要加入 Discord 群組嗎?
卡斯伯回:我們資源太多,怕你沒加入會少接收到很多資訊
Q、如果這次的時間剛好沒辦法參加,之後會有加開的場次嗎?
卡斯伯回:這次免費,下次我不敢說
Q、Figma 很貴嗎?
卡斯伯回:看你怎麼用囉~,費用很彈性,如果是單人使用幾乎免費,團隊的話則是依據設計師人數計價(僅有觀看的工程師不需要付費
同時也有4部Youtube影片,追蹤數超過22萬的網紅BorntoDev,也在其Youtube影片中提到,ถ้าเกิดให้เวลาคุณแค่ 1 ชั่วโมง คุณสามารถออกแบบ Prototype แอปพลิเคชันให้หน้าตาเหมือนแอปดัง ๆ ได้หรือไม่ !? . วันนี้เราจะพาทุกคนมาอยู่ในหัวข้อออกแบบ UX ...
「adobe xd prototype」的推薦目錄:
- 關於adobe xd prototype 在 卡斯伯 Facebook 的最佳貼文
- 關於adobe xd prototype 在 BorntoDev Facebook 的最讚貼文
- 關於adobe xd prototype 在 BorntoDev Facebook 的最讚貼文
- 關於adobe xd prototype 在 BorntoDev Youtube 的精選貼文
- 關於adobe xd prototype 在 BorntoDev Youtube 的最佳解答
- 關於adobe xd prototype 在 派翠卡Patricia Youtube 的最讚貼文
- 關於adobe xd prototype 在 Hyperlink Text Objects in Adobe XD - Facebook 的評價
- 關於adobe xd prototype 在 Adobe XD prototype | Adobe xd, Adobe, Tool design - Pinterest 的評價
- 關於adobe xd prototype 在 tutsplus/how-to-create-a-ui-prototype-using-adobe-xd - GitHub 的評價
- 關於adobe xd prototype 在 Adobe XD embedded app-prototype causes page to 'jump ... 的評價
adobe xd prototype 在 BorntoDev Facebook 的最讚貼文
🚀 จะดีกว่าไหม .. ถ้าเราสามารถทดสอบไอเดียของเราได้ โดยไม่ต้องลงทุนสร้างเว็บ หรือ แอปตั้งแต่เริ่มต้น !!
.
วันนี้แอดจะมาแนะนำโปรแกรม 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 - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
adobe xd prototype 在 BorntoDev Facebook 的最讚貼文
🔥 ถ้าเกิดให้เวลาคุณแค่ 1 ชั่วโมง คุณสามารถออกแบบ Prototype แอปพลิเคชันให้หน้าตาเหมือนแอปดัง ๆ ได้หรือไม่ !?
.
วันนี้เราจะพาทุกคนมาอยู่ในหัวข้อออกแบบ UX / UI Design ในการออกแบบ Prototype แบบ Blockdit ด้วยโปรแกรม Adobe XD ที่ใช้ง่าย และ ดีมากกกไปพร้อมกัน <3
.
👉 หากใครอยากลองตามมาได้ที่นี่เลย : https://www.adobe.com/sea/products/xd/features.html
.
#borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
adobe xd prototype 在 BorntoDev Youtube 的精選貼文
ถ้าเกิดให้เวลาคุณแค่ 1 ชั่วโมง คุณสามารถออกแบบ Prototype แอปพลิเคชันให้หน้าตาเหมือนแอปดัง ๆ ได้หรือไม่ !?
.
วันนี้เราจะพาทุกคนมาอยู่ในหัวข้อออกแบบ UX / UI Design ในการออกแบบ Prototype แบบ Blockdit ด้วยโปรแกรม Adobe XD ที่ใช้ง่าย และ ดีมากกกไปพร้อมกัน
.
หากใครอยากลองตามมาได้ที่นี่เลย : https://www.adobe.com/sea/products/xd/features.html
.
▲ ติดตามช่องของเราได้ที่ : http://bit.ly/borntoDevSubScribe
▲ Facebook : https://www.facebook.com/borntodev
▲ Website : http://www.borntodev.com
.
?BorntoDev Channel คือ ช่องยูทูปที่เน้นสาระด้านเทคโนโลยี การพัฒนาโปรแกรม ไปพร้อมกับความสนุกสนาน และ รอยยิ้มเข้าไว้ด้วยกันทั้งในรูปแบบบทเรียน และ vlog.เพื่อการเปลี่ยนรูปแบบการเรียนรู้ด้านการพัฒนาโปรแกรม และ เทคโนโลยีแบบเดิม ๆ ที่เป็นเรื่องเฉพาะกลุ่มให้เข้าถึง เข้าใจได้ง่ายยิ่งขึ้น โดยพัฒนาเน้นไปที่รูปแบบการนำเสนอใหม่ ๆ ที่เป็นมิตรกับทุกคน
.
▲ กิจกรรมใน Channel BorntoDev เป็นส่วนหนึ่งในการดำเนินงานของ บริษัท บอร์นทูเดฟ จำกัด ที่เปิดรับ Partners ที่สนใจร่วมเปลี่ยนแปลงให้สังคมไทยเป็นสังคมด้านวิทยาศาสตร์ และ เทคโนโลยีมากยิ่งขึ้น หากคุณสนใจสนับสนุน และ ก้าวไปพร้อมกัน สามารถติดต่อร่วมงานได้แล้ววันนี้
.
▲ ติดต่อโฆษณา สนับสนุน และ ร่วมงานได้ที่: support@borntoDev.com
หรือ ดูรายละเอียดได้ที่นี่ https://www.borntodev.com/partners/
adobe xd prototype 在 BorntoDev Youtube 的最佳解答
สาย UX/UI คงรู้จักกันดี แต่จะบอกว่าสาย Dev เอาไปใช้ก็มีประโยชน์เหมือนกันนะ ! กับ Adobe XD ที่ช่วยเราออกแบบ Prototype ได้ง่าย เสร็จไว แถมยังมีให้ใช้ฟรีอีกด้วยย !
.
สนใจใช้ฟรีมานี่เลย https://www.adobe.com/products/xd.html
.
▲ ติดตามช่องของเราได้ที่ : http://bit.ly/borntoDevSubScribe
▲ Facebook : https://www.facebook.com/borntodev
▲ Website : http://www.borntodev.com
.
?BorntoDev Channel คือ ช่องยูทูปที่เน้นสาระด้านเทคโนโลยี การพัฒนาโปรแกรม ไปพร้อมกับความสนุกสนาน และ รอยยิ้มเข้าไว้ด้วยกันทั้งในรูปแบบบทเรียน และ vlog
.
เพื่อการเปลี่ยนรูปแบบการเรียนรู้ด้านการพัฒนาโปรแกรม และ เทคโนโลยีแบบเดิม ๆ ที่เป็นเรื่องเฉพาะกลุ่มให้เข้าถึง เข้าใจได้ง่ายยิ่งขึ้น โดยพัฒนาเน้นไปที่รูปแบบการนำเสนอใหม่ ๆ ที่เป็นมิตรกับทุกคน
.
▲ กิจกรรมใน Channel BorntoDev เป็นส่วนหนึ่งในการดำเนินงานของ บริษัท บอร์นทูเดฟ จำกัด ที่เปิดรับ Partners ที่สนใจร่วมเปลี่ยนแปลงให้สังคมไทยเป็นสังคมด้านวิทยาศาสตร์ และ เทคโนโลยีมากยิ่งขึ้น หากคุณสนใจสนับสนุน และ ก้าวไปพร้อมกัน สามารถติดต่อร่วมงานได้แล้ววันนี้
.
▲ ติดต่อโฆษณา สนับสนุน และ ร่วมงานได้ที่: support@borntoDev.com
หรือ ดูรายละเอียดได้ที่นี่ https://www.borntodev.com/partners/
adobe xd prototype 在 派翠卡Patricia Youtube 的最讚貼文
Daily UI 100 Challenges 001
adobe xd prototype 在 Adobe XD prototype | Adobe xd, Adobe, Tool design - Pinterest 的推薦與評價
Jan 9, 2017 - Adobe XD prototype designed by Harry Luxton. Connect with them on Dribbble; the global community for designers and creative professionals. ... <看更多>
adobe xd prototype 在 tutsplus/how-to-create-a-ui-prototype-using-adobe-xd - GitHub 的推薦與評價
... to accompany Envato Tuts+ tutorial: How to Create a UI Prototype Using Adobe XD - GitHub - tutsplus/how-to-create-a-ui-prototype-using-adobe-xd: Source ... ... <看更多>
adobe xd prototype 在 Hyperlink Text Objects in Adobe XD - Facebook 的推薦與評價
prototype | New in Adobe XD Hyperlink text objects to create dynamic prototypes that connect to live websites. Get more details here:... ... <看更多>