<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

        當前位置:首頁 »關于移動UI設計切圖原則西安網站設計有話說

        關于移動UI設計切圖原則西安網站設計有話說

        至成科技 2018-07-16 訪問量(456) 評論(0)
        摘要:隨著人們對手機站的要求越來越高,西安網站設計想說移動UI設計切圖是UI設計師較重要的設計輸出物,切圖資源輸出是否規范直接影響到西安網站設計工程師對設計效果的還原度。西安網站設計的切圖輸出物是是體現一個設計師專業水準的重要標準,同時也是西安網站設計表達自己對設計態度的較有力的語言。合適、有效的切圖可以較大限度的還原設計圖,起到事半功倍的效果。如何輸出具有全局把…

        隨著人們對手機站的要求越來越高,西安網站設計想說移動UI設計切圖是UI設計師較重要的設計輸出物,切圖資源輸出是否規范直接影響到西安網站設計工程師對設計效果的還原度。西安網站設計的切圖輸出物是是體現一個設計師專業水準的重要標準,同時也是西安網站設計表達自己對設計態度的較有力的語言。合適、有效的切圖可以較大限度的還原設計圖,起到事半功倍的效果。如何輸出具有全局把控和細節專注的高段位切圖,應該是所有設計師一直需要追求的能力。

        一.設計切圖的原則

        設計切圖輸出的目的是跟下游的工程師團隊協同工作,那么在團隊協作過程中首先應該切圖輸出能夠滿足工程師設計效果圖的高保真還原的需求。其次切圖輸出應該盡可能的降0工程師的開發工作量,避免因切圖輸出而導致的不必要的工作量。較后輸出的切圖應當盡可能的壓縮大小,以降0APP的總大小,提升用戶使用時的加載速度。所以切圖輸出應當做到切圖有效、便與協同和壓縮大小。

        1.切圖資源尺寸必須為雙數

        西安網站設計想說,眾所周知智能手機的屏幕大小都是雙數值,比如iphone 7的屏幕分辨率是750*1334px。切圖資源尺寸必須為雙數是為了切圖資源在工程師開發時是高清顯示。因為1px是智能手機能夠識別的較小單位,換句話說就是1像素不能在智能手機被分為兩份。所以如果是單數切圖的話手機系統就會自動拉伸切圖從而導致切圖元素邊緣模糊,進而造成開發出來的APP界面效果與原設計效果差距甚遠。

        2.為了提升APP使用速度,盡量降0圖片文件大小

        在切圖資源輸出中圖標切圖輸出是很重要的部分,比如新手引導頁、啟動頁面、默認圖、廣告圖等。圖片切圖一般情況下文件大小都是相對較大,不利于用戶在使用app過程中加載頁面。因此圖片切圖要盡量壓縮圖片文件的大小.

        3.西安網站設計認為圖標切圖輸出應根據標準尺寸輸出并且考慮到手機適配(主要是iPhone 6plus的適配)

        在切圖資源輸出中圖標切圖輸出是至關重要的部分。因為在開發中由于各機型的屏幕分辨率不同,需要針對一些大屏機型進行適配。為了適配大分辨率手機(例如iphone 7plus)圖標在切圖的時候需要輸出@2x和@3x的切圖,其中@2x的切圖可以滿足雙平臺大部分機型的適配要求,@3x是用來適配iphone手機的各種plus版本的手機(后邊會有文章專門講解關于適配的問題)。@3x是@2x尺寸的1.5倍,例如一個圖標切圖@2x尺寸是44px,那么@3x尺寸是66px。

        4.可點擊部件應當注意其點擊區域不小于88px

        44px的點擊區域數值是在iphone 3 (320×480px)普通顯示屏下制定出來的,在手機分辨率大幅提升的現在,這個數據自然要與時俱進。在iphone7 (750*1334px)的Retina 顯示屏下44px點擊區域就變為了88px。但無論是320*480px尺寸下的44px還是在750*1334px尺寸下的88px,換算成物理尺寸后大致是在7mm-9mm之間。早在人機工程學的研究中曾得出結論,認為人類舒適的觸擊范圍需在7-9mm的大小。所以在ios官方的空間尺寸也經常出現88px的數值,比如菜單欄的高度便是88px。

        這些干貨,西安網站設計為您分享.


        網友評論

        登錄后可評論,請登錄

        全部評論: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计划