温岭页面设计:H5移动端页面设计

作者:台州市久谦网络科技有限公司 浏览: 发表时间:2021-08-26 10:01:32

温岭页面设计:H5移动端页面设计

排版

在手机有限的屏幕空间里,我们积累的经验告诉我们,最好的效果就是简单集中,最好有一个核心元素,中心元素不要太多,重点最好。

动效

1/在前期与前端设计师沟通,讨论动效元素在页面上的呈现方式。例如,一些元素被移位、旋转、翻转、缩放、逐帧、淡入淡出、粒子效果、照片处理等。,以及3D显示效果。

2/背景动效其实建议慢动效水果

3/复杂多变动效不一定好,要考虑加载速度等用户体验问题。

音效

1/考虑到用户场景的多样性,如果想在入门课中加入背景音乐,尽量不要太粗鲁。最好一步一步来,给用户留时间关机再骚扰别人。

或者一开始可能处于关闭状态。然而,当播放游戏的h5页面时,音乐可以在没有打开按钮的情况下关闭,因为用户可以预测接下来会发生什么。

2/考虑每页上音乐按钮的明显位置。如果可以使用其他页面元素来代替音乐符号作为按钮,那就太好了。

前端设计师音乐文件:mp3格式,单轨,最好30秒以内。为了加载速度,文件大小最好控制在100k以内,可以通过Adobe Audition等软件压缩。作为无限循环的背景音乐,拦截时一定要注意头尾的衔接。

交互

1/展示类型:有很多不同的交互,最常见的是翻页,制作相对简单,多用于展示一些新产品、功能或活动。技术上,市面上已经有H5在线生成器,基本上可以通过给图片和文字来帮助你处理。

除了翻页,还有点击、输入文字、擦除屏幕、滑动屏幕等。,而且游戏性非常丰富。“圣诞拍”中使用了重力感应,可以通过晃动来随机判断,让用户有乐趣参与。

2/游戏类型:比如刚开始的朋友圈是围绕猫的神经流行起来的,或者我们的“拍拍跳”,这是一个需要计算逻辑,得到分数或结论的小游戏。

3/产品类型:部分H5产品作为长期产品存在,用户的访问可能比较固定,比如微信中的购物页面。

手机之间:一般我们先用640X1136设计,参考线会标注在960的高度。主要元素不宜过高,以适应各种型号。其他安卓机的前端在切图的时候可以适当拉伸,所以如果变化不是太大的话就不需要每一个都适配了。

响应式设计:页面的设计开发要根据用户行为和设备环境(系统平台、屏幕大小、屏幕朝向等)进行响应和调整。).具体的练习方法包括很多方面,包括灵活的网格和布局、图片、使用CSS媒体查询等。

对于不同电子设备的单一布局,尝试使用纯色而不是渐变

想法

主流可能愿意分享几种信息:

最直接的利益驱动,分享奖品或需要众筹等。

对自己有用,对周围人新鲜的信息,

通过自己参加游戏或测试获得的结果。

无论是与朋友分享还是与好友或QQ对话,都是用户主动分享你的信息的理想之选,极具广告意义。在自己的社交群体中,这些信息与自己相关,他人可以参与。

展示和互动H5最重要的是理念。对于设计师来说,可能他们只给了我们几行字。那时,在早期构思这个H5可能比实际做起来要花更长的时间。


温岭页面设计:H5移动端页面设计
长按图片保存/分享

台州市久谦网络科技有限公司  版权所有

 Copyright © 2020 All Rights浙ICP备2020041870号-1 Reserved      网站地图

台州市久谦网络科技有限公司  版权所有 

Copyright © 2020 All Rights Reserved 浙ICP备1245789785号-1      网站地图

添加微信好友,详细了解产品
使用企业微信
“扫一扫”加入群聊
复制成功
添加微信好友,详细了解产品
我知道了