2019年8月22日,谷歌宣布Android系統(tǒng)的重大改變,不僅換了全新的Logo,命名方式也變了,今年的Android Q的正式名稱(chēng)是Android 10,以后Android系統(tǒng)就會(huì)放棄字母命名改為更簡(jiǎn)單好記的數(shù)字命名。該版本將使用數(shù)字(Android10)來(lái)代替原有的命名方式,這樣給用戶(hù)的感覺(jué)更加直觀、容易理解。
安卓版本的命名和Logo變得更加簡(jiǎn)潔了,這說(shuō)明谷歌也開(kāi)始化繁為簡(jiǎn),追求極簡(jiǎn)的設(shè)計(jì)。在系統(tǒng)交互方面,也會(huì)更加人性化.
全新版本的Android品牌字體顏色從綠色變成了黑色,這樣做也是方便閱讀,因?yàn)榫G色的字體對(duì)于有視力障礙的人會(huì)閱讀困難。
全新的Logo增強(qiáng)了色彩的飽和度和對(duì)比度,用黑色文字和綠色圖標(biāo)組合可以提高識(shí)別度,通過(guò)改變字體字重來(lái)弱化文字部分,簡(jiǎn)化機(jī)器人圖案來(lái)增強(qiáng)圖形的識(shí)別度。
字體大小
人們?cè)诘谝淮螌W(xué)習(xí)英文字母的書(shū)寫(xiě)時(shí),會(huì)在一種類(lèi)似五線(xiàn)譜的四根橫線(xiàn)的本子上練習(xí)英文字母的書(shū)寫(xiě)。在西文字體中對(duì)這四根橫線(xiàn)都有專(zhuān)業(yè)的術(shù)語(yǔ),從上到下依次為上升線(xiàn)(Ascender Line)、中線(xiàn)(Mean Line)、基線(xiàn)(Base Line)、下升線(xiàn)(Descender Line)。小寫(xiě)字母在書(shū)寫(xiě)時(shí)會(huì)有上升部和下升部,比如字母“h”和“g”等。為了方便閱讀,西文字體中的所有大寫(xiě)和小寫(xiě)都是基于字母的基線(xiàn)來(lái)進(jìn)行對(duì)齊排列的。
android由于字母中沒(méi)有下升部,中線(xiàn)與基線(xiàn)的高度成為X-height,決定了字體的整體高度,新品牌降低了字母X-height字高,提升了字母的上升部,目的是為了和bugdroid機(jī)器人頭視覺(jué)平衡。
字間距
新版本的整體字間距都較為寬松,更加方便用戶(hù)閱讀和識(shí)別。an和dr之間的間距一致,nd和oi、id的間距一致。字母的幾何外形不同他們的字母間距也不同。
重復(fù)性和多樣性原則
所有精心設(shè)計(jì)的字體都體現(xiàn)了重復(fù)性和多樣性的原則
ado字母都使用了相同大小的內(nèi)圓,ad字母的外圓統(tǒng)一設(shè)計(jì)變化,
andri字母中的豎線(xiàn)元素都統(tǒng)一左下角使用相同大小的圓角,這是品牌更新的一大亮點(diǎn)。右下角都使用直角,由于字母是基于基線(xiàn)對(duì)齊的,豎線(xiàn)上方都使用直角會(huì)方便向上延展
完全形態(tài)法則
簡(jiǎn)單點(diǎn)說(shuō),當(dāng)圖形是一個(gè)殘缺圖形,但主體有一種使其閉合的傾向,即主體能自行填補(bǔ)缺口從而將其感知為一個(gè)整體。
當(dāng)使用一段獨(dú)立的線(xiàn)條圍成環(huán)狀路徑時(shí),人們的第一反應(yīng)就是將它們視為一個(gè)整體圖形,然后才會(huì)注意到這個(gè)圖案其實(shí)是有許多獨(dú)立的線(xiàn)條組成。以這種方式感受信息的傾向是自動(dòng)的、無(wú)意識(shí)的,而且可能是一種天生的喜好,人們偏愛(ài)單純甚于復(fù)雜,喜歡有規(guī)律甚于無(wú)規(guī)律可循。
如圖android中的字母ad的右側(cè)豎線(xiàn)做了修改,之前是豎線(xiàn)不變,讓你自動(dòng)腦補(bǔ)圓弧其實(shí)比較別扭,現(xiàn)在圓弧切掉豎線(xiàn)部分元素,讓你自動(dòng)腦補(bǔ)豎線(xiàn)就比較順其自然。
視覺(jué)平衡
26字母的形態(tài)各異,有的寬,例如“M” ;有的窄,例如“I”,有的圓有的尖,我們大致可以把26字母分成以下幾類(lèi)
視錯(cuò)覺(jué)的調(diào)整,數(shù)理上高低等大的三角形、方形、圓形,放在一起在視覺(jué)上感覺(jué)三角形過(guò)窄,圓形稍小,同樣的字母里同形狀的字母雖然在數(shù)理上等高等低,但是放在一起,視覺(jué)上就感覺(jué)稍小和稍窄。如果我們稍作調(diào)整,加寬三角形,放大圓形,那么就能取得視覺(jué)上的一致,很多新手在調(diào)整字母時(shí)都一味的按照自己畫(huà)的輔助線(xiàn)去做成數(shù)理上的等大,但是視覺(jué)上就出現(xiàn)了問(wèn)題。
如圖android是基于基線(xiàn)對(duì)齊沒(méi)有下升部,O的圓弧底部會(huì)向下稍稍超出基線(xiàn)邊緣,來(lái)確定整個(gè)編排的視覺(jué)平衡。
色彩無(wú)障礙設(shè)計(jì)標(biāo)準(zhǔn)(WCAG 2.0)
顏色對(duì)比度無(wú)障礙標(biāo)準(zhǔn)
1.4.3 對(duì)比度(最?。? 文本的視覺(jué)呈現(xiàn)以及文本圖像至少要有 4.5:1 的對(duì)比度(AA級(jí))大文本: 大號(hào)文本以及大文本圖像至少有 3:1 的對(duì)比度
1.4.6 對(duì)比度(加強(qiáng)): 文本視覺(jué)呈現(xiàn)以及文本圖像至少有 7:1 的對(duì)比度(AAA級(jí))大文本: 大號(hào)文本以及大文本圖像至少有 4.5:1 的對(duì)比度
Ps:大文本:至少 18pt(24px)或 14pt(19px)bold
[WCAG 2.1: What You Need to Know](https://www.boia.org/blog/wcag-2.1-what-you-need-to-know)
之前的綠色在白色背景對(duì)比度才2.22:1,現(xiàn)在改成黑色變成了20.63:1。后者更符合顏色對(duì)比的無(wú)障礙標(biāo)準(zhǔn)。
圖形
谷歌保留了Android的頭部會(huì)更加有品牌表現(xiàn)力和擬人化的趣味性。Android頭部的眼睛和天線(xiàn)進(jìn)行了適當(dāng)?shù)膬?yōu)化,使整體的高寬比例與”android”字母相匹配。Android頭部的眼睛和天線(xiàn)通過(guò)位移旋轉(zhuǎn)動(dòng)畫(huà)來(lái)表達(dá)自己的不同情緒。
品牌的擴(kuò)展性
如圖天貓的貓頭設(shè)計(jì),每年雙11的時(shí)候貓頭的金鐘罩設(shè)計(jì)會(huì)刷屏,大大增加了品牌的影響力。
顏色
全新的Logo增強(qiáng)了色彩的飽和度和對(duì)比度,用黑色文字和綠色圖標(biāo)組合可以提高識(shí)別度,通過(guò)改變字體字重來(lái)弱化文字部分,簡(jiǎn)化機(jī)器人圖案來(lái)增強(qiáng)圖形的識(shí)別度。
很多互聯(lián)網(wǎng)公司的品牌升級(jí)中,顏色都從深亮色調(diào)到淺亮色已是一種趨勢(shì)。且也符合我之前寫(xiě)的CMYK配色法的規(guī)律,可以看上一篇哦~
新的配色為品牌靈活適應(yīng)更多的應(yīng)用場(chǎng)景。六種顏色進(jìn)行搭配更具活力。新的品牌色也使用了潘通色卡關(guān)注打印模式下的品牌色,盡可能保證在不同載體下品牌色的統(tǒng)一性。
總結(jié)
看似一次不大的Android品牌升級(jí),里面包含的很多細(xì)膩的設(shè)計(jì)。品牌設(shè)計(jì)中更注重理論與實(shí)踐相結(jié)合,一步一個(gè)迭代,讓品牌升級(jí)更出色。我們無(wú)論在品牌設(shè)計(jì)還是圖形圖標(biāo)的設(shè)計(jì)時(shí),應(yīng)該為設(shè)計(jì)加入更多的細(xì)節(jié)讓我們?cè)O(shè)計(jì)更上一個(gè)臺(tái)階。
原文作者:RDD
全站高品質(zhì)素材免費(fèi)下載!