網站跨平臺，我們能做什么？

0 評論 5029 瀏覽 0 收藏 6 分鐘

 

最近比較關注WEB頁面在不同平臺的呈現，于是瀏覽了多家門戶網站分別在PC端、IPAD端、手機端呈現差異，這過程中逐步對網站跨平臺呈現有了一些想法，于是想寫出來和大家分享，同時之后能和大家討論有新的發現。

 

以下是幾個有特點的網站先列舉一下：

 

yahoo首頁? ???www.yahoo.com

特點：雅虎首頁最近進行了改版，在PC端呈現左中右三列，在IPAD上轉變為兩列，在手機端變為單列，在具體細節根據平臺的不同略有差異。

 

左側的導航在IPAD上變為logo左側的按鈕，觸發彈窗導航。

?

Uehtml網站? ? ?www.uehtml.com

特點：html5響應式布局，可以根據平臺和分辨率寬度自動配置界面，是現在比較完美的跨平臺產品。

以下是在不同條件的效果：

1、在pc端會根據不同瀏覽器顯示三種寬度樣式（4列、5列、6列）

 

 

 

2、在ipad端根據橫屏和豎屏顯示兩種寬度樣式（2列、3列）


 

3、在手機端根據橫屏和豎屏顯示兩種寬度樣式（1列、2列）

 

新浪新聞首頁? ??http://news.sina.com.cn/

特點：采用了和雅虎類似的方式，在IPAD端也采用了兩列布局，導航以按鈕方式放在logo上方點擊展開，文字放大便于瀏覽。

 

網易首頁? ??www.163.com

特點：兩平臺廣告投放不一致，IPAD端右側flash廣告取消，PC端右側微博、發現、專題滑動門切換在IPAD端分為了上下排列的三個欄目用于填充因取消廣告剩的空白區域。

在IPAD上呈現的廣告為靜態的，這不失為一種廣告跨平臺的解決方案。


 

 

 

以上例子只是所見比較有特點的，他山之石可以攻玉（我又提這句話，不過很有道理），移動互聯已經成為未來趨勢，我們如何去適應，需要用積極態度去應 對。html5和響應式布局應該是當下應該積極嘗試的技術和方式（有一種說法，2013對于網站是響應式布局之年），希望以上這些能引起大家的共鳴，歡迎 大家跟帖提出想法和觀點。

在調查研究過程中，感謝蔡帥（前端）成楓（UI）兩位同學的友情支持。

轉自： http://ued.focus.cn/wordpress/?p=2671

更多精彩內容，請關注人人都是產品經理微信公眾號或下載App
游某
你如何定義自己，就如何定義這個世界； 你如何定義這個世界，就如何定義你的產品。
342篇作品 4745926總閱讀量
09-158346 瀏覽
公眾號突然升級“發表”功能，微信想開了？
08-171647 瀏覽
一場中小商家爭奪戰，再次打響
08-284568 瀏覽
蘋果 Vision Pro 中缺失的觸覺反饋
08-083777 瀏覽
開掛 | 如果你可以復制粘貼別人的能力
04-115118 瀏覽
評論區廣告上線，視頻號“起風”了
評論
評論請登錄
  1. 目前還沒評論，等你發揮！