谷歌的挑戰(zhàn)響應(yīng)的最佳實(shí)踐與調(diào)整
由于響應(yīng)的網(wǎng)頁設(shè)計(jì),企業(yè)家,設(shè)計(jì)師,業(yè)余愛好者,出現(xiàn)成型的初創(chuàng)公司,設(shè)計(jì)的應(yīng)用程序已被釋放的工具,使我們能夠預(yù)見我們的設(shè)計(jì)在不同的斷點(diǎn)。
最近把他們的帽子成環(huán)是新的谷歌縮放項(xiàng)目,旨在讓設(shè)計(jì)師預(yù)覽響應(yīng)的網(wǎng)站在不同的斷點(diǎn)。
最近把他們的帽子成環(huán)是新的谷歌縮放項(xiàng)目,旨在讓設(shè)計(jì)師預(yù)覽響應(yīng)的網(wǎng)站在不同的斷點(diǎn)。
谷歌的意義與解決方案進(jìn)入市場,通過其龐大的規(guī)模,谷歌進(jìn)行了巨大的重量在設(shè)計(jì)界。無論是谷歌的字體,字體為主導(dǎo)(最近的一webdesignerdepot民意調(diào)查顯示,70%的讀者主要依靠谷歌的字體),或取代平面設(shè)計(jì)的材料設(shè)計(jì),任何谷歌說網(wǎng)頁設(shè)計(jì)通常是作為“最佳實(shí)踐”。
因此關(guān)注有效的原因時(shí),谷歌倡導(dǎo)的方法,與既定的標(biāo)準(zhǔn)。
谷歌的材料設(shè)計(jì)規(guī)范已經(jīng)提供指導(dǎo)在斷點(diǎn):
最佳的用戶體驗(yàn),材料設(shè)計(jì)用戶界面應(yīng)該適應(yīng)布局如下:480,600,斷點(diǎn)寬度的840,960,1280,1440,和1600dp。
調(diào)整遵循相同的原則:它提供了在筆記本電腦和移動預(yù)覽設(shè)置斷點(diǎn)。筆記本電腦(或臺式機(jī))的屏幕可以480px,600px,840px,960px寬,1280px,1440px -1600px寬,或。手機(jī)的屏幕可以360px,600px,720px 1024px寬,或。
雖然這是一個(gè)很好的橫截面的大小雖然是不接近Android設(shè)備的全范圍的方法有一個(gè)根本性的錯(cuò)誤:好的響應(yīng)式設(shè)計(jì)使用內(nèi)容的斷點(diǎn),斷點(diǎn)不視口;沒關(guān)系,什么尺寸的三星使它的下一個(gè)電話,重要的是在什么尺寸你的內(nèi)容分解。
大多數(shù)網(wǎng)站設(shè)計(jì)應(yīng)用最新的例如Adobe繆斯正確允許自定義的斷點(diǎn),使得媒體查詢?yōu)槟膬?nèi)容寫的,不是一個(gè)假想的裝置。
調(diào)整是專門設(shè)計(jì)來測試(有些)材料設(shè)計(jì)的視口的斷點(diǎn)。危險(xiǎn)的是,縮放,和谷歌的支持,將使響應(yīng)的網(wǎng)站作為一個(gè)系列的視口大小的神話,而不是流體設(shè)備無關(guān)的內(nèi)容。
牧羊人設(shè)計(jì)文章推薦:
標(biāo)志設(shè)計(jì)的兩極分化的意見
當(dāng)我意識到我不是一個(gè)“藝術(shù)家”設(shè)計(jì)師
MAC瀏覽器流體亮相