<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 訪問量(1254) 評論(0)
        摘要:
        5-way-improve-responsive-website-projects-1

        在西安網站建設中沒有哪個成功的Web項目是在設計師和開發無法流暢溝通的前提下搞定的,協作才是做好項目的基礎。

        至成科技(西安網站制作)曾看到經驗豐富的西安網站建設設計師和西安網站建設開發者因為溝通不暢和誤會導致項目失敗,也見過新手設計師和開發團隊一起通過高效協同,做出驚艷無比的設計項目。在項目之初充分的磨合,能讓項目在后續的快速迭代中更為流暢。足夠和諧的溝通不僅有利于工作,而且能讓整個團隊保持情緒的穩定性。

        而在網站建設響應式網頁設計項目中,設計師和開發者之間的溝通流暢與否,就顯得更為重要。

        設計響應式網站的時候,整個團隊必須為大量不同尺寸屏幕的設備充分考慮,習慣于“像素有效”的設計師和開發者需要對流動的界面和大量的不同比例的設備有充分的準備。簡而言之,響應式設計使得整個項目交付面臨著大量的不確定因素,這也是響應式網站項目的難點。

        希望接下來至成科技(西安網站建設)為您總結的幾個小技巧,能幫各個團隊順利搞定這種項目中的溝通障礙和技術問題。

        1、優先專注“極端”尺寸(西安網站建設)

        invisionpost_rwdrange

        當你面對著手機屏幕和桌面端顯示器這兩種極端的屏幕尺寸之時,疑問會自然而然出現。有的設計師打一開始就從動態的視角開始他們的設計,但是絕大多數的設計師仍然是從靜態的頁面開始著手設計的:選擇一個固定的高度和寬度,繪制相應的草圖或者視覺稿。

        這樣一來,就引出了幾個問題:你的開發團隊優先考慮什么尺寸?設計團隊首先交付的高保真視覺稿是哪個尺寸的?從技術限制的角度出發,你應該優先考慮什么設備?

        我始終推薦從用戶較基本的“極端”尺寸開始考慮,推薦當前(2015年)常用設備中較小和較大的情況:

        • 320 x 568 px (iPhone 5 ,由于它是視網膜屏幕,平時我們是按照72dpi來設計,但是iPhone 5的顯示實際是144px,所以我們給出了這樣的一個設計尺寸。作為UI設計師的你應該很清楚@2x和@3x的問題)
        • 1600×1000 px (桌面顯示器的常見尺寸)

        當然,你的用戶的實際情況可能略有不同,稍加調查,確定“極端情況”。

        “剛剛開始響應式網頁項目的時候,從用戶較常見的較大和較小尺寸設計著手。”

        當你面對較小的屏幕的時候,你需要在小屏幕上呈現出較重要的內容,如何選取是一件頗為費神的事情。但是面對大屏幕的時候,你所思考的事情又是截然相反的:怎么展示內容才算是過多?分欄是否因太寬降0了易讀性?如何選取元素才能避免這樣的問題?較后,面對兩個不同尺寸的界面,你還要考慮它們所涉及的輸入方式,較小的屏幕上通常是觸摸屏和虛擬鍵盤,較大的屏幕上,絕大多數時候是傳統的鍵盤鼠標。

        這里較重要的事情可能是你需要快速挑選兩個界面尺寸來做,而不是傳統的針對一個屏幕設計,然后完成剩下的部分。設計師和開發者在這個問題上出現分歧,對后續的影響是非常大的。

        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计划