การผสมสีสำหรับสามปุ่ม

การผสมสีจะทำงานได้ดีที่สุดสำหรับปุ่มทั้งสามนี้:

พวกเขาทั้งหมดควรมีสีเดียวกันหรือไม่?

นี่คือตัวเลือกของฉัน:

รูปภาพของทั้งหน้า

Goปุ่มควรจะ มีขนาดใหญ่ และมีความคมชัดสูงสุดของทุกคนเพราะมันเป็นหนึ่งหลัก

ล้างปุ่มไม่เป็นไรเพราะมันเป็นกระทำรองและมันควรจะเป็นกลาง

สำหรับฉันแล้วปุ่มSwitchมีการแสดงตนมากเกินไปทั้งในขนาดและแบบ จำกัด ฉันต้องการวางตำแหน่งระหว่างจุดเริ่มต้น - ปลายทางที่ซึ่งเหมาะสมมากขึ้น

ต่อไปนี้เป็นคำตอบสองข้อที่คล้ายกันซึ่งสำหรับฉันนั้นสะอาดกว่ามากและให้การใช้งานที่ดีขึ้นสำหรับวัตถุประสงค์เฉพาะนี้ (ฉันเลือกก่อน ):

เพียงแค่ FYI: ฉันใช้ไอคอนFont-Awesom e หนึ่งในภาพแรกคือ (ขึ้นอยู่กับเวอร์ชันของคุณ) ไอคอน-exchange / fa-exchangeและลูกศรนั้นเป็นไอคอน - ลูกศรซ้าย / ขวาและ fa-arrow-left / ขวา

แก้ไข - ลบความยุ่งเหยิง ( ตามความคิดเห็นของ DA01 ):

ถ้าล้างปุ่มจะล้างเฉพาะผู้ที่สองฟิลด์ (จาก / ไป) มันไม่ได้ดูเหมือนจะเป็นสิ่งจำเป็นเพราะอยู่แล้วผู้ใช้จะต้องคลิกในแต่ละแบบเลื่อนลงและทำให้การเลือกและนี้จะไม่เปลี่ยนแปลงถ้าคุณเพิ่มปุ่มล้าง
หากเป็นกรณีนี้ฉันจะแนะนำให้ลบออกดังนั้นคุณจะได้รับส่วนต่อประสานที่สะอาดขึ้นและป้องกันไม่ให้ผู้ใช้ทำการกระทำใด ๆ ซึ่งจะไม่เพิ่มมูลค่าใด ๆ ให้กับพวกเขา (และยิ่งกว่านั้น

ทางออกหนึ่งคือการแยกปุ่มของคุณตามลำดับความสำคัญ

โดยทั่วไปคุณจะมีปุ่มหลักปุ่มรองและบางครั้งปุ่มระดับอุดมศึกษาและ / หรือปุ่มการกระทำที่ไม่ต้องการ

สำหรับประถมศึกษาและมัธยมศึกษาฉันมักจะแนะนำสีตราสินค้าที่คุณต้องการ (ส่วนตัวอย่างหมดจด) ในความคมชัดสองระดับ คอนทราสต์สูงสำหรับคอนทราสต์หลักน้อยกว่าเล็กน้อยสำหรับรอง

ปุ่มตติยฉันมักจะพยายามหลีกเลี่ยงและแทนที่จะไปกับภาพที่แตกต่างอย่างสิ้นเชิงเช่นลิงค์

ดังนั้นจากตัวอย่างของคุณและตีความบริบทเท่าที่ฉันสามารถทำได้ฉันจะแนะนำสิ่งนี้:

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

UPDATE: ฉันเพิ่งสังเกตว่าฉันโพสต์สิ่งนี้ว่านี่เป็นรูปแบบที่ StackExchange ใช้เมื่อสร้างโพสต์ใหม่ ปุ่ม SAVE เป็นหลัก CANCEL นั้นเป็นรุ่นที่สามและแสดงเป็นลิงค์แทนที่จะเป็นปุ่ม

สีที่ตัดกันสูง (เช่นสีขาวดำ) นั้นดีที่สุดเสมอซึ่งเป็นทางเลือกที่กำจัดสีส้มได้ จากนั้นเมื่อเพิ่มส่วนแบ่งทางการตลาดลงในส่วนผสมสีที่ใช้สำหรับส่วนที่เหลือของหน้าของคุณในแง่ของปุ่มแอปพลิเคชันคืออะไร แต่ถ้าฉันต้องเลือก: ไป: สีเขียว; สวิตช์ ... : สีน้ำเงินในทะเล ชัดเจน: ขาวดำ จำไว้ว่าสีก็เกี่ยวข้องกับความชอบด้วย

(นอกหัวข้อ: คุณสามารถกำจัดป้ายกำกับที่มีความยาวสำหรับการสลับโดยปุ่มที่มีป้ายกำกับไอคอนระหว่างสองช่อง)

ผมจะบอกว่าเปลี่ยนความคมชัดของสีที่มีสีคล้ายกับการแสดงเน้น ทำไม? ( 1 ใน 12 คนเป็นคนตาบอดสีและผู้หญิง 1 ใน 200 คนก็เป็นคนตาบอดสีด้วยเช่นกัน

คุณต้องการที่จะแนะนำผู้ใช้ไปยังเส้นทางที่ตั้งใจผ่านระบบดังนั้นฉันจะทำให้ปุ่ม Go เข้มขึ้น พวกเขาสามารถสแกนปุ่มทั้งหมดและประมวลผลพวกเขาหรือพวกเขาอาจมีสีที่เข้มกว่าหรือมีขนาดที่ใหญ่กว่าดึงดูดพวกเขาไปยังตัวเลือกที่ต้องการหรือ 80% ที่เป็นทางเลือกที่พวกเขามองมาก่อนและบอกว่าใช่มันช่วยประหยัดเวลา

บทความนี้บอกว่าควรทำให้ปุ่มที่สำคัญที่สุดดูเหมือนว่า

ดูตัวอย่างด้านล่าง

ดูไม่ดีเท่าภาพด้านล่าง (ในความคิดของฉัน)

บทความยังกล่าวถึงการใส่ปุ่มในการสั่งซื้อที่เหมาะสม ดังนั้นในความคิดของฉันฉันจะวางปุ่มไปทางขวาเพราะผู้ใช้ที่พูดภาษาอังกฤษจากซ้ายไปขวา (ดังนั้นพวกเขาจึงมองไปทางขวาสำหรับสัญญาณสิ้นสุด) ฉันจะวางไว้ทางซ้ายสำหรับผู้ใช้ภาษาอาหรับ นั่นเป็นวิธีที่ฉันจะจัดให้มีสำหรับตลาดอังกฤษ

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