-
Notifications
You must be signed in to change notification settings - Fork 42
/
Copy path11-pm-3.html
136 lines (115 loc) · 4.79 KB
/
11-pm-3.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>葡萄藤PPT</title>
<link rel="stylesheet" href="./css/reveal/reveal.css">
<!-- PPT主题，可以在/css/reveal/theme/中选择其他主题，目前暂时只能使用该模板 -->
<link rel="stylesheet" href="./css/reveal/theme/ptt.css">
<!-- syntax highlighting 代码高亮主题 -->
<link rel="stylesheet" href="./lib/reveal/css/zenburn.css">
<!-- 打印和PDF输出样式 -->
<script>
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match( /print-pdf/gi ) ? './css/reveal/print/pdf.css' : './css/reveal/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
</head>
<body>
<img src="./img/demo/logo.png" alt="" usemap="#pttmap" class="base-logo">
<map name="pttmap">
<area shape="rect" coords="0,0,276,58" href="http://www.jnshu.com" alt="" target="_blank"/>
</map>
<div class="reveal">
<div class="slides">
<section>
<h3>画原型时需要注意什么？</h3>
<p>分享人:陈昆鹏</p>
</section>
<section>
<p>1.画原型图前</p>
<p>2.画原型图时</p>
<p>3.画原型图后</p>
<p>4.参考文献</p>
</section>
<section>
<p>1.画原型图前</p>
</section>
<section>
<p>画原型图前，请先拟好流程和信息结构</p>
</section>
<section>
<p>（1）story</p>
<p>作为????（角色），我想要???（功能），以便???（解决什么样的问题）</p>
<p>（2）脑图</p>
<p><img src="百度脑图.jpg"</p>
</section>
<section>
<h3>2.画原型图时</h3>
</section>
<section>
<p>（1）页面框架要清楚</p>
<p>（2）页面不影响设计师的视觉</p>
<p>（3）页面元素要统一</p>
<p>（4）页面排版要整齐</p>
<p>（5）画图技巧，善用软件的辅助功能</p>
<p>（6）注释</p>
</section>
<section>
<h3>3.画原型图后</h3>
</section>
<section>
<p>修改和检查</p>
</section>
<section>
<h3>4.参考文献</h3>
</section>
<section>
<p>（1）画原型的几大坑，你被埋了吗？-人人都是产品经理</p>
<p>（2）在画原型之前，请先拟好“流程图”和“信息结构”-人人都是产品经理</p>
<p>（3）画原型图时我们需要注意什么？-CSDN</p>
</section>
<section>
<h4>谢谢观看</h4>
<p></p>
<p><small>By:陈昆鹏</small></p>
</section>
</div>
</div>
<script src="./lib/reveal/js/head.min.js"></script>
<script src="./lib/reveal/reveal.js"></script>
<script>
// 以下为常见配置属性的默认值
// {
// controls: true, // 是否在右下角展示控制条
// progress: true, // 是否显示演示的进度条
// slideNumber: false, // 是否显示当前幻灯片的页数编号，也可以使用代码slideNumber: 'c / t' ，表示当前页/总页数。
// history: false, // 是否将每个幻灯片改变加入到浏览器的历史记录中去
// keyboard: true, // 是否启用键盘快捷键来导航
// overview: true, // 是否启用幻灯片的概览模式，可使用"Esc"或"o"键来切换概览模式
// center: true, // 是否将幻灯片垂直居中
// touch: true, // 是否在触屏设备上启用触摸滑动切换
// loop: false, // 是否循环演示
// rtl: false, // 是否将演示的方向变成RTL，即从右往左
// fragments: true, // 全局开启和关闭碎片。
// autoSlide: 0, // 两个幻灯片之间自动切换的时间间隔（毫秒），当设置成 0 的时候则禁止自动切换，该值可以被幻灯片上的 ` data-autoslide` 属性覆盖
// transition: 'default', // 切换过渡效果，有none/fade/slide/convex/concave/zoom
// transitionSpeed: 'default', // 过渡速度，default/fast/slow
// mouseWheel: true, //是否启用通过鼠标滚轮来切换幻灯片
// }
// 初始化幻灯片
Reveal.initialize({
history: true,
dependencies: [
{ src: './plugin/markdown/marked.js' },
{ src: './plugin/markdown/markdown.js' },
{ src: './plugin/notes/notes.js', async: true },
{ src: './plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } }
]
});
</script>
</body>
</html>