扁平化設計採用簡潔的形狀、醒目的色彩,並且摒棄了所有深度效果。它沒有陰影、漸層、斜面或紋理。這種風格的出現是對擬物化設計的反動,擬物化設計模仿了現實世界的材質。早期的 iPhone 介面就採用了皮革縫線、玻璃按鈕和紙張紋理等元素。扁平化設計則摒棄了所有這些元素,最終呈現出簡潔、現代且渲染速度快的視覺效果。微軟的 Metro 設計語言和蘋果的 iOS 7 系統使其廣為人知。
扁平化設計有利有弊。由於缺乏陰影或深度提示,互動元素可能難以辨認。一個看起來像彩色矩形的按鈕可能不會讓人聯想到可以點擊。設計師們透過微妙的陰影和懸停效果解決了這個問題,由此產生了所謂的扁平化2.0或Material Design。這種風格也犧牲了視覺上的豐富性。漸層和紋理可以增添溫暖和個性。如果運用不當,扁平化設計會顯得單調乏味。由於視覺裝飾減少,字體排版變得更加重要。配色方案也更加重要。插圖和圖標必須具有鮮明的特色。扁平化設計不僅是一種美學,更是一種概念。它優先考慮清晰度和功能性,而非裝飾性。運用得當,它優雅別緻;運用不當,則乏味無趣。
扁平化設計特點
- 沒有陰影-所有元素都位於同一平面上。
- 不使用漸層色-只有純色。
- 簡單形狀-圓形、長方形和直線
- 醒目的字體-文字承載著設計
- 鮮豔的色彩-高對比度的扁平調色盤
扁平化設計是將極簡主義應用於介面設計。它去除了所有不必要的元素。
Comments (2)
Leave a comment