🚀 จะดีกว่าไหม .. ถ้าเราสามารถทดสอบไอเดียของเราได้ โดยไม่ต้องลงทุนสร้างเว็บ หรือ แอปตั้งแต่เริ่มต้น !!
.
วันนี้แอดจะมาแนะนำโปรแกรม 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 - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
「figma font」的推薦目錄:
- 關於figma font 在 BorntoDev Facebook 的最讚貼文
- 關於figma font 在 BorntoDev Facebook 的最佳貼文
- 關於figma font 在 Add Custom Fonts to Figma - Quick Tip 的評價
- 關於figma font 在 Font Helper for Figma for Linux x64 platform 的評價
- 關於figma font 在 How to Implement 590 Font Wight in CSS Same as Figma ... 的評價
- 關於figma font 在 Best Web Fonts for Figma - Design 的評價
figma font 在 BorntoDev Facebook 的最佳貼文
🔥 "สาย Front-End ต้องแชร์ !!" กับสรุปรวมเครื่องมือ และ Framework ดี ๆ ที่ต้องบอกต่อสำหรับคนทำหน้าเว็บ <3
.
ต้องบอกว่าวันนี้แอดและทีมงานได้รวบรวมเครื่องมือเครื่องไม้ ที่จะทำให้งานยาก ๆ กลายเป็นงานง่าย ๆ ไว้ในที่เดียวให้แล้วว
.
⭐️ ใครที่กำลังเริ่มสาย Front-End หรือ ต้องการหาของดีรีบเข้ามาดูได้เลย สำหรับลิงก์ในการเข้าไปดาวน์โหลด / อ่าน Doc / วิธีการใช้งาน ดูด้านล่างได้เลยคร้าบผมมม ^__^
.
👩🎨เครื่องมือเด็ดที่คุณต้องแชร์ของสาย Frontend
.
📚 JavaScript Framework
.
Vue.js
https://vuejs.org/
.
Angular
https://angular.io/
.
React
https://reactjs.org/
.
Backbone.js
https://backbonejs.org/
.
🎨 CSS Framework
.
Bootstrap
https://getbootstrap.com/
.
Materialize
https://materializecss.com/about.html
.
Pure.css
https://purecss.io/
.
Bulma
https://bulma.io/
.
Semantic UI
https://semantic-ui.com/
.
📖 Library
.
sweetalert2 : สำหรับสร้าง Alert สวยๆได้ง่ายๆ
https://sweetalert2.github.io/
.
AlertifyJS : สร้าง Alert สวยๆเหมือนกัน
https://alertifyjs.com/
.
Chart.js : สำหรับสร้าง Chart แบบมี animation
https://www.chartjs.org/
.
jQuery : ใช้งาน JS และจัดการ DOM ได้ง่ายขึ้น
https://jquery.com/
.
DataTables : เปลี่ยน Table แบบเดิมๆให้ดูดีมี function ได้ง่ายๆ
http://fredsarmento.me/frontend-tools/
.
Quill editor : Text Editor สำหรับใส่ในเว็บเครื่องมือครบๆ
https://quilljs.com/
.
🧰 Developing & Debugging Tools
.
Chrome DevTools : เครื่องมือ Debug เว็บ เพียงแค่กด F12 เบราเซอร์อื่นๆก็มีเหมือนกัน
https://developers.google.com/web/tools/chrome-devtools
.
CodePen : Online Editor ที่สามารถจำลอง enviroment ที่เหมาะสมได้เขียนแล้วเห็นผลทันที
https://codepen.io/
.
WebStorm : Web Editor ที่รองรับ Framework ที่หลากหลาย
https://www.jetbrains.com/webstorm/
.
🍱 Other (Asset)
.
Google Fonts : font ฟรีสวยๆของ google
https://fonts.google.com/
.
awesome : Icon ฟรีสวยๆ
https://fontawesome.com/
.
figma : สำหรับออกแบบหน้าเว็บ จัดวางองค์ประกอบหรือแม้แต่สร้าง Prototype
https://www.figma.com/files/recent
.
Visual Inspector : extension chrome ที่ช่วยให้ตรวจสอบองค์ประกอบต่างๆของเว็บได้ค่อนข้างครบถ้วน
https://chrome.google.com/webstore/detail/visual-inspector/efaejpgmekdkcngpbghnpcmbpbngoclc
.
CSS Peeper : extension chromeอีกหนึ่งตัวที่ใช้ตรวจสอบองค์ประกอบเว็บ
https://chrome.google.com/webstore/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk
.
" หรือถ้าใครเคยใช้ตัวไหนมาแล้ว สามารถมาแบ่งปันประสบการณ์ในการใช้งานใน Comment กับแอดได้เลยยย ใครมีตัวไหนแนะนำใส่มาได้เต็มที่เลยคร้าบผมม <3 "
.
#BorntoDev - 🦖 Coding Academy ให้การพัฒนาเทคโนโลยีเป็นเรื่องง่ายสำหรับทุกคน
figma font 在 Font Helper for Figma for Linux x64 platform 的推薦與評價
Font Helper is a simple http server which get requests from figma on localhost, reads fonts and gives it to the Figma. When You open a figma project in a ... ... <看更多>
figma font 在 Add Custom Fonts to Figma - Quick Tip 的推薦與評價
Add any font to Figma. Works on both the desktop app and in the browser. Figma comes with a large Google font library but you may want to ... ... <看更多>