Phối màu cho ba nút

Sự kết hợp màu nào sẽ hoạt động tốt nhất cho ba nút này:

Tất cả chúng có nên giữ nguyên màu sắc không?

Đây là những lựa chọn của tôi:

Hình ảnh của toàn bộ trang

Các Go nút nên lớn hơn và có độ tương phản cao nhất của tất cả vì nó là một trong những chính.

Các Rõ ràng nút được chấp nhận vì đó là một hành động thứ cấp và nó nên trung lập .

Đối với tôi, nút Switch có quá nhiều sự hiện diện cả về kích thước và sự tương thích. Tôi định vị nó giữa các menu thả xuống Origin-Destination, nơi nó có ý nghĩa hơn "bằng chính nó".

Ở đây, hai giải pháp tương tự mà đối với tôi sạch sẽ hơn nhiều và mang lại khả năng sử dụng tốt hơn cho mục đích cụ thể này (cá nhân tôi sẽ chọn giải pháp đầu tiên ):

Chỉ cần FYI: Tôi đã sử dụng các biểu tượng Font-Awesom e, biểu tượng trong hình ảnh đầu tiên là (tùy thuộc vào phiên bản của bạn) trao đổi biểu tượng / trao đổi fa và các mũi tên là biểu tượng- mũi tên trái / phải và fa-mũi tên trái / đúng

EDIT - Loại bỏ sự lộn xộn ( dựa trên nhận xét của DA01 ):

Nếu nút Xóa sẽ chỉ xóa hai trường đó (từ / đến) thì dường như không cần thiết vì dù sao người dùng sẽ phải nhấp vào từng danh sách thả xuống và thực hiện lựa chọn và điều này sẽ không thay đổi nếu bạn thêm nút Xoá .
Nếu đây là trường hợp tôi sẽ khuyên bạn nên xóa nó, vì vậy bạn sẽ có giao diện sạch hơn và ngăn người dùng thực hiện một hành động không thêm bất kỳ giá trị nào cho họ (và hơn nữa vô tình xóa những gì họ đã chọn).

Một giải pháp là ưu tiên tách nút của bạn theo mức độ ưu tiên.

Thông thường, bạn có (các) nút chính, (các) nút phụ và đôi khi là nút thứ ba và / hoặc các nút hành động không ưa thích.

Đối với Tiểu học và Trung học, tôi thường đề xuất màu thương hiệu ưa thích của bạn (hoàn toàn chủ quan) theo hai mức độ tương phản. Độ tương phản cao cho sơ cấp, độ tương phản thấp hơn một chút cho thứ cấp.

Các nút cấp ba tôi thường cố gắng tránh và thay vào đó là một hình ảnh hoàn toàn khác, chẳng hạn như một liên kết.

Vì vậy, đưa ra ví dụ của bạn và diễn giải bối cảnh như đặt cược tôi có thể, tôi đề xuất một cái gì đó như thế này:

Đó chỉ là một ví dụ thực sự nhanh chóng và bạn cần xác nhận độ tương phản đáp ứng các nguyên tắc về khả năng truy cập và trông không bị vô hiệu hóa (điều này là của tôi, vì vậy nó cần điều chỉnh), nhưng hy vọng nó sẽ được giải quyết.

CẬP NHẬT: Tôi chỉ nhận thấy khi tôi đăng bài này rằng đây là mẫu mà StackExchange sử dụng khi tạo một bài đăng mới. Nút SAVE là chính, CANCEL là đại học và được hiển thị dưới dạng liên kết chứ không phải là nút.

Màu sắc có độ tương phản cao (ví dụ đen trắng) luôn tốt nhất, loại bỏ tùy chọn màu cam. Và sau đó, thêm một chút tiếp thị vào hỗn hợp, bảng màu được sử dụng cho phần còn lại của trang của bạn về các nút, ứng dụng là gì? Nhưng nếu tôi phải chọn: Đi: xanh; Chuyển ...: màu xanh biển; Rõ ràng: đen trắng. Ghi nhớ màu sắc cũng liên quan đến sở thích.

(Ngoài chủ đề: bạn có thể loại bỏ nhãn dài để chuyển đổi bằng nút gắn nhãn biểu tượng giữa hai trường)

Tôi muốn nói thay đổi độ tương phản của một màu tương tự để thể hiện sự nhấn mạnh . Tại sao? ( 1 trong 12 nam bị mù màu và 1 trong 200 nữ cũng bị mù màu

Bạn cũng muốn hướng dẫn người dùng hướng tới đường dẫn dự định thông qua hệ thống để tôi làm cho nút Go tối hơn. Họ có thể quét tất cả các nút và xử lý chúng hoặc họ có thể có thứ gì đó như màu tối hơn hoặc kích thước lớn hơn thu hút họ theo lựa chọn dự định hoặc phổ biến nhất 80% theo cách họ nhìn vào đó trước và nói rằng đó là tiết kiệm thời gian của họ.

Bài viết này nói rằng người ta nên làm cho nút quan trọng nhất trông như thế

Xem ví dụ của họ dưới đây

Trông không đẹp như hình ảnh bên dưới (Theo tôi)

Bài viết đó cũng đề cập Để đặt các nút theo thứ tự hợp lý . Vì vậy, theo ý kiến ​​của tôi, tôi sẽ đặt nút đi bên phải vì người dùng nói tiếng Anh từ trái sang phải (vì vậy họ tự nhiên nhìn sang bên phải để biết dấu hiệu kết thúc). Tôi sẽ đặt nó bên trái cho người dùng tiếng Ả Rập. Đó là cách tôi sẽ sắp xếp nó cho một thị trường tiếng Anh.

Một chủ đề cuối cùng trong bài viết đó là Làm cho việc tìm các nút phá hoại trở nên khó khăn hơn Trong kịch bản của bạn, tôi sẽ chuyển thứ tự theo cách đó nếu bạn nhấp vào và bạn vô tình bỏ qua bên trái, bạn có thể thay đổi địa điểm giao hàng thay vì phá hủy hành động. Ngoài ra, bạn có thể xác nhận nhiệm vụ phá hoại nếu bạn cảm thấy cần thiết (nghĩa là bạn có chắc không?).