魔扣科技

跨平台
               

最近比较关注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
                    
        相关阅读
Qt 跨平台简单界面设计工具
参考文档：https://blog.csdn.net/shenziheng1/article/details/52556763、http://www.mamicode.com/info-detail-2428809.html、百
想让网站动感十足？试试网页设计中的韵律线条
在网页设计中，横向和竖向的直线非常常见，利用整齐的线条可以打造出有序的视觉路径以及信息层级。当然，有些时候，可以不按理出牌，设计一
小平台、受众面小的专业社群如何实现冷启动？
社群运营其实是全栈运营，内容、活动、拉新、留存、活跃、转化，都需要在一手包办。对运营人员来说，是挑战，也是机遇。那小平台、受众面
微信公众号推广营销的步骤和方法       新浪微博推广
在当前时代下，自媒体已经成为了最主要的推广手段。而微博、微信公众号无疑是自媒体中至关重要的一环。那么对于企业而言，如何在微信
另类网站版式设计欣赏
另类网站版式设计欣赏
当你在创建一个新网站的时候，希望这些网站富有个性的版式设计能给你带来灵感。 Popmatik这是Rob Leach设计

James-Chung