四虎影视永久在线观看精品,少妇性荡欲午夜性开放视频剧场,成人性生交大片免费看一,久久99久久99精品免视看看,中文字幕无线观看在

首頁 > SEO動態(tài) > 網(wǎng)站技術(shù)圖標設(shè)計有什么原則?9個微軟 Fluent 圖標規(guī)范

圖標設(shè)計有什么原則?9個微軟 Fluent 圖標規(guī)范

在前一個版本,F(xiàn)luent 系統(tǒng)圖標采用了 MDL2 和 Monoline 圖標集合,比較大的特征是直角、方方正正的形狀。不過隨著 Win 11 系統(tǒng)的發(fā)布,我們可以看到 Fluent 系統(tǒng)圖標也進行了比較大版本的優(yōu)化,感知最大的地方就是圖標變圓潤了。

圖標設(shè)計有什么原則?9個微軟 Fluent 圖標規(guī)范

設(shè)計理念有三個準則:熟悉的、友好的、現(xiàn)代的。圖標形狀遵循了用戶熟悉的基本原則,示意上識別清晰,盡量遠離隱喻含義。同時,細節(jié)處理更友好,采用了圓角和簡潔的形狀,并有兩個主題:線性和填充。

網(wǎng)格和基礎(chǔ)形狀

規(guī)范化的網(wǎng)格,能促進圖標的整體性和統(tǒng)一性,設(shè)計師繪制圖形元素時也更有條理性。從 24px 圖標尺寸開始,比較建議使用網(wǎng)格系統(tǒng),內(nèi)容安全區(qū)域是 20px,周圍有 2px 的內(nèi)邊距。(留內(nèi)邊距主要是考慮個別圖標居中分布和體量問題,有些圖標元素會超出安全區(qū)域,比如修飾符類型圖形)

基礎(chǔ)形狀是網(wǎng)格的基礎(chǔ),正方形、圓形、縱向矩形、水平矩形采用定義好的模板尺寸,在相關(guān)圖標體量上保持一致的視覺比例。

圖標設(shè)計有什么原則?9個微軟 Fluent 圖標規(guī)范

圓形、矩形、正方形圖標體量效果如下。(矩形體量看起來有點偏小,這種問題受限于圖標尺寸空間?。?/p>

圖標設(shè)計有什么原則?9個微軟 Fluent 圖標規(guī)范

線條

圖標線條應(yīng)當采用一致的粗細,線條末端采用全圓角。

圖標設(shè)計有什么原則?9個微軟 Fluent 圖標規(guī)范

對齊網(wǎng)格

像素對齊很重要,特別是低分屏設(shè)備,圖標可以看起來很清晰。由于線條粗細是 1.5px,需要保證 1px 是對齊像素的,避免內(nèi)外都出現(xiàn)虛邊。

圖標設(shè)計有什么原則?9個微軟 Fluent 圖標規(guī)范

但在某些特殊場景,為了使圖標體量居中分布,就會出現(xiàn)像素不對齊的情況,比如一條豎線。

圖標設(shè)計有什么原則?9個微軟 Fluent 圖標規(guī)范

圓角

Fluent 圖標改動點較大的可以說是圓角了,傳遞了更柔和、更友好的體驗感受。因此,我們認真打磨圓角的細節(jié),定義了三種圓角數(shù)值。大圓角使用在線條直角或鈍角處;當使用大圓角感覺形狀太圓難以辨別時,我們可以使用中圓角;小圓角用于很小的細節(jié)或銳角處。(確實挺細的,也影響了整體的風格。如果追求統(tǒng)一大圓角的話,可能太偏圓潤風格,更適合娛樂類產(chǎn)品用戶吧)

圖標設(shè)計有什么原則?9個微軟 Fluent 圖標規(guī)范

斷口

斷口多存在復合圖標上,斷口間距是 1px。當圖形角度堆疊時,圓角中心點需要一致,即外層圖形圓角會稍大一點,使線條平滑過渡。(看起來確實挺和諧的)

圖標設(shè)計有什么原則?9個微軟 Fluent 圖標規(guī)范

修飾符

修改符應(yīng)當謹慎使用,因為它對于一部分用戶來說很難閱讀。由于尺寸較小,修飾符元素要盡可能地簡潔,常放于圖標的右下角。設(shè)計師在繪制過程中,修飾符圖形可以超出安全區(qū)域,使圖標視覺感官居中分布。

圖標設(shè)計有什么原則?9個微軟 Fluent 圖標規(guī)范

關(guān)閉狀態(tài)

如果已經(jīng)建立的圖標需要關(guān)閉狀態(tài),應(yīng)當遵循模板:斜杠從左上角到右下角 45 度,撐滿圖標的安全區(qū)域。

圖標設(shè)計有什么原則?9個微軟 Fluent 圖標規(guī)范

視覺平衡

圖標平衡很重要,我們也有測試的兩種方法。第一種方法是畫一個圓圈,幫助我們更好地感知平衡性。第二種方法是視覺重量測試 ,通過模糊來感知圖標的區(qū)域面積,從而達到平衡的目的。

圖標設(shè)計有什么原則?9個微軟 Fluent 圖標規(guī)范

命名

隨著更多圖標的創(chuàng)建,我們必須非常有意識地命名,并盡可能地具有前瞻性,后續(xù)才能更好地協(xié)作。我們推薦圖標命名使用形狀的明喻,比如盾牌代替安全,星號代表收藏。

圖標設(shè)計有什么原則?9個微軟 Fluent 圖標規(guī)范

總結(jié)

以上就是 Microsoft Fluent 圖標規(guī)范的一些小翻譯總結(jié)吧,線條粗細、圓角、居中、體量、平衡、命名等方面還挺多細節(jié)可以打磨細化的,希望各位設(shè)計師能夠結(jié)合業(yè)務(wù)來仔細琢磨,提煉出屬于自己產(chǎn)品的圖標規(guī)范。

作者:ALEI的設(shè)計思考

想了解更多網(wǎng)站技術(shù)的內(nèi)容,請訪問:網(wǎng)站技術(shù)

本文來源:http://www.sherrygarden.cn/seodongtai/17369.html

免責聲明:部分文章信息來源于網(wǎng)絡(luò)以及網(wǎng)友投稿,本網(wǎng)站只負責對文章進行整理、排版、編輯,是出于傳遞更多信息之目的,并不意味著贊同其觀點或證實其內(nèi)容的真實性,不承擔任何法律責任。