<big id="n3dbt"><strong id="n3dbt"></strong></big>
      1. <small id="n3dbt"><delect id="n3dbt"></delect></small>

        <thead id="n3dbt"><ruby id="n3dbt"><rp id="n3dbt"></rp></ruby></thead>
        <th id="n3dbt"></th>
        <span id="n3dbt"></span><span id="n3dbt"></span><span id="n3dbt"></span><strike id="n3dbt"></strike>

        建站百科Website News

        當前位置:首頁 »五大技巧提速響應式網頁設計(下)

        五大技巧提速響應式網頁設計(下)

        至成科技 2015-05-02 訪問量(1404) 評論(0)
        摘要:

        5-way-improve-responsive-website-projects-1

        至成科技(西安網站建設)繼續接上次的提速響應式網頁設計技巧,今天為大家帶來下面幾個關鍵點:

        3、對于圖片素材的處理策略早做準備(西安網站設計)

        invisionpost_rwdimages

        響應式網頁中的圖片,通常是由一組多個不同尺寸的圖片組成的。比如至成科技(西安網站建設):http://www.vxdmg.com,就是由一組6個圖片組成的,分辨率和尺寸各不相同,不同的設備都能匹配上對應的圖片。

        圖片格式和尺寸通常會讓團隊內的西安網站建設設計師和開發者之間產生隔閡。你可以用PNG,也可以用JPG,圖標字體和SVG也會在網頁上很好的運用。也就是說,并沒有一個正確的答案:用什么更多是取決于可用的內容和資源本身。但是重要的地方在于,大家要在使用格式上達成共識,并且堅持使用下去。另外,你可能也想鉆研出一套通用的圖片尺寸體系,運用在不同的項目中。

        不過對于現代的西安網站建設響應式網頁設計,這僅僅只是一個起點。現在要做你至少需要兩套圖片素材,一種是給普通PPI的屏幕所設計,一種是給高PPI的視網膜屏所準備的。更完備的響應式網頁,對于圖集和素材的要求更高,細分更多,針對性更強。

        盡量避免將響應式圖片格式的篩選決策留到項目后期。

        較起碼,你得針對不同像素密度的屏幕作出基本的區分。仔細讀一下這篇關于srcset的文章,或者使用Picturefill這樣的工具來跨瀏覽器支持。如果你覺得整個方案不堪重負,那么不妨從小的部分開始做起。逐步調整圖片元素的srcset屬性就是一個不錯的開始,在這個過程中,你會逐步看到網頁的響應越來越靠譜。

        4、從基礎元素開始思考,使用模塊化設計(西安網站制作)

        西安網站建設響應式網頁設計流程深深地受到了Brad Frost 的Atomic Web Design和Jonathan Snook 的SMACSS的影響。兩個框架都依靠小而可復用的基礎組件來實現強大的網絡架構。

        所以,在與開發者交接的過程中,我會優先專注小而可復用的組件,因為它們能給不同平臺不同設備帶來相同的用戶體驗和視覺效果。這種一致性會更容易為開發團隊所消化吸收。而且,小組件在不同頁面之間的復用性也非常強,所以,如果你為西安網站建設設計出了一套高效的方案,今后還會有用武之地。

        想象一下,你正在設計西安網站建設一個帶有大標題、高清大圖和表單的注冊頁面。由于網頁是響應式的,所以所有這些元素都會隨著設備和屏幕的轉換而變化尺寸。那么在項目研發早期,應該同開發團隊一起鉆研,敲定頁面所涉及的各個細節。它看起來應該是什么樣子?用什么樣的驗證機制?如果要輸入表單,如何配合觸摸屏和傳統的鍵鼠?

        5、讓開發者給視覺和體驗設計做反饋(西安網站設計)

        有些西安網站設計師在產品設計會議、可用性設計環節和其他的溝通環節不讓開發者參與或提供反饋。這種放任和封閉是錯的。要知道,經驗豐富的開發者在產品、體驗和設計領域同樣有著極為豐富的知識。讓他們參與到這些環節中,能讓產品更加成熟。前端和設計師在技能上的重疊就更多了。

        越來越多的西安網站建設設計師開始自己寫代碼了,開發者也逐漸習慣于制作快速原型、先框圖,并且也會在私底下惡補美學和設計類的知識。響應式網頁設計的出現,使得兩個職業之間的交疊越來西安網站建設越多,加劇了這一趨勢。雖然沒有西安網站建設設計師的頭銜掛在開發者頭上,但是他們對于西安網站建設設計往往能說出驚人之語,發人深省。

        當然,不同的角色和職責的劃分依然是極為重要的。但是稍微調整一些小步驟,確實能顯著提高較終產品。所以,你做下一輪產品可用性測試的時候,不妨帶著開發者一起來討論。

        結語:

        所有這五個技巧都需要實現計劃,并且不停補充。絕大多數團隊都將注意力放在產品的發布和卡Deadline上,這個階段再來考慮這些問題,不利于產品,也不適合此刻團隊內的設計師和開發者。

        項目開發之初,稍加計劃,后期的回報絕對是豐厚的。

        「至成科技(西安網站建設)知識講堂:」

        知識和知識之間是互通的。響應式網頁設計是憑空出來的么?不是,Ethan Marcotte 也是受到了建筑學的啟發,才有了這一創舉。

        Ethan 在A List Apart上發布《Responsive Web Design》一文時,援引了響應式建筑設計的概念:現出現了一門新興的學科——”響應式架構(responsive architecture)”——提出,物理空間應該可以根據存在于其中的人的情況進行響應。結合嵌入式機器人技術以及可拉伸材料的應用,建筑師們正在嘗試建造一種可以根據周圍人群的情況進行彎曲、伸縮和擴展的墻體結構;還可以使用運動傳感器配合氣候控制系統,調整室內的溫度及環境光。已經有公司在生產”智能玻璃”:當室內人數達到一定的閾值時,這種玻璃可以自動變為不透明,隱私。

        uisdc-tuweia-2

        以上內容由至成科技(西安網站建設,西安網站設計,西安網站制作)為您提供,更多精彩內容:http://www.vxdmg.com/

        關注“至成科技”微信公眾號,快速獲取互聯網較新資訊

        網友評論

        登錄后可評論,請登錄

        全部評論:0條

        掃描左側二維碼
        關注至成微信公眾號

        西安至成信息科技有限公司  Copyright 2012-2019  xazcit.com  All rights reserved.

        Email:[email protected]     郵政編碼:710016     《中華人民共和國增值電信業務經營許可證》陜B1.B2-20140011     陜ICP備12008874號-1

        聯系地址:西安市經開區鳳城四路西安國際企業中心B座23層06-10室    售前咨詢熱線:029-89390727    售后服務電話:029-89393039

        西安網站建設、網站設計制作公司-至成科技,已為眾多企業提供網站建設網站制作響應式網站設計手機網站建設虛擬主機云主機服務器租用等建站解決方案。

        網絡警察 12321垃圾信息舉報 不良信息舉報 中國文明網 西安工商
        ×
        安徽25选5计划