专栏名称: 点融设计中心DDC

这里有设计、研究、产品等领域的经验积累和行业探讨。

相关文章推荐

中科院物理所 · 黄色的故事：这种温暖的颜色，不仅虫子喜欢，皇 ... · 15 小时前

环球物理 · 【科普生活】为什么蘑古力总是歪头歪脑的？那得 ... · 昨天

环球物理 · 【趣味教育】高考考场上，监考老师都在干什么？？ · 昨天

中科院物理所 · 高考冲刺别毁在眼睛上！全国爱眼日必看急救包来了→ · 昨天

环球物理 · 【物理总结】高中物理考点全面总结（彩绘版）， ... · 2 天前

51好读 › 专栏 › 点融设计中心DDC

Framer设计：Apple TV 触控交互效果

点融设计中心DDC · 公众号 · · 2018-06-01 18:39

正文

将界面分为 “Design 设计 ” 和 “Code 代码 ” 两个部分，设计师可以在设计界面中像使用 Sketch 一样进行设计并导出设计页面。笔者现在使用的是 v120 版本。

基于视差效果，需要设计几个层来满足视觉效果。主要的视觉层为：

1. 反光面

2. 前景

3. 中间层

4. 底色(遮照层）

为了方便控制，需要再做个不可见的图层作为容器。

设计好后图层需要像下图这样排列。

因为我们不需要在固定的设备中使用，所以没有画板；

容器层也就是图中的“superLayer” 背景色为淡蓝色方便观看；

推荐文章

中科院物理所 · 黄色的故事：这种温暖的颜色，不仅虫子喜欢，皇帝也喜欢

15 小时前

环球物理 · 【科普生活】为什么蘑古力总是歪头歪脑的？那得看看它怎么做~ | 有趣的制造

昨天

环球物理 · 【趣味教育】高考考场上，监考老师都在干什么？？

昨天

中科院物理所 · 高考冲刺别毁在眼睛上！全国爱眼日必看急救包来了→

昨天

环球物理 · 【物理总结】高中物理考点全面总结（彩绘版），让高考复习高效提升！神奇的29张图！

2 天前

瞭望智库 · 如果说“世越”号打捞震惊了韩国人，这项中国大招更动摇了他们的“爱国心”

8 年前

字媒体 · 趣读丨八大山人不想和你说话，并向你翻了一个白眼

7 年前

装修情报 · 原来这么多年，我家的餐厅一直被浪费了

7 年前

最搞笑笑话王 · 老头捡了个傻媳妇，被全村人取笑，没想到她竟然是....

7 年前

地产八卦侣 · 楼市2018，这是一篇不能不看的预言！

7 年前