Gradients กับงาน UI เรื่องง่ายที่บางทีก็ยาก

Update

รู้หรือไม่ว่าเทคนิคการใช้ Gradients มีมาตั้งแต่ยุค 90 ที่เรายังนั่งเรียนคอมพิวเตอร์อยู่ในโรงเรียนแล้วเปิดโปรแกรม Word กันอยู่เลย เทคนิคนี้ถือได้ว่าอยู่มายาวนานตั้งแต่เรายังเด็กจนถึงวันนี้ทุกคนก็ยังใช้ Gradients กันอยู่

เพียงแต่ว่ารูปแบบของการใช้งานนั้นต่างกันออกไปตามแต่ละยุคสมัย เมื่อวันเวลาผ่านพ้นไปเทรนด์ในการออกแบบก็หมุนเวียนไปเรื่อยจนเวลานี้ Gradients กลับมามีบทบาทในงานออกแบบอีกครั้ง แถมการกลับมาครั้งนี้ยังมาในความหมายของเทคโนโลยีอีกด้วย เว็บไซต์ไหนที่หยิบเอา Gradients มาใช้อย่างถูกวิธี จะทำให้เว็บไซต์นั้นดูเป็นเว็บแนว Tech ล้ำยุคแบบสุดๆ

แต่วิธีในการใช้งานบางทีก็งานแต่ก็แอบยากเหมือนกัน สำหรับใครที่จะใช้งานสีแบบนี้ขอเตือนไว้ก่อนไว้คุณไม่ควรจะหยิบเอาสีมั่วๆ มาผสมกันเพราะมันจะออกมาแย่มากกว่าออกมาสวย แทนที่จะเป็นเว็บไซต์แนว Tech คุณจะได้เว็บไซต์แนวยุค 90 ออกมาแทนอย่างแน่นอน

 

บางทีการใช้ Gradients ก็ไม่จำเป็นจะต้องเป็นสีที่ฉูดฉาดมาตัดกันแต่เพียงเลือกสีที่เป็นสีเดียวกันในโทนสว่างและโทนมืดก็ทำให้ได้เว็บไซต์ที่ใช้ Gradients ให้ออกมาดูดีได้อย่างไม่ยากเย็นนัก

สิ่งที่เราแนะนำตั้งแต่ต้นบทความคือคุณอย่าเลือกสีจากการคาดเดาเป็นอันขาดถ้าไม่อยากได้สีแนวช้ำเลือดแบบตัวอย่างด้านบน สำหรับเครื่องมือช่วยในยุคนี้มีมากมายจนคุณไม่จำเป็นจะต้องสร้างมันขึ้นมาเองก็ได้โทนสีที่สวยงาม แถมยังใช้เวลาในการทำที่น้อยกว่าทำเองเยอะ

เครื่องมือที่เราแนะนำ

UI Gradients

Mycolor.space

Gradienthunt

เครื่องมือที่เราแนะนำด้านบนนอกจากจะใช้ง่ายแล้วยังใช้ฟรีอีกด้วย ฉะนั้นอย่าทำเองเลย ใช้สีที่มีให้เลือกมากมายมาใช้งานจะดีกว่า ถ้าทำเองแล้วออกมาเละอย่าหาว่าเราไม่เตือน !!