標簽歸檔:響應式

響應式圖片解決方案

如今開發一個網站不是響應式都不好意思拿出來,那么作為響應式中的重要一環「響應式圖片」你又是如何解決的呢? 網站的平均加載已經到了近 2MB 并在不斷地增加中,其中圖片占據了絕大多數流量(…

毀掉移動應用設計的6個想當然

我們都聽過一句話:“不要想當然”,容易被忽視的往往是一些簡單到極點的事實。 過去幾年來,用戶交互進化如此迅速,設計師們都快跟不上了——導致在創建移動應用時,從其他媒介(甚至陳舊的應用設計)中照搬…

響應式Web設計 – 布局

寫在前面 去年上半年,我開始著手推動項目中響應式設計的落地。以官網優化需求為契機,主動去做了響應式的頁面設計,也說服了產品、設計和開發的相關同事一起把它上線落實,但不幸的是,由于各種方面的原因

新版MATERIAL DESIGN官方動效指南

編者按:前兩天Google 剛發布了新版Material Design?官方動效指南,今天@平行煎餅?就給大家帶來了中文版!全文包括三個部分:為什么說動效很重要?如何制作優秀的Material Des…

避免3種響應式設計災禍

設計響應式網頁時也會遇到一些問題,菜單、圖片、內容排布如果處理不善,會破壞網站的視覺效果與內容層次關系。 響應式設計方法對開發者非常有用,因為它使我們的內容在各種設備上廣為傳播。不用保留…

響應式設計爭議:留住用戶與失去用戶

譯前言:2015年響應式設計趨勢的延續,也將帶來更多的爭議和思考,此文所引論據較為客觀,點出了響應式概念的初衷和近年來跨屏設計的狀況,并提供了解決思路和可參考的具體方法,原文下的評論也有諸多爭議,…

在響應式項目中連接設計與開發

優秀的網頁項目,不會單靠好的設計或是開發就能成功——它也需要設計師與開發者的溝通與協作。 我看過相當多的設計師與開發者由于缺乏溝通而糟蹋了項目,結果導致關系惡化。我也見過很多初學的設計師和開發者…

Material Design復雜響應式設計

2011年,Gmail郵箱的按鈕變得更加扁平化。2012年,Google引入分層的卡片設計,使用更多的空白和精心設計的層次排版結構。經歷了幾年的迭代和提煉,Google尋找到了一種可以貫通的理論體系,…

響應式導航有哪幾類設計方式?

在大屏幕上,導航置頂或導航居左是兩種典型的設計模式,然而,這兩種模式在小屏幕上卻遭遇挑戰。在響應式設計日漸流行的今天(譯者注:其實已經流行了好幾年了),我們更有必要重新審視針對小屏幕環境下的導航設計模…

響應式設計的現狀與趨勢

從2012年開始到2014年,各大家對Web設計的趨勢預測中,都提到響應式設計;2015年網頁設計趨勢預測中,響應式仍在繼續。這個經歷了幾年依然大熱的響應式,在過去的幾年里,快速鞏固了自己的地…

響應式Web設計的9項基本原則

響應式web設計對于解決多類型屏幕問題來說是個不錯方案,但從印刷的角度來看,其卻存在著很多的困難。沒有固定的頁面尺寸、沒有毫米或英寸,沒有任何物理限制,讓人感到無從下手。

提升移動設備響應式設計的8個建議

現在,對于任何種類的網站開發來說,響應式Web設計都不能再局限于紙上談兵,其是開發階段的一個關鍵步驟。作為設計師和開發人員,我們必須要了解有效響應式設計的重要性以及其在保證優秀終端用戶體驗方面…

你應該了解的“移動端兼容性”

編者按:移動端的競爭愈演愈烈,大家的碎片時間更多地消耗在了手機和平板上,而非PC。開發者在不同平臺不同終端之間來回周旋,如何把控兼容性就成了一個非常重要的課題。接下來,看看暢游VC是如何分析和看待移動…

風靡移動時代-為何響應式設計如此盛行?

移動設備大爆發時代已經來臨!有數據表示,2011年5月,有35%的人使用智能手機,17%仍然沒有手機,到2013年5年,已有56%的用戶使用智能手機。這一數據表示2000年代移動互聯網的增長速度是上世…

自適應不同的分辨率界面的技巧

首先呢來看一張圖: 這是2個半月騰訊游戲官網的分辨率數據,可以看出來PC端里1024*768占20%、1920*1080占14%。而這2個分辨率的顯示寬度相差了接近一倍。 而現…