科技猎交互设计案例分享：平台规范与设计模式解析（一）
我们都知道，交互设计对于用户体验来说是非常重要的，所以这部分的内容一定要做好。下面给大家分享一些交互设计的案例，详细的分析一下平台规范与设计模式。
不管是移动应用的还是Web端的设计，交互设计对用户体验来说有着决定性的作用。遵循各自的设计模式和平台规范是最基本的设计原则。不同的框架承载不同的内容和设计目标，表达了不同用户获取信息的方式和行为，也表达了一些商业上的目标和意图。任何应用的基本信息组织逻辑都会以某种类似的层级框架来设定。在层级框架图片上的每块内容对用户的优先级和重要性是不一样的，同时手机界面的空间是有限的。
移动端产品设计模式：
设计模式-导航
一般有标签式导航，分段式导航，舵式导航，抽屉式导航和下拉菜单式导航。
标签式导航：ios端的标签式导航常放置在底部，而安卓在顶部。这也是最容易区分ios和安卓界面的区别点。安卓放置在顶部是为了和安卓系统自带的虚拟键区分，放置出现误操作的现象。常见的标签式导航数量一般不超过5个。
分段式导航：例如QQ。一般只分2-3个分段状态。体积小，属于ios的标准控件，但一般不适合做一级导航，常常和一级导航嵌套使用。同时安卓并不推崇这种控件。
舵式导航：例如美拍和早期的INS都是这种导航，是标签式导航的变种，在其基础上有强调了核心功能。一般图片社交的APP比较常用。
抽屉式导航：可以隐藏不重要的功能，让用户专注于重要的功能。例如打车软件，滴滴Uber等等，减少主界面的控件数量。在Meterial Design安卓5.0中，也比较推崇抽屉式导航。但是抽屉式导航也有很大的缺点。对于不太重要的功能相比标签式导航来说，点击率将会大大降低。
下拉式导航：在安卓4.0的时候比较流行，现在已经很少见了。但是能和滚动式标签导航互补。
没有最完美的导航只有最合适的导航。只有从需求出发，找到符合产品定位的导航才能给用户带来更好的体验。
设计模式-列表
列表相对来说更好理解，现有市面APP种类繁多，随手翻几个APP都可以看到各种各样的垂直列表，轮播面板和网格列表等等。垂直列表简单清晰易于理解，适合功能层级比较浅，功能切换不频繁的主导航。轮播面板更适合浏览体验式的产品，常见于各种Banner的推广页。网格列表功能扁平化，能充分利用界面，适合二级导航。支付宝和微信的钱包页面就是常见的网格列表。
当然还有其他更多的瀑布流，时间轴或者对话框等形式多样的图文结合的列表模式。没有一个产品是只有一种列表模式的，合理根据产品的应用场景和需求出发，结合使用才会更好。
web端的设计模式
网页端的产品种类较多，但基本要素相似。logo，登录和注册，搜索，一级导航，个人信息等等通常放置在页面的顶层。而主要内容则根据不同类型的网页产品通过不同的页面布局来体现。常见的网页类型有：搜索类网站，博客类网站，电商网站，图片类网站，新闻类网站和产品类网站。随着用户习惯的养成，这些网站在实际生活中对于大多数用户已经形成了较为固定的心智模型。而且每种类型的网站竞品繁多，对于新型网站要如何突破吸引用户和对于用户群庞大的网站（如淘宝和新浪等等）如何留住忠实用户难度也越来越大。那么通过交互细节来提升用户体验，就显得非常重要。
除此之外各类新型网站，例如卡片式不糊，滚动式动画，和利用新技术的动效效果的网站也层出不穷。这些则大多偏向展示类的产品。
下篇文章将继续给大家介绍“Web端产品设计”，大家可以去看看，然后好好消化一下这些内容，相信在日常工作中会用到。
以上就是“交互设计案例分享：平台规范与设计模式解析（一）”的内容了，如果你还想了解其他相关内容，可以来 产品壹佰 官方网站。
不管是移动应用的还是Web端的设计，交互设计对用户体验来说有着决定性的作用。遵循各自的设计模式和平台规范是最基本的设计原则。不同的框架承载不同的内容和设计目标，表达了不同用户获取信息的方式和行为，也表达了一些商业上的目标和意图。任何应用的基本信息组织逻辑都会以某种类似的层级框架来设定。在层级框架图片上的每块内容对用户的优先级和重要性是不一样的，同时手机界面的空间是有限的。
移动端产品设计模式：
设计模式-导航
一般有标签式导航，分段式导航，舵式导航，抽屉式导航和下拉菜单式导航。
标签式导航：ios端的标签式导航常放置在底部，而安卓在顶部。这也是最容易区分ios和安卓界面的区别点。安卓放置在顶部是为了和安卓系统自带的虚拟键区分，放置出现误操作的现象。常见的标签式导航数量一般不超过5个。
分段式导航：例如QQ。一般只分2-3个分段状态。体积小，属于ios的标准控件，但一般不适合做一级导航，常常和一级导航嵌套使用。同时安卓并不推崇这种控件。
舵式导航：例如美拍和早期的INS都是这种导航，是标签式导航的变种，在其基础上有强调了核心功能。一般图片社交的APP比较常用。
抽屉式导航：可以隐藏不重要的功能，让用户专注于重要的功能。例如打车软件，滴滴Uber等等，减少主界面的控件数量。在Meterial Design安卓5.0中，也比较推崇抽屉式导航。但是抽屉式导航也有很大的缺点。对于不太重要的功能相比标签式导航来说，点击率将会大大降低。
下拉式导航：在安卓4.0的时候比较流行，现在已经很少见了。但是能和滚动式标签导航互补。
没有最完美的导航只有最合适的导航。只有从需求出发，找到符合产品定位的导航才能给用户带来更好的体验。
设计模式-列表
列表相对来说更好理解，现有市面APP种类繁多，随手翻几个APP都可以看到各种各样的垂直列表，轮播面板和网格列表等等。垂直列表简单清晰易于理解，适合功能层级比较浅，功能切换不频繁的主导航。轮播面板更适合浏览体验式的产品，常见于各种Banner的推广页。网格列表功能扁平化，能充分利用界面，适合二级导航。支付宝和微信的钱包页面就是常见的网格列表。
当然还有其他更多的瀑布流，时间轴或者对话框等形式多样的图文结合的列表模式。没有一个产品是只有一种列表模式的，合理根据产品的应用场景和需求出发，结合使用才会更好。
web端的设计模式
网页端的产品种类较多，但基本要素相似。logo，登录和注册，搜索，一级导航，个人信息等等通常放置在页面的顶层。而主要内容则根据不同类型的网页产品通过不同的页面布局来体现。常见的网页类型有：搜索类网站，博客类网站，电商网站，图片类网站，新闻类网站和产品类网站。随着用户习惯的养成，这些网站在实际生活中对于大多数用户已经形成了较为固定的心智模型。而且每种类型的网站竞品繁多，对于新型网站要如何突破吸引用户和对于用户群庞大的网站（如淘宝和新浪等等）如何留住忠实用户难度也越来越大。那么通过交互细节来提升用户体验，就显得非常重要。
除此之外各类新型网站，例如卡片式不糊，滚动式动画，和利用新技术的动效效果的网站也层出不穷。这些则大多偏向展示类的产品。
下篇文章将继续给大家介绍“Web端产品设计”，大家可以去看看，然后好好消化一下这些内容，相信在日常工作中会用到。
以上就是“交互设计案例分享：平台规范与设计模式解析（一）”的内容了，如果你还想了解其他相关内容，可以来 产品壹佰 官方网站。
