這次發現了一個超級工具箱,叫做彩虹工具箱,雖然軟體介面是簡體的,不過真的有超級超級多的工具,簡單算了一下至少超過 150 種的工具,包含有系統維運工具(網路工具...
列表文章資訊參考來源
![按鈕配色](https://i0.wp.com/host.easylife.tw/pics/202211/RainbowToolbox/01_RainbowToolbox.png?resize=409,215)
为什么你不能在页面按钮上使用你的品牌色? - 优设
2022年10月29日 — 编者按:这篇文章出自UX Movement ,文中详细分析了品牌色不适合运用到网页和APP 的按钮背后的设计逻辑,并不复杂但是非常值得学习。 ...(以下省略)
** 本站引用參考文章部分資訊,基於少量部分引用原則,為了避免造成過多外部連結,保留參考來源資訊而不直接連結,也請見諒 **
-
配色上大多會使用紅色,並且以「白底紅字」的方式避免過於顯眼,所以無論主色或是次要色選擇了紅色,都會避免使用紅底白字的方式在呈現,因為這樣的配置會吸引用戶點擊。
-
2021年3月31日 — 這樣的配色常常會運用在CTA(call-to-action)按鈕的設計上。 但是,以UI 的整體構圖來看,高對比度的配色方法就沒辦法每次都派上用場了。如果文字 ...
-
2020年5月7日 — 如同這個受歡迎的鳥喙,請將亮麗的橘色套用至按鈕、連結或圖示等微小的強調元素,以便與偏大地色的色調形成對比。 運用柔和的中性色彩讓明亮的熱帶色調變 ...
-
2021年4月29日 — 我們可以用字體很小的文字或者和照片顏色相接近的自然的配色來設計按鈕,從而讓用戶不去注意【取消】。如果將原本在右上角的【註冊】按鈕放在屏幕的正中間 ...
-
2021年9月14日 — 纯CSS3超酷彩色3D按钮样式 · 这是一款使用使用CSS3 线性渐变来制作的超酷彩色3D按钮样式。这组按钮分为不同的颜色,尺寸和圆角,使用时只需要添加相应的 ...
-
2018年10月24日 — 配色上大多會使用紅色,並且以「白底紅字」的方式避免過於顯眼,所以無論主色或是次要色選擇了紅色,都會避免使用紅底白字的方式在呈現,因為這樣的配置會 ...
-
2022年10月29日 — 编者按:这篇文章出自UX Movement ,文中详细分析了品牌色不适合运用到网页和APP 的按钮背后的设计逻辑,并不复杂但是非常值得学习。
-
2023年5月15日 — UI Colors 非常貼心地提供了自動生成的參照表,只需點擊色票右上角的“Contrast grid” 按鈕,就可以在彈出的畫面中切換顯示不同的規範類型和級別。
-
2023年8月23日 — 這邊將示範如何修改自訂商品介紹內頁,裡面的直接購買、 加入購物車、追蹤商品這三個按鈕的配色。
按鈕配色 參考影音
繼續努力蒐集當中...