不同的切圖方式會(huì)影響網(wǎng)站整體的視覺(jué)效果,不能因?yàn)槭且粋€(gè)小細(xì)節(jié),就能忽略。那么
建站切圖應(yīng)該注意哪些問(wèn)題呢?
做網(wǎng)站多少錢?創(chuàng)新互聯(lián)為您分析:
首先,一定不要急于的去切圖,一定要先整體的瀏覽一下,做到心里有數(shù)。整體的把控是非常重要的事情。網(wǎng)頁(yè)無(wú)非由一些基本模塊組成,每一種基本模塊在
UI設(shè)計(jì)上,不同的應(yīng)用實(shí)例是否元素一致,包括字型、字號(hào)、顏色、按鈕顏色、按鈕形狀、按鈕功能、提示文字、行距等。必須執(zhí)行統(tǒng)一的界面標(biāo)準(zhǔn)。設(shè)想windows里面,如果不同的窗口關(guān)閉按鈕在不同的地方,并且顏色還不一樣,這會(huì)是什么樣混亂的狀況。
命名的準(zhǔn)確性,也是應(yīng)該注意的問(wèn)題,切圖后把個(gè)元素放到相應(yīng)的文件夾后,圖片等相關(guān)元素命名要符合div+css的命名規(guī)范,以備后邊程序在后臺(tái)看代碼的時(shí)候有較高的效率,及代碼的規(guī)范程度。
切片大小:切片的目的主要是加快下載進(jìn)度,讓多個(gè)圖片同時(shí)下載而不是只下載一個(gè)大圖片,所以切片大小要根據(jù)需要來(lái)切,標(biāo)志LOGO等主要部分盡量切在一個(gè)切片內(nèi),防止顯示遇到特殊情況時(shí)顯示一部分,圓角表格部分要根據(jù)顯示區(qū)域的大小來(lái)切,控制好邊緣和邊角,有時(shí)候切出來(lái)的切片并不是直接插入到DW了事,而需要在DW中編輯,比如有的圖片應(yīng)該設(shè)置成背景圖片;
導(dǎo)出類型:顏色單一過(guò)渡少的,應(yīng)該導(dǎo)出為GIF,顏色過(guò)渡比較多,顏色豐富的應(yīng)該導(dǎo)出為JPG,有動(dòng)畫(huà)的部分應(yīng)該導(dǎo)出為GIF動(dòng)畫(huà);
顏色范圍:如果一個(gè)區(qū)域中顏色范圍不大,只有幾種顏色,那么應(yīng)該單獨(dú)切出,如果只有一種顏色,就應(yīng)該切片后選擇HTML類型,在DW中改背景顏色來(lái)達(dá)到目的;如果顏色數(shù)量比較多,漸變過(guò)渡多一些,應(yīng)該把切片數(shù)量切的多一些,盡量把單個(gè)切片控制在一個(gè)顏色范圍的輪廓內(nèi);
切片區(qū)域:保證完整的一部分在一個(gè)切片內(nèi),例如某區(qū)域的標(biāo)題文字,以后修改時(shí)方便;
源文件:即使頁(yè)面作好了,也要保留帶切片層的源文件,說(shuō)不上哪天要改某一個(gè)部分,例如文字什么的,直接修改單獨(dú)導(dǎo)出所用的切片就可以了。
以上即是切圖時(shí)的注意事項(xiàng)。創(chuàng)新互聯(lián)提醒您,細(xì)節(jié)往往決定成敗!如果遇上一些小問(wèn)題,通過(guò)這幾點(diǎn)來(lái)正確適當(dāng)?shù)厍袌D。
新聞名稱:建站切圖應(yīng)注意哪些?
本文地址:http://m.newbst.com/news10/189960.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供用戶體驗(yàn)、App設(shè)計(jì)、建站公司、標(biāo)簽優(yōu)化、ChatGPT、面包屑導(dǎo)航
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)