設計網站時并非每個按鈕都需要顏色，設計不要讓小圖標無端地放大

2017-11-27 分類：網站建設

并非每個按鈕都需要顏色
很多時候，按鈕本身所處的語境和按鈕上的文本內容會讓人感到迷惑。像BootStrap 這樣的框架就讓設計師按照語境和語義來進行選擇：的確，語義和按鈕本身的設計息息相關，但是還有更重要的維度被忽略了，那就是層次結構。
網頁上每個操作其實都位于整個交互金字塔的某個位置。絕大多數的頁面其實只有一個主要操作，搭配一些不太重要的次要操作，以及為數不多的幾個三級操作。
在設計這些交互的時候，通過層次結構來呈現這些交互的重要性是很重要的設計環節。
主要操作應該很明顯。采用實色、高對比度的按鈕是很有必要的。
次要操作應該明顯，但是不突出，采用幽靈按鈕或者和背景對比度較低的色彩是比較合理的。
三級操作應該是可被發現，但是不明顯的，他們最好被設計為鏈接。
“破壞性的交互所涉及的按鈕難道不應該是紅色的么？”
沒必要！如果破壞性的交互所涉及到的按鈕不是主要操作的話，讓它按照次要操作甚至三級操作的按鈕來設計就好了。

不要讓小圖標無端地放大
當你在設計著陸頁的時候，可能會突出產品的功能，這個時候你需要一些大圖標來作為視覺錨點，這個時候你可能會去 Font Awesome 或者 Zondicons 這樣的網站找幾個免費的矢量圖標，然后放大到符合你需求的尺寸。
它們都是矢量圖標，照說是可以無損放大的。但是一個通常只有16×16 的圖標放大三四倍，它固然無損，但是在視覺上就顯得頗為不專業了：缺乏細節，總感覺過于矮胖。
可是，如果這些小圖標是你唯一能夠搞得到的素材的話，那么不妨試著將它置于另外一個帶有顏色的圖形當中：
這樣的設計不僅能夠讓圖標達到預期的視覺體積，而且看起來要比單純放大，看起來細節會更多一些。當然，如果你手頭不是那么緊的話，最好還是買幾個大尺寸的高素質圖標，比如 Heroicons 或 Iconic。

網站標題：設計網站時并非每個按鈕都需要顏色，設計不要讓小圖標無端地放大
新聞來源：http://m.kartarina.com/news/76528.html

成都網站建設公司_創新互聯，為您提供定制網站、建站公司、App設計、搜索引擎優化、網站維護、網站策劃

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容