23 ตุลาคม 2556

[Android Design] การใช้ภาพ Gradient ระหว่างสีตรงกันข้าม


        บทความรอบนี้ก็ขอพูดถึงเรื่องสี สี และสีกันเสียหน่อยดีกว่า โดยจะพูดถึงเรื่องการใช้ Gradient กับสีที่ตรงข้ามกัน


        โดยปกติแล้วการ Gradient ในสีที่ข้างเคียงกันจะไม่มีปัญหาอะไรนัก แต่กรณีที่เป็นสีที่ตรงข้ามกัน สีจาก Gradient จะไม่ค่อยโอเคซักเท่าไร เพราะเวลา Gradient จะมีช่วงที่สีหม่นๆคล้ำตรงรอยต่อของทั้งสองสี ซึ่งสีตรงกันข้ามแบบนี้จะเรียกว่า Complementary colors ไปหาดูตาม Google ได้ว่าสีไหนตรงข้ามกับสีไหน


        จึงทำให้การทำ Gradient ออกมาได้ไม่ค่อยสวยซักเท่าไร เจ้าของบล็อกยกตัวอย่างเป็นสีแดงกับเขียวละกันนะ



        โดยปกติแล้วการเฟดของสีแดงไปสีเขียวจะเป็นดังนี้
                        แดง > ส้ม > เหลือง > เขียว



        แต่ในการเฟดจริงช่วงสีที่อยู่ระหว่างทั้งสองจะออกมาเป็นสีน้ำตาลหม่นๆที่ลองเช็คออกมาแล้วจะอยู่กึ่งกลางระหว่าง Color Picker



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


        ซึ่งจะทำให้ดูโอเคขึ้นมากว่าเดิมหน่อย ทั้งนี้ขึ้นอยู่กับผู้ที่หลงเข้ามาอ่านด้วยแหละว่าอยากให้สีช่วงกลางออกมาสดแค่ไหนสว่างแค่ไหน


        หรือจะเป็นสีเทาดำไปเลยเพื่อคั่นระหว่างทั้งสองสี



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



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

        ซึ่งกรณีที่ใช้สีสว่างแบบนี้ ไม่จำเป็นต้องเปลี่ยนสีตัวหนังสือก็ได้ แต่ให้ใช้ Outline สีดำจางๆรอบๆตัวหนังสือ เพื่อโฟกัสที่ตัวหนังสือได้ง่ายขึ้น



        แต่สำหรับเจ้าของบล็อกแล้ว จะเลี่ยง Gradient คู่สีแบบนี้อยู่แล้วล่ะ เน้นไปเป็นคู่สีที่ใกล้เคียงกันซะมากกว่า




เหล่าพันธมิตรแอนดรอยด์

Devahoy Layer Net NuuNeoI The Cheese Factory Somkiat CC Mart Routine Artit-K Arnondora Kamonway Try to be android developer Oatrice Benz Nest Studios Kotchaphan@Medium Jirawatee@Medium Travispea@Medium