H5开发产品经理必备技术知识

在网站开发时，前端设计非常重要，用户直接面对的是前端页面，就算你后台功能写得多好多强大，前端体验不好，用户可能会马上关闭页面。下面我们举一个例子，谈一谈前端开发时，应该注意哪些，如何才能做好前端。H5...

在网站开发时，前端设计非常重要，用户直接面对的是前端页面，就算你后台功能写得多好多强大，前端体验不好，用户可能会马上关闭页面。下面我们举一个例子，谈一谈前端开发时，应该注意哪些，如何才能做好前端。H5开发产品经理必备技术知识

产品原型设计也就类似于一个APP系统产品的草图，在经过深度的用户分析之后，将整理出的需求分类、排序为功能节后模块利用这些功能模块就能搭建出简单的产品原型，在产品原型的基础上，UI设计师才开始对APP的界面进行美化，依据所表现的内容进行版面结构设计，设计风格控制、并对每一块区域进行相应的配色、绘制功能菜单图标、设计页面元素等在此期间就需要不断的沟通修改，终设计出所有的APP界面效果图。

图片缩放，如果你的图库中的图片要牵涉到图片缩放，那么尽量让图片去缩小，而不是放大，甚至好是为图片设定的尺寸，通常，图片缩放会使用百分比来控制它的大小变化，如果你个属性被设定为按照百分比来缩放，那么其他的相关属性好设置为自动，以上这些规则并不复杂，但是当你开始进行响应式设计的时候，这些鸡零狗碎的问题开始显现，在意想不到的地方影响整个设计和体验。

同时，可以开始进行前端界面的视觉设计，在有相对完整的设计规范、控件规范的前提下，视觉包括：风格探索；关键页面的视觉设计；关键的交互动画表现（如果无法口头向技术表达动画效果时，给出一个“活的”效果，是非常直观的）；设计图确认之后，就可以进行视觉素材输出（切图）、设计文件标注，开发后期，产品经理或UI设计师需要与开发跟进细节，确保开发出来的东西是设计师想要的。

一个页面的细节，从重构的角度去看，页面的精细度，代码的可读性、扩展性，为下游服务的代码注释，交互接口样式的书写，代码的压缩，图片的优化等都可以归为细节处理，我的理解是，刚才提到的细节处理是每个重构工程师都应该具备的基本技能，不能算是真正意义上的细节，好的细节处理应该是从用户出发，应该是发自内心对用户的一种关怀。下面有两个小例，都是我们做页面时常见的板块，如果我们细心处理一下，也许会让用户会倍感贴心。微信小程序+微信公众号模式，归功于即用即走、轻量的应用感受、多大65+的总流量通道及其将客户消費情景化的特性,微信小程序在促使电子商务买卖层面有着无法比拟的优点，一起依靠微信公众号的工作能力精准推送、沉定vip会员，根据微信小程序+微信公众号的组成,电子商务公司能够更强的吸引客户,创建知名品牌私域总流量,促使反复购买的。

可能的解决办法：

1、建议产品让视觉设计师把按钮改大一点。

如果重新设计按钮，改变按钮的表现形式呢? 显然不可行，视觉设计师不会为了一个小改动而轻易改变视觉风格，即使设计师同意，改完之后设计稿要重新给产品审核，通过审核之后再给重构，显然这个方法的沟通成本和改动成本都太高了，性价比不高。

2、保留原设计，通过CSS来控制

轮播图这类按钮的结构我们一般会这样写：

要实现色块区域是22×2，实际可点区域是22×12，两个方法：

发现问题并提出设想，人们要想将在生产、管理活动中产生的一些设想、主意、建议和计划变为现实，首先要找出为解决问题而需要开展的-一个具体项目，通常，这类问题都是限制一个企业或组织的生存与发展的关键性问题或瓶颈性问题，当然，在发现问题的基础上，还需要进一步分析问题并找出解决问题的办法，即提出项目的基本设想。

设计稿切图，设计稿就是能够看到界面是什么样子的，然后能够让开发人员进行切图使用，每个功能模块不论距离还是颜色都很清楚明白，六、与开发工程师对接，APP的UI设计师也只是负责把移动APP的各个页面界面进行设计，所有的具体功能要实现还是开发人员去完成的，UI设计师与开发人员相互沟通去进行具体界面的实现。

H5开发产品经理必备技术知识

受社会现状的影响，大家对美容业了解很少，殊不知，伴随着社会发展的持续发展趋势，女士市场的需求获得了充足的发展，大家也意识到美对衣食住行的必要性，殊不知，在网络上获得美容信息必须一些時间，恰巧美容业的程序运行能够为客户提供便利，必须了解移动智能终端是客户获得美容信息的方式，有关销售市场相对性较重，因此美容护肤销售市场越来越更为多样化。