當前位置:首頁>ps入門教程>ps基礎教程>設計知識>教程內容

設計趨勢!設計的現狀與趨勢(3)

來源:aliued 作者:aliued 學習:4213人次

1、忘記設備

因為我們不知道用戶會用什么樣的設備來訪問網站,因此,我們必須盡可能地把所有情況都囊括進來;所有的東西(布局、組件等)都能與不同類型的設備和平臺相兼容。

2、優(yōu)雅降級

雖然這個概念一開始是技術實現上對新的特性在老的瀏覽器上無法很好實現時的折中做法,但在此僅想表達在對布局做彈性設計時,內容從寬到窄的變化呈現,必須經過重重篩選,留存最核心的內容塊。這種模式非常適合對已存在的pc頁面產品進行響應式設計改造。

3、漸進增強

此概念是在Steven在2003年的SXSW活動上提出的。在本質上來說,就是把優(yōu)雅降級倒過來:先創(chuàng)建一個基本體驗,側重讓內容以一種簡介的方式來展現;之后,在保證基本體驗的前提下,開始著手做有關顯示的布局和交互。而在此,也借用來說明下對于響應式設計的內容策略中,內容從窄到寬的變化呈現中,可以讓內容的豐富度也相應地有所增加。這種模式與移動優(yōu)先策略是相匹配的。

當然,目前響應式也是有存在各種爭論的,也許你有一個很好的理由不用響應式網頁設計?但我想沒人會說,“讓我們擺脫響應式設計吧”,而實際上,越來越多的網站選擇成為響應式。2014年如此,2015年也還是會繼續(xù),因為這已經不是種趨勢,而怡然是種常態(tài)了。

未來的路

雖然響應式設計的優(yōu)勢和趨勢已被普遍認可,但目前響應式設計的模式的普及還是有很多難題需要突破:

1、響應式圖片

目前彈性圖片的做法主要是:縮放、剪裁、分條件加載等實現方法本質上都只是一個技巧,只是治標不治本地掩蓋了問題,并未真正完美地實現圖片的彈性。

2、跨端的交互

在響應式設計中,我們不僅要需要考慮桌面用戶的使用習慣,還必須兼顧不同尺寸的手持設備。比如在桌面端無盡優(yōu)雅的Hover,在移動端卻是無比糟糕的體驗,如何“求同存異”,讓各端體驗均能最佳,還是需要繼續(xù)深入探究的。

3、性能

性能估計是在響應式開發(fā)中最大的痛,按條件加載、隱藏或顯示什么內容,都會比單一條件判斷的代碼結構來的繁瑣,并影響體驗及維護。尤其是移動性能上,更多樣的設備具有更加復雜的使用環(huán)境,如何識別設備,并讓設備在不同環(huán)境均能良好體驗,也是一根硬骨頭。

4、合作流程

響應式設計遠遠不止是一種簡單的設計策略,它為Web項目帶來的是一整套全新的、完整的方法,還應該包括一種新的、可以更好地利用這一模式的工作流程。

最后,我想說下響應式體現的是一種高度適應性的設計思維模式。在響應式設計探究的道路上,響應式本身不是唯一目的,基于任意設備對頁面內容進行完美規(guī)劃的設計策略及工作流程應該是我們更大的課題。

 

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關注大神微博加入>>

網友求助,請回答!