需求:
1、语言版本:中文、英文或者其他两种及两种以上语言;
2、对PC端 移动端都要适配;
看似简单的需求,需要考虑的不少。但其实总结下来也就这几点:
1、拿到设计稿,确认有几个版本?
如果页面设计复杂,需跟设计师确认在不同大小的情况下,各部分如何展示;
中文版和其他语言版有何不同,配图 文案 页面大小等方面;
2、其他语言版 移动端 甚至是不同宽度下的展示是否都有设计稿?
这点很重要,英文版绝不是你想象的把中文换成英文的事情哦。
3、页面动效要沟通好,关系到页面实现和提前规划
4、只要确认有移动端,图片图标一律用2倍或3倍图;装饰图一律用背景图,背景大小100%;能用代码写的地方绝不用图片;
5、写页面开始,头尾内容分3个页面写【先写好再拆分也可】;中英文分开写;
6、秉持着先易后难的原则,复杂效果预留最后写,可大大提高效率;
7、先写PC端后适配移动端;先常规页面后适配其他大小的页面;
8、有见过前端将设计稿放在页面下方,可做到页面与设计稿只有微小误差,倒也是不会给任何人留下话柄的一种方法。
再简练点:确认原始需求-确认设计稿-沟通-实现-bug修改。
实际工作中的情况更为复杂:还没做完就开始改变需求;做完了给大家看效果的时候,改需求;总之就是有改不完的需求。怎么办?
只能说一句:胳膊拧不过大腿,合理的需求就改吧~
还有很多设计师会留坑给你,上面的几条建议呀,可防止避坑。
只要耐心足够,功底深厚,有N种方式实现页面效果,聪明的写页面最重要。