网页与交互设计趋势课件

1、点击添加标题点击添加标题点击添加标题点击添加标题在互联网的世界，设计与开发本来魏晋分明，但随着时代的新陈代谢，这个界限已变得越来越模糊。事实是，互联网已经有太多免费的产品，用户也变得越来越挑剔，在一个用户为王的时代，如果你没有办法满足用户真正的需求，他们瞬间就可抛弃你的产品。经历了2011ipad的诞生和冲击，2012，毫无疑问将是交互设计崭新的开始。在一个笔记本、台式电脑，智能手机、上网本、平板电脑等新生代设备风生水起的时代， 媒介的能力和手段都在随之发生巨大改变。YOO YOUNG SEOK2011年智能手机出货量超过PC，导致用户在手机上花费的时间远远超出PC，同时，越来越多的网站支持移

2、动设备的访问，社交网站使用率的爆炸性增长，人们对信息互动和分享更加热衷。 PC时代终结，移动领跑未来移动时代带来什么？1、用户间的社交行为更加便捷、频繁2、基于智能手机Gps、触屏、3d陀螺仪的特点， 会涌现更多优秀的产品运用3、手机电子支付4、二维码运用5、虚拟现实移动时代来临，内容为王，交互设计从形式向功能转变，注重信息的传递、互动，设计变的不再重要。 持续联系持续联系网页交互设计上注重人与人之间持续联系、分享一切，强化人的交流互动。信息推送信息推送系统整合信息、呈现有效信息的过程，可以是通知、私信、评论、电话、短信、微博信息、SNS中好友动态和阅读器中推荐阅读的内容等。优势优势减少获取信

3、息的时间。避免重复信息获取。过滤垃圾信息和推送即时有效的信息。侵占用户使用时间，增加产品粘度。持续联系&信息推送多平台、多设备浏览的统一性带来交互设计全新挑战 响应性设计：响应性设计：1对对N模式模式 网页能够随着屏幕的变化而适应变化。通过对不同的浏览器宽度用不同的CSS来进行渲染，能够控制在不同宽度下个元素的表现效果。如何应对如何应对复杂的环境复杂的环境HTML 5+CSS 3 FlashFlash将不是王者，HTML5成为舞台的主角，CSS3+HTML5将会得到更广泛的应用。Web App PK Native Appeb App的优势：的优势：开发成本低，适配多种移动设备，更新容易

4、，无需安装 Web App的劣势：的劣势：短期内还无法超越原生应用，不支持离线模式，消息推送不够及时，调用本地文件系统的能力弱HTML 5+CSS 3 FlashFlash将不是王者，HTML5成为舞台的主角，CSS3+HTML5将会得到更广泛的应用。Web App PK Native AppNative App的优势：的优势：提供最佳的用户体验，最优质的用户界面，最华丽的交互，针对不同平台提供不同体验，可节省带宽成本，访问本地资源，盈利模式明朗。 Native App的劣势：的劣势：移植到不同平台上比较麻烦，维持多个版本的成本比较高，需要通过store或market的确认，盈利需要与第三方分

5、成。对于设计师而言比较理想化结果是，开发成本低、轻松跨平台、迭代更新快。设计上更强调浏览的舒适性，布局上越来越简洁。中心定位，双栏布局，依然占据着主导地位。 布局 Layout 基本的布局样式：基本的布局样式：基本的布局样式：基本的布局样式： 网页栅格系统是从平面栅格系统中发展而来。使用栅格系统让网页的信息呈现更加美观易读，更具可用性。网页设计上将更加的灵活与规范。设计上更强调浏览的舒适性，布局上越来越简洁。中心定位，双栏布局，依然占据着主导地位。 布局 Layout 网页栅格系统是从平面栅格系统中发展而来。使用栅格系统让网页的信息呈现更加美观易读，更具可用性。网页设计上将更加的灵活与规范。大图片大图片精致图片胜过千言万语。宽带的发展使其更具可行性。给人印象深刻的图片能为用户创造一个身临其境的体验。“大”时代登场 大标题大标题杂志、报纸的设计师一直使用的大标题，以吸引用户的注意和购买。大字体已证明更有吸引力和明晰沟通。“大”时代登场 极简设计极简设计是呈现最基本的元素，并摒弃所有多余结构，色彩，图形和其他素材的设计方法。其目