新的Google字體為大連網站設計師贏得了勝利

新的Google字體為大連網站設計師贏得了勝利


Google于2010年推出了Google字體,以收費供應收集字體。在接下來的六年中,因為可負擔性的明顯原因,它在大連網頁設計師中變得異常風行。

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

重組Google字體網站
經由過程Google建造新的Google字體網站組件的模子

他們在6月發布了該網站的全新版本,這是光榮的。在這里,我們將停止疾速瀏覽,告訴您聰明地利用此辦事需求認識的內容,無論您是新手照樣Google字體資深人士。首先,我們需求精通一些基本成績。

收集字體是甚么?

讓我們回顧一下現代互聯網的曙光:1996年。此時,假如您是一名Web大連設計師,則可以合理選擇的唯一字體是可以確保每一個個人計算機一切者已經在其計算機上安裝的字體。 。假如接見者沒有您在網站上利用過的字體,則他們必須當場下載,這在撥號的日子里是不行的。

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

快進到2009年。一個名為@ font-face的CSS程序問世,這使網站接見者首次可以在現場下載字體文件,而無需花費太多時間。與該軟件停止交互的字體稱為收集字體。

Google字體真的收費嗎?有甚么收獲?

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

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

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

改善Google字體
經由過程Google建造新的Google字體網站組件的模子

有一些令人信服的理論。個中之一是,他們希望阻止Web設計人員利用圖象文件而不是字體文件,因為Google的搜刮算法沒法對圖象停止索引。另一個成績是,一旦用戶下載了Web字體一次,他們將永久具有它-是以從那時起,利用該字體接見的每一個網站都將以最佳速度加載。Google將Google字體用于本身的平臺,是以,讓接見者的計算機可以或許以閃電般的速度利用其產品符合他們的利益??偟膩碚f,谷歌是一家基于收集的公司,它將受益于更快,更具吸引力的互聯網。

那末,為甚么人們此時會選擇昂貴的Typekit而不是收費的Google字體?

成立6年以來,Google字體可以或許具有大量高質量的字體。然則,因為它是收費的,而且類型設計人員沒有看到任何專利利用費,是以它永久沒法像Typekit那樣完成數目和質量的提升。Typekit具有更多的字體,而且一切字體都展現出最高的工藝水平。在Google上,您有時可以或許會碰到一些成績,例如笨拙的字距調劑,無論是大號照樣小號字體的渲染效果都不好,或僅僅是美學上有成績的學生作品??傮w而言,它是無與倫比的價格的一個異常好的選擇。

谷歌字體網站
經由過程Google建造新的Google字體網站組件的模子

新的Google字體

Google設計團隊對從新設計發表了很好的解釋,例如,他們介紹了新的色彩選項,更通用的網格布局以及選擇的UI更改。在這里,我們將更深入地對照舊的Google字體和新的Google字體。假如您習慣了舊網站,或您不熟悉Google字體,那末本次導覽將使您疾速入門。

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

谷歌字體集合

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

明顯,谷歌設計師發明用戶對“收藏”一詞感到困惑,于是他們放棄了它?,F在,您可以經由過程單擊加號圖標來添加字體,而且在底部邊緣會泛起一個可擴展的窗口,顯示“已選擇1個字體家族”(或更多,取決于您選擇的字體家族數目)。

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

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

過濾谷歌字體

過去在左側的過濾器選項現在在右側。一個不錯的功用是,假如您想將一切屏幕空間都用于目次網格,可以利用箭頭圖標來折疊此邊距,然后在需求時輕松地從新打開它。

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

這些滑塊依然處于危險區域,提示人們在數目上可以或許缺少Google字體的選擇。例如,假如您將搜刮限制為具有3種或更多款式(即,粗體,斜體等)的字體,然后最先亂寫厚度,傾斜度或寬度的規格,您將很快發明本身發明“找不到匹配項” ”頁面。

互動功用更多,但一些舊功用已消失

谷歌字體功用

個中最引人注目的是右上角的色彩選項,除默許的白色外,您還可以將網站的背景色設置為黃色,藍色或黑色。假如您想認識字體在彩色背景上的外觀,這將很有用。

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

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

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

信息呈現更好

谷歌字體

很高興知道您的字體來自哪里。在大連設計網站上,標本頁面包含設計者的稱號,該稱號鏈接到他們的Google+頁面。然則沒人愿意信息頁上顯示。新站點的優越性是基于網格的標本頁面,在頁面本身的字體說明上方包括了設計者的個人簡介。

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

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

Previous:【大連壹鳴設計】超可愛的Hello Kitty物品設計,以慶祝她的45周年    next:【大連壹鳴設計】滿足Pod Pack:為逆戟鯨釀造的第一款啤酒
国产白丝喷水娇喘视频|91久久精品国产|色悠久久久久综合网伊|亚洲欧美日韩精品