高端設(shè)計(jì)、前端、后端的角度考慮項(xiàng)目的設(shè)計(jì)從全局出發(fā)

      目前市場(chǎng)上大多是設(shè)計(jì)不懂網(wǎng)站流程不懂程序，前端后端審美不足，導(dǎo)致溝通受限技術(shù)受限，項(xiàng)目無(wú)法達(dá)到當(dāng)初想要的結(jié)果，設(shè)計(jì)出來(lái)的實(shí)現(xiàn)不了，前端切出的頁(yè)面無(wú)法達(dá)到設(shè)計(jì)的要求，各種布局問(wèn)題、顏色問(wèn)題層出不窮不斷調(diào)整，作為菜鳥(niǎo)的我一直很困惑所以作為UI前身的我不斷探索了前端后端的學(xué)習(xí)之路，希望讓自己得到提升能夠有整個(gè)項(xiàng)目的大局觀，今天第一次寫(xiě)一些關(guān)于設(shè)計(jì)、前端、后端工作的一些看法，如果有不對(duì)的地方還望大牛指點(diǎn)。那么今天我來(lái)談?wù)劸W(wǎng)站添加商品到購(gòu)物車功能吧，會(huì)涉及到php/js/ajax/mysql數(shù)據(jù)庫(kù)/UI設(shè)計(jì)注意點(diǎn)。

高端設(shè)計(jì)、前端、后端的角度——網(wǎng)站流程案例

       先來(lái)談?wù)勝?gòu)物車功能實(shí)現(xiàn)的流程，首先對(duì)接整個(gè)網(wǎng)站的流程建立數(shù)據(jù)庫(kù)，有了數(shù)據(jù)庫(kù)以后網(wǎng)站頁(yè)面的產(chǎn)品就可以動(dòng)態(tài)加載了，php查詢數(shù)據(jù)庫(kù)動(dòng)態(tài)加載首頁(yè)的產(chǎn)品得到產(chǎn)品相關(guān)信息，那么點(diǎn)擊首頁(yè)的商品會(huì)得到它的Id傳給服務(wù)端，php得到ID以后查詢商品詳情頁(yè)各種信息表，ajax拿到數(shù)據(jù)以后加載出商品詳情頁(yè)，好，由于商品詳情頁(yè)會(huì)涉及到圖片大小和放大鏡的問(wèn)題，這里就應(yīng)該給出大中小三個(gè)版本的圖片給到前端，如果整個(gè)網(wǎng)站只用一張大圖會(huì)影響到頁(yè)面的加載問(wèn)題。設(shè)計(jì)產(chǎn)品圖最好是正方形的，如果你不想做重復(fù)操作的話,如果從設(shè)計(jì)的角度來(lái)考慮整個(gè)網(wǎng)站，從首頁(yè)點(diǎn)擊圖片進(jìn)入到詳情頁(yè)是同一個(gè)產(chǎn)品，如果首頁(yè)產(chǎn)品圖設(shè)計(jì)大小和詳情頁(yè)圖片大小不一致，那么就要給出四個(gè)版本的圖片大小，商品列表圖片大小，詳情頁(yè)小圖片、中圖片、放大鏡的大圖片，顯而易見(jiàn)要考慮到他們相關(guān)聯(lián)的圖片比例。

如何得到不同版本大小的產(chǎn)品圖，將所有最大的圖放入一個(gè)文件中，建立不同版本圖的文件夾，用photoshop自動(dòng)生成不同版本的圖片到相應(yīng)的文件夾中。

點(diǎn)擊加入購(gòu)物車需要先判斷用戶有沒(méi)有登錄，如果沒(méi)有就需要提示登錄，如登錄傳三個(gè)數(shù)據(jù)到服務(wù)端，分別是用戶的id、商品的id、商品的數(shù)量。那么php拿到數(shù)據(jù)以后，需要判斷該用戶的購(gòu)物車有沒(méi)有這個(gè)商品，如果沒(méi)有插入商品，有就更新商品的數(shù)量。

高端設(shè)計(jì)、前端、后端的角度考慮項(xiàng)目的設(shè)計(jì)從全局出發(fā)

       流程說(shuō)完了，那么前端應(yīng)該注意的是不要隨便修改設(shè)計(jì)稿這是大忌，遇到問(wèn)題先溝通，前端通常很容易忽略設(shè)計(jì)稿的顏色，間距，圖片的完整性，一味的實(shí)現(xiàn)功能，也不是不可以，但是后期對(duì)接調(diào)整你就明白后果了，請(qǐng)保持設(shè)計(jì)稿的一致性，一遍能做好的不要來(lái)第二遍，頁(yè)面多時(shí)調(diào)整工程巨大還會(huì)導(dǎo)致一起加班相互埋怨得不償失。

重慶網(wǎng)站公司潤(rùn)雪專注于重慶網(wǎng)站建設(shè),建站,建網(wǎng)站,做網(wǎng)站,在重慶網(wǎng)站設(shè)計(jì),網(wǎng)站制作,網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)頁(yè)制作方面優(yōu)勢(shì)突出，是重慶網(wǎng)站建設(shè)公司的領(lǐng)銜者之一 。聯(lián)系電話:400-807-5908