高端设计、前端、后端的角度考虑项目的设计从全局出发

2019-06-21

高端设计、前端、后端的角度考虑项目的设计从全局出发
目前市场上大多是设计不懂网站流程不懂程序,前端后端审美不足,导致沟通受限技术受限,项目无法达到当初想要的结果,设计出来的实现不了,前端切出的页面无法达到设计的要求,各种布局问题、颜色问题层出不穷不断调整,作为菜鸟的我一直很困惑所以作为UI前身的我不断探索了前端后端的学习之路,希望让自己得到提升能够有整个项目的大局观,今天第一次写一些关于设计、前端、后端工作的一些看法,如果有不对的地方还望大牛指点。那么今天我来谈谈网站添加商品到购物车功能吧,会涉及到php/js/ajax/mysql数据库/UI设计注意点。
先来谈谈购物车功能实现的流程,首先对接整个网站的流程建立数据库,有了数据库以后网站页面的产品就可以动态加载了,php查询数据库动态加载首页的产品得到产品相关信息,那么点击首页的商品会得到它的Id传给服务端,php得到ID以后查询商品详情页各种信息表,ajax拿到数据以后加载出商品详情页,好,由于商品详情页会涉及到图片大小和放大镜的问题,这里就应该给出大中小三个版本的图片给到前端,如果整个网站只用一张大图会影响到页面的加载问题。设计产品图最好是正方形的,如果你不想做重复操作的话,如果从设计的角度来考虑整个网站,从首页点击图片进入到详情页是同一个产品,如果首页产品图设计大小和详情页图片大小不一致,那么就要给出四个版本的图片大小,商品列表图片大小,详情页小图片、中图片、放大镜的大图片,显而易见要考虑到他们相关联的图片比例。
如何得到不同版本大小的产品图,将所有最大的图放入一个文件中,建立不同版本图的文件夹,用photoshop自动生成不同版本的图片到相应的文件夹中。
点击加入购物车需要先判断用户有没有登录,如果没有就需要提示登录,如登录传三个数据到服务端,分别是用户的id、商品的id、商品的数量。那么php拿到数据以后,需要判断该用户的购物车有没有这个商品,如果没有插入商品,有就更新商品的数量。
流程说完了,那么前端应该注意的是不要随便修改设计稿这是大忌,遇到问题先沟通,
前端通常很容易忽略设计稿的颜色,间距,图片的完整性,一味的实现功能,也不是不可以,但是后期对接调整你就明白后果了,请保持设计稿的一致性,一遍能做好的不要来第二遍,页面多时调整工程巨大还会导致一起加班相互埋怨得不偿失。


上一篇:高端设计:25个精美案例及实用小技巧
下一篇:品牌网站建设更有格调有哪些方法

扫描二维码分享到微信

在线咨询
联系电话

15023607776