12个鲜为人知的HTML 5设计小技巧

   
西安做网站 西安做网站 西安做网站

 

    

    慎用向右滑动操作、慎用横屏展示效果、按钮原理页面底部、使用SVG格式做矢量图…… 以上提到的技巧全都出自今天这篇好文,简单小巧但实操性很强,作为设计师,也要尽量避开这些坑。
    畅网html51
    1、交互上,慎用向右滑动的操作方式。
    如:刮刮乐涂抹效果,左右滑动翻页等。
    原因:苹果手机上,向右滑动容易触发返回“上一级页面”效果。
    2畅网html5
    2、交互上,慎用横屏展示效果。
    原因:体验上,需要用户设备开启屏幕旋转功能,才能正常观看,用户操作成本高。对不同屏幕的手机,长宽比例不一,难以展示最佳的视觉效果。
    3畅网html5
    3、视觉上,功能按钮等,远离页面底部(大概128px,这个尺寸不是固定值),具体看重构采用什么适配方式(仅供参考:640*1136 px,从上往下计算,主要内容在1008px内)。
    原因:更好的设备各种屏幕的手机,避免按钮被挡住。
    4畅网html5
    4、视觉上,慎用“光线叠加效果”或PS里面的“图层样式”效果。
    如:给图层加个“柔光”、“滤色”、“色相”等等效果,除非这个视觉元素可以合并为一体。
    原因:给重构挖坑,导致不好切图,无法还原视觉效果。
    5畅网html5
    5、视觉上,矢量图?想做简单的动画?导出SVG格式试试!
    原因:能减少体积的事,为什么拒绝呢……
    6畅网html5
    6、动画上,尽量避免全屏动画,优先考虑局部动画的方式。
    如:各种粒子效果全屏飘过等。
    原因:如果呈现的视觉效果无法用代码实现,就意味着要用全屏尺寸的序列帧来处理,体积上会飙升,影响加载体验。
    7畅网html5
    7、动画上,序列帧压缩小技巧,静态的画面,保存较高质量。中间运动的模糊状态,大胆的压低画面质量吧。
    原因:压缩体积,运动状态就算有锯齿也不明显。
    8畅网html5
    8、重构上,图片请上“tinypng.com”,压缩下,有效减少体积。
    原因:额,这个也要说原因?好吧,偷偷告诉你,现在这网站不止可以压缩png,还可以压缩jpg,更重要的是……支持批量下载了!
    9畅网html5
    9、重构上,音乐请压缩下,能大大减少整体的体积。
    技巧:如果没有特殊要求,可以考虑弄成单声道音频文件,比特率48或更低就行了。
    10
    10、重构上,安卓机不支持多个音频同时播放……意味着无法背景音乐跟音效同时播放!(苹果机则没问题)
    11畅网html5
    11、重构上,视频无法自动播放,首次播放需要用户点击触发。
    (视频用什么格式?建议用mp4格式,并用H.264编码器)
    12畅网html5
    12、重构上,测试请多留意“魅族”手机和华为P6/P7等,屏幕底部采用虚拟按钮的手机。设备容易出问题。
    更多热点新闻登录西安网站制作公司、西安做网站畅网网络。

 

 
上一篇:4大主流趋势带动 物联网成时代"新主角" 下一篇:WordPress多语言站点的设置方法——Polylang插件或多
 
我也要个 查看更多案例

最新案例

最新案例

上线新闻

品牌创意网站建设 上市公司网站建设 大型门户类网站建设 全方位网站运营代理
企业官方网站建设 电子商务网站建设 专题活动网站(MINISITE)

联系我们

业务电话:029/8882700613474510258

业务 QQ:  89775699传真: 029-88827006

E-mail:  89775699@qq.com售后QQ : 89775699

我们的认知

当对手还在将注意力停留在碎片化的互联网设计或程序实现时,畅网科技早已开始将数字品牌的建设和传播进一步整合。只有通过整体的互联网品牌分析,帮助品牌建立互联网品牌传播价值,并围绕价值建立品牌粘性,提升品牌与用户的互动,更好的帮助品牌传播,触发用户的行动力才是我们工作的终极目标,这正是一流品牌的成功秘诀。
不可否认,建立互联网品牌传播价值的确是门艺术,但互联网不同于艺术涂鸦,企业投资品牌绝不是希望品牌成为某个艺术家的实验品。互联网传播的对象是用户,用户拥有自己的文化体系,群落共性才是互联网品牌传播创意的源头,如果我们不能帮助企业激发目标用户的共鸣,产生购买冲动,那将是品牌的悲剧! 因此,互联网传播必须建立品牌传播价值,为梦想者创造梦想品牌,畅网科技与您同行!

Hi,Are you ready?

准备好开始了吗?
那就与我们取得联系吧

有一个互联网项目想和我们谈谈吗?您可以填写右边的表格,让我们了解您的项目需求,这是一个良好的开始,我们将会尽快与你取得联系。当然也欢迎您给我们写信或是打电话,让我们听到你的声音!

西安畅网科技 互联网整合营销

地址:西安市高新区科技二路77号光电园B座4单元302室 网址:www.xazuowangzhan.com

业务热线:029-88827006

大客户专线:13474510258

传真:029-88827006

E-mail:89775699@qq.com

合作意向表

您需要的服务

现有网站改版
我需要做微信营销
建设全新的企业网站
要找长期合作公司,需要年度服务
我需要做购物商城
我需要做系统平台

您最关注的地方

对功能要求比较高
对设计创意要求比较高
需要可以购物支付
搜索引擎排名

预算

3-5千 5-7千 7-9千 1万以上 大型项目需要招标

业务QQ 029/88827006 提交需求 西安网站建设畅网科技官网微信