H5移动端页面设计心得分享.pdf

: .
排版 : .
在有限的手机屏幕空间内，我们积累的经验告诉我们最好的效果是简单集
中，最好有一个核心元素，中心元素不宜过多，突出重点为最优。 : .
H5 移动端页面设计心得分享
如今 H5 页面设计已经得到大家非常多的关注，在实践中我们也已经积累了一些
经验和教训，今天结合咱们的实战案例，从字体，排版，动效，音效，适配性，
想法这几个方面好好聊一聊关于 H5 的设计，希望对同学们有帮助。
字体
排版 : .
在有限的手机屏幕空间内，我们积累的经验告诉我们最好的效果是简单集
中，最好有一个核心元素，中心元素不宜过多，突出重点为最优。 : .
比如 JDC 的“拍拍十二星座实用手册”的项目，只用了最简单的图形和文字居
中摆放。
以可口可乐的这个“我们在这我们在乎”为例，相较而言，越左边的排版会越
容易引起关注。这是因为我们懒惰的大脑里最初看到这种简洁排版会立刻出现
“嗯我可以马上看完不费劲”的潜意识信息而带着轻松的态度去阅读。 : .
H5 移动端页面设计心得分享
如今 H5 页面设计已经得到大家非常多的关注，在实践中我们也已经积累了一些
经验和教训，今天结合咱们的实战案例，从字体，排版，动效，音效，适配性，
想法这几个方面好好聊一聊关于 H5 的设计，希望对同学们有帮助。
字体
排版 : .
在有限的手机屏幕空间内，我们积累的经验告诉我们最好的效果是简单集
中，最好有一个核心元素，中心元素不宜过多，突出重点为最优。 : .
比如 JDC 的“拍拍十二星座实用手册”的项目，只用了最简单的图形和文字居
中摆放。