作者 江之源網(wǎng)絡(luò) 發(fā)布時(shí)間 2022-06-13 17:14 閱讀次數(shù):5131
這網(wǎng)站一看設(shè)計(jì)風(fēng)格就不是我設(shè)計(jì)的網(wǎng)頁,朋友介紹的客戶,做平面設(shè)計(jì)的設(shè)計(jì)師想做一個(gè)網(wǎng)站,頁面自已設(shè)計(jì)好了。這種不規(guī)則的布局,是我們做網(wǎng)頁不太想搞的設(shè)計(jì)圖,實(shí)現(xiàn)成為代碼比較麻煩。
網(wǎng)站制作大體分成三步,設(shè)計(jì)圖片,切圖做頁面,程序開發(fā)。三個(gè)主要部分做完,網(wǎng)站就完成了。因?yàn)殡娔X屏幕寬度不同,設(shè)計(jì)師會(huì)盡可能的利用兩側(cè)空白做一些背景或圖案,讓網(wǎng)頁在屏幕看起來像一個(gè)整體。同時(shí)早些年因?yàn)榫W(wǎng)速原因網(wǎng)站都盡量少用大圖片,大背景圖,來切圖片,盡量一層一層的切圖片做代碼,這想的網(wǎng)頁加載速度快,瀏覽順暢,修改維護(hù)方便。
這個(gè)左側(cè)的大斜角設(shè)計(jì),實(shí)現(xiàn)起也很簡(jiǎn)單,做大的背景圖,做DIV寬度100%顯示,讓背景顯示全,LOGO斜角部分也要做到背景中,這樣就不會(huì)錯(cuò)位顯示。其他的內(nèi)容在正常切圖就行。
這網(wǎng)站只是做的頁面和程序,最后順利做完了。自已做的設(shè)計(jì)圖不用改圖,省去了好多溝通時(shí)間。
明天講講那些不成功的案利怎么樣?