一个寝室3个攻一受全h_97国产福利_在线中文字幕理伦电影_www.youjizz.com国产

首頁?>?知識?資訊?>?響應(yīng)式設(shè)計出錯如何解決?>?正文

響應(yīng)式設(shè)計出錯如何解決

2019/5/24 0:00:00 · 稿源:傳誠信

響應(yīng)式設(shè)計出錯(以及如何解決)

大多數(shù)使用響應(yīng)式網(wǎng)站設(shè)計都使用它不正確,這會導(dǎo)致問題。響應(yīng)式設(shè)計的一般方法是懶惰的,如果你采用這種方法,你的一些響應(yīng)式網(wǎng)站將完美無缺地工作,其中很多都不會。對于那些完美運作的人來說,這可能歸結(jié)為運氣問題。

將多列布局折疊到單個列中的問題在于它不能按比例工作。如果你必須水平縮小某些東西并且你沒有做任何其他改變,它顯然會垂直擴展。

在將桌面設(shè)計分解為移動設(shè)計時,以下是一些值得考慮的事項:

網(wǎng)站建設(shè)

1.“移動優(yōu)先”是一個概念

作為一個概念,它并沒有多大幫助,因為如果你真正設(shè)計出“移動優(yōu)先”,那么除非你一直堅持純粹的單一列布局,否則嘗試將其擴展到桌面設(shè)計將是噩夢般的。

最好的方法是物理設(shè)計至少三種不同的布局。您可以考慮的最低要求包括:

桌面

肖像移動

如果你想要更加徹底,你還應(yīng)該考慮:

巨大的桌面

普通桌面

大景觀平板電腦

大肖像平板電腦

小景觀平板電腦

小肖像平板電腦

大型景觀移動

大型移動電話

小景觀手機

小肖像移動

微小/可穿戴

有這么多不同的可能性,很明顯為什么懶惰的“一刀切”方法如此誘人,但同樣明顯的是為什么有這么多方法可以毀掉它。

2.馴服那個龐大的頁腳

桌面設(shè)計包括那些帶有大量內(nèi)部鏈接的巨大頁面頁腳?在桌面上可能非常方便。在移動設(shè)備上,它看起來很荒謬,并且不僅僅是一種煩人的觸摸。您可以為每個設(shè)備斷點設(shè)計完全不同的頁腳。只需在模態(tài)對話框中提供這些頁腳鏈接,每個人都會獲勝。

3.您可以隱藏對核心消息沒有貢獻(xiàn)的內(nèi)容

網(wǎng)站最重要的部分是核心信息。是的,在某些網(wǎng)站上,最重要的部分是廣告,它們僅用于投放廣告,但如果您必須在顯示核心消息或展示廣告之間進(jìn)行選擇,請選擇消息。如果您隱藏核心內(nèi)容然后提供大量廣告,Google更有可能將您視為不受歡迎的角色。這是因為核心內(nèi)容是谷歌為您編制索引的內(nèi)容,并且當(dāng)該內(nèi)容未顯示時,Google會將其視為具有欺騙性。

4.最好使用響應(yīng)式圖像

所有圖像應(yīng)盡可能響應(yīng)。這帶來了有時如果縮小太多,圖像的細(xì)節(jié)可能會丟失。此問題的解決方案是使圖像可單擊,以便用戶可以查看與內(nèi)容分開的圖像的放大版本。執(zhí)行此操作的常規(guī)方法是通過模式對話框。

5.您可以使用其他背景

布局應(yīng)始終設(shè)計為容納內(nèi)容。如果由于某種原因布局無法保存內(nèi)容,則應(yīng)重新設(shè)計布局,而不是內(nèi)容。很有可能為不同的設(shè)備使用不同的背景。你是一名設(shè)計師。動用你的想象力。

內(nèi)容是網(wǎng)站的生命線,根據(jù)布局的限制對其進(jìn)行修改或限制,這是網(wǎng)站所有者業(yè)余性的明顯標(biāo)志,并表明布局設(shè)計不合理。地點。堅持你的原則,因為如果你默許,那個客戶將會遇到麻煩。

客戶永遠(yuǎn)是對的,除非該客戶是網(wǎng)站設(shè)計客戶。客戶很少知道什么對他們最有利,而且自稱是一個知道如何為客戶提供正確結(jié)果的網(wǎng)站設(shè)計師是很重要的。

6.手動控制折疊順序(或避免內(nèi)容中的空間參考)

拖累所見即所得的網(wǎng)站建設(shè)者所面臨的問題之一就是你通常無法決定div的堆積順序,在極少數(shù)情況下你可以做到這一點,你的辛勤工作每次都會被取消你做了最小的編輯,你將不得不重新進(jìn)入并破解源代碼。

如果您不控制折疊順序,此圖像會清楚地解釋可能出現(xiàn)的問題。此外,您應(yīng)該避免在移動設(shè)備上進(jìn)行空間參考(例如“在左側(cè)列中”),無論左側(cè)還是右側(cè)的任何內(nèi)容都可以轉(zhuǎn)移到上方或下方,另外如果您讓讀者認(rèn)為它足夠重要,可以滾動看,然后他們將不得不再次向后滾動。

7.對于不同的布局,您可能需要不同的字體大小

使用CSS可以輕松控制字體大小,您可以為特定尺寸的顯示設(shè)置不同的字體大小甚至不同的字體(如果它們看起來更好)。您可以使用CSS媒體查詢找到顯示大小,然后將字體大小或字體修改為可顯示內(nèi)容的值,以便最大限度地利用您要定位的設(shè)備類型。

響應(yīng)式網(wǎng)站設(shè)計的概念很簡單,但其非常簡單是導(dǎo)致人們輕易犯錯誤的原因。擁有多年經(jīng)驗的設(shè)計師已經(jīng)習(xí)慣于為桌面設(shè)計,因此他們通常會根據(jù)桌面布局來規(guī)劃設(shè)計。

  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門
  • 最新
客戶服務(wù)
咨詢熱線

010-62199213

24小時咨詢熱線

139-1050-5354