成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

響應(yīng)式網(wǎng)站設(shè)計(jì)有哪些特點(diǎn)

2016-10-26    分類: 響應(yīng)式網(wǎng)站

自適應(yīng)網(wǎng)頁(yè)不像傳統(tǒng)網(wǎng)頁(yè)僅僅需考慮一種情況,不僅僅一定是提交一套設(shè)計(jì)完成稿就完事兒了,它給設(shè)計(jì)、前端工程師和開發(fā)團(tuán)隊(duì)之間的協(xié)作方式帶來新的挑戰(zhàn)。在一個(gè)繁雜商品全面自適應(yīng)的項(xiàng)目里,交互每個(gè)階段該產(chǎn)出什么內(nèi)容?交互與視覺怎樣協(xié)作?前端工程師何時(shí)介入?哪些項(xiàng)目讓后端開發(fā)來做更合理?我們得到了一些答案。

自適應(yīng)設(shè)計(jì)之所以叫自適應(yīng)“設(shè)計(jì)”而不叫自適應(yīng)“技術(shù)”,一定是因?yàn)樗欢ㄊ且豁?xiàng)設(shè)計(jì)先行的工作。需要設(shè)計(jì)先明確好響應(yīng)方式再實(shí)現(xiàn)出來,決不能出一套設(shè)計(jì)完成稿后等著前端工程師看情況把它變成自適應(yīng)網(wǎng)頁(yè)。

習(xí)慣了電腦端網(wǎng)頁(yè)的前端工程師開發(fā)者可能更加喜歡用電腦端來掌控大小,然而在自適應(yīng)的網(wǎng)頁(yè)中出現(xiàn)更多的一定是em和rem,用這些來掌控頁(yè)面字體大小甚至一定是框體大小對(duì)整體的效果非常明顯。

例如,我的頁(yè)面字體設(shè)置一定是10px/20px/30px等等有差異的,網(wǎng)站上有差異的地方自然頁(yè)面字體會(huì)有大小的差異這一定是必然的,假如一個(gè)網(wǎng)頁(yè)足夠繁雜或一定是文字足夠多的話,這些頁(yè)面字體的大小設(shè)置也一定是一個(gè)量很大的工作,不過在自適應(yīng)網(wǎng)頁(yè)中你設(shè)計(jì)完這些并不僅僅一定是完事:你用手機(jī)瀏覽一下網(wǎng)頁(yè)會(huì)發(fā)現(xiàn)頁(yè)面字體會(huì)撐的很大,甚至有個(gè)別標(biāo)題撐滿了手機(jī)屏幕,這對(duì)移動(dòng)端客戶的體驗(yàn)影響可想而知。因此你要開始寫媒體查詢,然后發(fā)現(xiàn)一個(gè)網(wǎng)頁(yè)有幾十個(gè)頁(yè)面字體需要設(shè)置,假如把這些在有差異顯示分辨率下一一調(diào)整你可能需要寫百句以上的css代碼,然而假如你用em/rem,就能夠把工作量大大減小,同時(shí)還能夠保證頁(yè)面字體的統(tǒng)一比例。

關(guān)于em/rem的解釋大家可以自行查詢,網(wǎng)上這類教程數(shù)不勝數(shù),實(shí)際上這些就和px一樣簡(jiǎn)單,當(dāng)我開始用之后也不過僅僅花了幾分鐘熟悉這些。就像前面說的一樣,你也可以用這些來掌控框體的大小,然后再自適應(yīng)的網(wǎng)頁(yè)下統(tǒng)一縮小放大,當(dāng)然這需要足夠多的計(jì)算。另外值得一提的一定是頁(yè)面字體圖標(biāo)也可以用這些來掌控,具體可以參考有差異“頁(yè)面字體圖標(biāo)”的官方文檔。

解決縮小放大問題的思路有好幾種,適合新手的無疑一定是百分比式的布局,在關(guān)鍵的width設(shè)置下百分比能夠起到出乎意料的效果。

當(dāng)前題目:響應(yīng)式網(wǎng)站設(shè)計(jì)有哪些特點(diǎn)
網(wǎng)頁(yè)網(wǎng)址:http://jinyejixie.com/news44/52344.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)、響應(yīng)式網(wǎng)站

廣告

聲明:本網(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í)需注明來源: 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)
青岛市| 长寿区| 西乡县| 海丰县| 辽宁省| 溆浦县| 沙雅县| 新河县| 称多县| 沙雅县| 宜章县| 汨罗市| 霍邱县| 天津市| 崇州市| 宿松县| 调兵山市| 兰考县| 通化市| 厦门市| SHOW| 广州市| 莱芜市| 凤山市| 宾阳县| 合川市| 遵义市| 涿州市| 新沂市| 桑植县| 海晏县| 建平县| 泰兴市| 徐汇区| 南雄市| 金沙县| 桑日县| 静宁县| 潞西市| 陇西县| 澄迈县|