線性圖示如何設計?

時間 2021-06-22 04:57:53

1樓:無感

圖示是 UI 設計中最基礎也是很重要的部分,輔助人們更好的理解功能內容。隨著扁平化設計風格的普及,圖示的風Grand SantaFe來越簡約,看似簡單的圖形,實際要準確的表達含義,也是需要注意一些方法的。以下是圖示設計技巧的分享內容:

設計圖示是乙個藝術創作的過程,裡面也有很多需要被關注而不可忽視技巧。要知道如何設計好圖示,是對於 UI 設計師來說是不可或缺的重要技能。

在我設計圖標的時候,我個人認為有以下7個規則:

乙個圖示乙個非寫實的表現。不需要擔心圖示不夠真實,消除不必要的細節,用基本的形狀只保留最基礎的部分,讓這個圖示更容易被理解。

有時候圖示會因為有更多細節而傳達了更複雜的意思,這反而是樣式問題!

在整個圖示系統中,你的圖示要保持同一種樣式來確保圖示完美協調。比如同樣的形狀,填充,描邊粗細,尺寸等。要制定好可以被復用的柵格,規範和樣式。

如果可以的話,盡可能重新設計這些圖示,而不要混入其他不同風格的圖示來使用。

設計「完美畫素」的圖示,特別是在圖示非常小的時候。這樣圖示的描邊就可以保持銳利,不會有模糊。注意半畫素的情況出現,盡量避免小數點引數。

這也可以幫你保持圖示的辨識度,在你等比縮放他們的時候保持清晰。

確保你的圖示的所有形狀有足夠的空間。筆畫和空間過於狹小會使圖示更難被理解。

最少給2px的負空間

確保你的圖示看起來是正確的,適當的調整元素的對齊來達到視覺上的平衡。

不要只關注引數,如果有需要就用上你的眼睛來衡量,輕微移動這些元素。

所有圖示保持同樣的尺寸,在圖示周圍定義乙個可調整的內邊距範圍,盡量讓元素設計在這個範圍內。不要擠滿所有元素。

當圖示需要額外控制項時可以超出這個內邊距範圍。

在設計階段,你的圖示可能看起來是完美的,但還是需要將圖示放到實際的介面環境中,測試他們是不是完美,有沒有可以調整的細節問題。

確保每個新增的圖示和其他圖示顯示一致。

如何評價 Windows 10 的新圖示設計?

已登出 當年 The Old New Thing 在 Windows XP 年代曾經寫到 現在時尚的鐘擺又從 3D 盪回了平面,誰也不知道這一風潮能占上風多久。等到人們厭倦了平面觀感的時候,3D 會不會殺個回馬槍呢?這是毅種迴圈 JimAdministrator 整體還是很協調的,但是我個人很喜歡扁...

如何評價 iOS 7 原生應用的圖示設計?

李傑 ios6到ios7圖示我感覺終於有個整體風格了。PS我覺得蘋果系列產品精華在於體驗和外觀設計,圖示整體風格並不好,從創新角度ios7做的不錯 但是從體驗角度失敗了,因為原來老使用者並不買賬 扁平完全沒有錯,但做這麼醜實在是不應該!miui v5都完爆了好嗎?自以為是地套上參考線,體現 有理有據...

非線性系統線性化後設計控制律?

Dr.Spy 我覺得看系統的特性和你做控制的目的來決定。如果系統在設計點處線性度比較好可以這麼設計。線性度是不是好,其實可以通過機理分析,你自己用系統的動態方程推導一下在這個點的雅可比矩陣就知道了。如果線性度好的話,那用線性控制律沒問題。如果線性度不太好,那可能得非線性的或者線性增益排程 線性增益排...