第一段是动效的视频，请注意观看交互效果与配色设计。
图片都可以点击放大，更清楚哦。
原文地址：https://www.behance.net/gallery/26097251/Nike-Tech-Pack-in-store-app
原创文章，作者：ioued，如若转载，请注明出处：https://www.iamue.com/12198/
TED演讲:简单设计创作奇迹，掌声不断，掌声最多的一次TED演讲。
上一篇
2016-01-10
【全民账单来了！】2015支付宝年账单
下一篇
2016-01-13
相关推荐
-
超越触控的手势交互
手势通常被认为是与屏幕和物体交互的自然方式，我们会谈论在移动设备屏幕上双指缩放地图，还有在电视前挥手切换到下一部电影。但这些手势真的那么自然吗？
-
交互设计案例视频展示
一款APP的交互原型演示，有能力的话自己动手做个视频吧！ [hana-flv-player video=" http://jhxt.org/wp-content/uploads/2015/07/ixdshow.flv" width="640" height="auto" description="Ta APP 交互简介" player="…
-
淘宝UED的设计流程
国内知名 UED 团队的设计流程是怎样的？ 淘宝 UED 的设计流程图 <img src="https://pic4.zhimg.com/75bcc954c5e1695eeeeb1710eb62c947_b.jpg" data-rawwidth="4000" data-rawheight="1678" clas…
-
创新历史上的今天：黑白电视首次面世 1926.01.26
今天看到谷歌Doodle的名称是: 黑白电视首次面世 1926 ，我们来说一说这个产品从0到1的创造历史，从交互设计角度看你有什么启示呢？ Doodle的名称: 第一台电视亮相 90 周年 表明此doodle时间是: 26.01.2016 这个产品…
-
2016 年 UI 设计的新趋势
移动应用 1. 各平台 (Android/iOS/HTML5/Web) 的标准设计语言接近一致 部分原生控件上只存在风格上的差异，对用户无显著影响。 Material Design 不会大兴其道，更不可能逆袭（用 Material Design 设计的 App 在 iOS…
-
6个实用技巧提升Sketch使用效率
Sketch 3 - Bohemian Coding带给我们的这款优秀的设计工具，在速度及灵活性等方面的表现都是其竞争对手难以匹敌的。 我(英文原文作者)自己是一名自由交互设计师，很早就开始使用Sketch了，它已然成为我设计工作流程…
-
Sketch从入门到精通-Sketch3四种模糊方式
现在经常能看到界面上各种模糊效果，或者是背景模糊，然后上面排字，放图片；通常是做背景的时候用到的模糊效果。在Sketch里面就有基本的四种模糊方式，分别介绍一下。 首先是最常见的高斯模糊（Gaussian Blur），…
-
网络和辅助线的使用- Sketch从入门到精通
设计师一般在作图的时候都离不开网格和辅助线，以前在PS或AI里的时候辅助线你必须手动去调整辅助线的位置，有的时候也难免会有误差或者半像素的偏离。但在Sketch 3里面，辅助线极大的避免了失误，并且提高了效率。 …
-
清晰、高效、一致、美观 – 关于设计原则的优先级排序
我们在Salesforce的产品设计团队当中有个不成文的规矩： 无论谁拿出一份什么清单 – 功能列表、研究报告，或者哪怕只是体恤衫名录 – 无论什么，只要是清单的形式，肯定会有人出来问一句：“按优先级排过序吗？” 有时…
-
怎么让引导不再是无用小透明？
在接触一款新应用的时候用户常常会看到一些引导页，但在操作的时候直接当透明的就快速滑过或跳过了，这种时候，大家一定会有 “这些引导好无用啊”的无力感，目前甚至有着“如果一个产品需要引导，说明该产品缺乏友好…
