[ #ของดีบอกต่อ ]
.
🎨 colormind.io
สีไหนที่ใช่สำหรับเว็บเรา...เลือกได้เลยที่นี่ !
.
🔥 หลังจากก่อนหน้านี้ที่แอดเคยแนะนำ “Colorable” วันนี้ก็มีเครื่องมือดี ๆ เกี่ยวกับการเลือกใช้สีมาแนะนำกันต่อ ก็คือ “colormind.io” นั่นเอง !!!
.
โดยเว็บนี้จะช่วยให้เราเห็นภาพเว็บไซต์ของเราเมื่อใช้สีต่าง ๆ ได้อย่างครบถ้วน เพราะอัดแน่นไปด้วยฟีเจอร์เจ๋ง ๆ เรียกได้ว่าครบ จบ ในเว็บเดียว !
.
⛔ แต่ก่อนจะไปเข้าเรื่องฟีเจอร์ แอดต้องขอพูดไว้ก่อนว่าเจ้าตัว colormind.io ที่แอดยกมาแนะนำในวันนี้จะเป็นส่วนของเมนู “Website Colors” ที่เป็นตัวช่วยเลือกชุดสีเพื่อการออกแบบเว็บไซต์โดยเฉพาะ อาจจะไม่ได้ไปพูดถึงเมนูอื่น ๆ ในเว็บไซต์นะคร้าบ !
.
🌈 มาเข้าเรื่องกันเลยดีกว่า ! เริ่มที่ฟีเจอร์การเลือกสีของ colormind.io ที่จะมี Color Panel คล้ายกับเวลาเราใช้โปรแกรม Photoshop หรือ Illustrator
.
ซึ่งเราสามารถจะจิ้ม/เลื่อน เพื่อเลือกว่าอยากได้สีแบบไหน หรือถ้ามีโค้ดสี ก็พิมพ์ใส่เองเลยก็ได้
.
⭐ โดยสีที่เราเลือกมา เราสามารถก็อปปี้โค้ดสีออกไปใช้ได้เลย จะปรับเปลี่ยนตำแหน่งสีก็ง่าย ๆ เพียงกดไอคอนลูกศร แล้วถ้ามีสีไหนที่ถูกใจ และไม่อยากเปลี่ยนแล้ว
.
เราสามารถกดไอคอนรูปกุญแจเพื่อล็อคเอาไว้ ป้องกันการมือลั่นได้ด้วยนะ บอกเลยว่า ใช้งานง่ายและสะดวกสุดๆ !
.
🤖 ต่อมาเป็นฟีเจอร์สำหรับคนที่ยังไม่มีไอเดีย เพราะเว็บนี้ช่วย Generate ชุดสีเบื้องต้นให้ได้ แล้วหลังจากนั้นเราก็ค่อยไปปรับเองได้ตามชอบเลยจ้า !
.
⚡ และท้ายสุด สุดท้าย ! กับฟีเจอร์ตัวจี๊ดของเว็บนี้ ก็คือ การ Generate ตัวอย่าง Element, UI Component ที่ใช้ในเว็บมาให้เราได้ดูทันที เปลี่ยนสีปุ๊บ เจ้าตัว Generate ก็เปลี่ยนตามปั๊บ เรียลไทม์สุด ๆ
.
โดยเจ้าฟีเจอร์นี้นอกจากจะทำให้ขั้นตอนการออกแบบกินเวลาน้อยลงแล้ว ยังช่วยให้เรามองเห็นภาพรวมของเว็บไซต์ได้ชัดเจนยิ่งขึ้น ...สาย Web Design ต้องห้ามพลาดเลยจริง ๆ !
.
🎨 และแน่นอนว่า เครื่องมือดี ๆ แบบนี้ เราจะอ่านข้อมูลอย่างเดียวไม่ได้
เพราะฉะนั้น ไปลอง !!! : http://colormind.io/bootstrap/
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
