日韩精品在线一区丝袜_国产精品免费v片在线无遮挡_avbt亚洲少妇天堂_京东热午夜宅男福在线_在线观看美女猛喷白浆视频

新的Google字體為大連網(wǎng)站設(shè)計(jì)師贏得了勝利

新的Google字體為大連網(wǎng)站設(shè)計(jì)師贏得了勝利


Google于2010年推出了Google字體,以收費(fèi)供應(yīng)收集字體。在接下來的六年中,因?yàn)榭韶?fù)擔(dān)性的明顯原因,它在大連網(wǎng)頁設(shè)計(jì)師中變得異常風(fēng)行。

原始網(wǎng)站絕對(duì)是初創(chuàng)企業(yè)所稱的MVP:最小可行的產(chǎn)品。它完成了工作,然則它并不漂亮,而且不是特別容易利用。作為一家越來越注重設(shè)計(jì)的大連公司,Google認(rèn)為有必要對(duì)UI / UX停止從新設(shè)計(jì)。

重組Google字體網(wǎng)站
經(jīng)由過程Google建造新的Google字體網(wǎng)站組件的模子

他們?cè)?月發(fā)布了該網(wǎng)站的全新版本,這是光榮的。在這里,我們將停止疾速瀏覽,告訴您聰明地利用此辦事需求認(rèn)識(shí)的內(nèi)容,無論您是新手照樣Google字體資深人士。首先,我們需求精通一些基本成績(jī)。

收集字體是甚么?

讓我們回顧一下現(xiàn)代互聯(lián)網(wǎng)的曙光:1996年。此時(shí),假如您是一名Web大連設(shè)計(jì)師,則可以合理選擇的唯一字體是可以確保每一個(gè)個(gè)人計(jì)算機(jī)一切者已經(jīng)在其計(jì)算機(jī)上安裝的字體。 。假如接見者沒有您在網(wǎng)站上利用過的字體,則他們必須當(dāng)場(chǎng)下載,這在撥號(hào)的日子里是不行的。

96年,Microsoft決意經(jīng)由過程收費(fèi)分發(fā)包括Arial,Times New Roman和Verdana在內(nèi)的各種字體來使Internet堅(jiān)實(shí),以便增添可供Web設(shè)計(jì)人員利用的可行字體的數(shù)目。收集最先看起來更好了,然則您依然經(jīng)??吹揭槐橛忠槐闇贤ǖ淖煮w。假如您碰到更獨(dú)特的內(nèi)容,則可以或許是圖象文件。

快進(jìn)到2009年。一個(gè)名為@ font-face的CSS程序問世,這使網(wǎng)站接見者首次可以在現(xiàn)場(chǎng)下載字體文件,而無需花費(fèi)太多時(shí)間。與該軟件停止交互的字體稱為收集字體。

Google字體真的收費(fèi)嗎?有甚么收獲?

在@ font-face革命之后,泛起了一些辦事,供應(yīng)按月收費(fèi)的精選Web字體,它們與供應(yīng)字體的專業(yè)字體代工共享。這些辦事中最大的是Adobe Typekit。

輸入Google。為了不被淘汰,這家互聯(lián)網(wǎng)巨頭決意收費(fèi)供應(yīng)可對(duì)照的辦事。是的,  收費(fèi)收費(fèi):Google字體目次中列出的一切字體都是開源的,這意味著您不僅可以將它們用于任何商業(yè)或非商業(yè)網(wǎng)頁,而且與Typekit分歧,您還可以將其下載到您的計(jì)算機(jī),甚至本身對(duì)其停止調(diào)劑!最重要的是,Google強(qiáng)大的辦事器功用意味著下載速度異??欤纱_保您的Web接見者具有良好的體驗(yàn)。

那末Google里面有甚么呢?明顯,他們并不是僅僅出于內(nèi)心的意愿而這樣做。

改善Google字體
經(jīng)由過程Google建造新的Google字體網(wǎng)站組件的模子

有一些令人信服的理論。個(gè)中之一是,他們希望阻止Web設(shè)計(jì)人員利用圖象文件而不是字體文件,因?yàn)镚oogle的搜刮算法沒法對(duì)圖象停止索引。另一個(gè)成績(jī)是,一旦用戶下載了Web字體一次,他們將永久具有它-是以從那時(shí)起,利用該字體接見的每一個(gè)網(wǎng)站都將以最佳速度加載。Google將Google字體用于本身的平臺(tái),是以,讓接見者的計(jì)算機(jī)可以或許以閃電般的速度利用其產(chǎn)品符合他們的利益。總的來說,谷歌是一家基于收集的公司,它將受益于更快,更具吸引力的互聯(lián)網(wǎng)。

那末,為甚么人們此時(shí)會(huì)選擇昂貴的Typekit而不是收費(fèi)的Google字體?

成立6年以來,Google字體可以或許具有大量高質(zhì)量的字體。然則,因?yàn)樗鞘召M(fèi)的,而且類型設(shè)計(jì)人員沒有看到任何專利利用費(fèi),是以它永久沒法像Typekit那樣完成數(shù)目和質(zhì)量的提升。Typekit具有更多的字體,而且一切字體都展現(xiàn)出最高的工藝水平。在Google上,您有時(shí)可以或許會(huì)碰到一些成績(jī),例如笨拙的字距調(diào)劑,無論是大號(hào)照樣小號(hào)字體的渲染效果都不好,或僅僅是美學(xué)上有成績(jī)的學(xué)生作品??傮w而言,它是無與倫比的價(jià)格的一個(gè)異常好的選擇。

谷歌字體網(wǎng)站
經(jīng)由過程Google建造新的Google字體網(wǎng)站組件的模子

新的Google字體

Google設(shè)計(jì)團(tuán)隊(duì)對(duì)從新設(shè)計(jì)發(fā)表了很好的解釋,例如,他們介紹了新的色彩選項(xiàng),更通用的網(wǎng)格布局以及選擇的UI更改。在這里,我們將更深入地對(duì)照舊的Google字體和新的Google字體。假如您習(xí)慣了舊網(wǎng)站,或您不熟悉Google字體,那末本次導(dǎo)覽將使您疾速入門。

字體更容易選擇。然則您的“收藏品”在哪里?

谷歌字體集合

在舊的Google字體中,您找到了本身喜歡的字體并將其添加到所謂的“收藏夾”中。您利用帶有此短語的藍(lán)色大按鈕完成了此操作。

明顯,谷歌設(shè)計(jì)師發(fā)明用戶對(duì)“收藏”一詞感到困惑,于是他們放棄了它。現(xiàn)在,您可以經(jīng)由過程單擊加號(hào)圖標(biāo)來添加字體,而且在底部邊緣會(huì)泛起一個(gè)可擴(kuò)展的窗口,顯示“已選擇1個(gè)字體家族”(或更多,取決于您選擇的字體家族數(shù)目)。

關(guān)于新網(wǎng)站的最好的事情之一是,加號(hào)在列出字體的任何地位泛起,是以添加您可以或許偶然發(fā)明的字體真的很容易。假如要稍后刪除它們,只需單擊以加號(hào)取代的減號(hào)圖標(biāo)。相比之下,在舊版Google字體中,您只能從主目次中添加字體,是以,假如您經(jīng)由過程彈出頁面上的“常見配對(duì)”功用碰到了字體(它們正確地消除惱人的UX方面) ,您只需記住它,然后在目次中創(chuàng)建一個(gè)新的搜刮。

過濾器更漂亮,但利用起來依然有些棘手

過濾谷歌字體

過去在左側(cè)的過濾器選項(xiàng)現(xiàn)在在右側(cè)。一個(gè)不錯(cuò)的功用是,假如您想將一切屏幕空間都用于目次網(wǎng)格,可以利用箭頭圖標(biāo)來折疊此邊距,然后在需求時(shí)輕松地從新打開它。

假如您習(xí)慣了舊的過濾器菜單,則會(huì)注意到新菜單利用較少的下拉菜單,是以類別(serif,sans serif等)之類的內(nèi)容始終顯示為復(fù)選框??钍綌?shù)目,厚度,傾斜度和寬度的滑塊也是如此,您可以選中這些滑塊來激活。

這些滑塊依然處于危險(xiǎn)區(qū)域,提示人們?cè)跀?shù)目上可以或許缺少Google字體的選擇。例如,假如您將搜刮限制為具有3種或更多款式(即,粗體,斜體等)的字體,然后最先亂寫厚度,傾斜度或?qū)挾鹊囊?guī)格,您將很快發(fā)明本身發(fā)明“找不到匹配項(xiàng)” ”頁面。

互動(dòng)功用更多,但一些舊功用已消失

谷歌字體功用

個(gè)中最引人注目的是右上角的色彩選項(xiàng),除默許的白色外,您還可以將網(wǎng)站的背景色設(shè)置為黃色,藍(lán)色或黑色。假如您想認(rèn)識(shí)字體在彩色背景上的外觀,這將很有用。

另一個(gè)很棒的功用是,您可以直接在目次的網(wǎng)格中鍵入內(nèi)容,用本身的單詞替換字體的默許文本示例。然則,對(duì)于該原理有一些奇怪的例外,例如在字體的擴(kuò)展標(biāo)本頁面上(可經(jīng)由過程“查看標(biāo)本”接見),個(gè)中以大尺寸顯示的示例字形不能與其他字形互換。

在標(biāo)本頁面上,您會(huì)找到“風(fēng)行配對(duì)特征”,個(gè)中列出了通常與您正在尋找的字體一起泛起的字體。舊的Google字體網(wǎng)站僅向您顯示了兩個(gè)溝通的文本片段,一個(gè)在另一個(gè)之上。新的配對(duì)功用使一個(gè)字體成為標(biāo)題,而另一正文文本(通常在實(shí)際的網(wǎng)頁上停止配對(duì))使您可以選擇要放在哪個(gè)地位的字體。

似乎缺少的一項(xiàng)交互式功用是“對(duì)照”功用,該功用在舊版Google字體上允許您覆蓋集合中的兩種字體,以準(zhǔn)確查看字符之間的差異。這似乎很方便,然則可以或許沒有得到太多利用。

信息呈現(xiàn)更好

谷歌字體

很高興知道您的字體來自哪里。在大連設(shè)計(jì)網(wǎng)站上,標(biāo)本頁面包含設(shè)計(jì)者的稱號(hào),該稱號(hào)鏈接到他們的Google+頁面。然則沒人愿意信息頁上顯示。新站點(diǎn)的優(yōu)越性是基于網(wǎng)格的標(biāo)本頁面,在頁面本身的字體說明上方包括了設(shè)計(jì)者的個(gè)人簡(jiǎn)介。

舊站點(diǎn)供應(yīng)或試圖供應(yīng)的另一條信息是字體完成的全球分布。他們以地圖的形式展示了這一點(diǎn),分歧國(guó)家/地區(qū)的暗影方式分歧,以表示該字體的風(fēng)行程度。不幸的是,這種暗影的含義沒有要害,是以基本上沒有意義。在新站點(diǎn)上,他們用漂亮的餅圖取代了地圖,這更加不言自明。

Google供應(yīng)的最要害的統(tǒng)計(jì)數(shù)據(jù)可以或許是頁面加載速度,該速度取決于您選擇的字體系列和款式(即,粗體,斜體,壓縮等)而增添。(提示一下,您應(yīng)該只選擇要利用的款式;不要“以防萬一”選擇一個(gè)家庭中的一切款式)。不幸的是,在舊站點(diǎn)上利用里程表和數(shù)字來顯示。這個(gè)數(shù)字代表多少毫秒?目前尚不清楚。新站點(diǎn)上的事情要簡(jiǎn)單得多。您最終會(huì)獲得以下三種速度之一:慢速,中速或疾速。

Previous:【大連壹鳴設(shè)計(jì)】超可愛的Hello Kitty物品設(shè)計(jì),以慶祝她的45周年    next:【大連壹鳴設(shè)計(jì)】滿足Pod Pack:為逆戟鯨釀造的第一款啤酒