<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

        當前位置:首頁 »關于西安APP開發的柵格設計試驗

        關于西安APP開發的柵格設計試驗

        至成科技 2015-07-18 訪問量(1315) 評論(0)
        摘要:

          今天至成科技(西安網站建設)這里專門說一下關于西安APP開發的柵格設計。以下相關都是基于至成科技手機網站總結得出。

          先介紹三個名詞:Wap App;Native App;Hybrid App(融合體,H5頁面嵌套在Native中),之所以說這三個,是因為它們相互之間的聯系在某種程度上制約了西安手機網站設計 的柵格設計。下面至成科技(縣網站加速奈何)詳細說下柵格試驗。

          Phone柵格和PC柵格,本質上沒有區別,一樣的計算方式,無外乎屏幕大小的差別,但這屏幕大小,就有很多細節需要結合手機用戶習慣來判斷和取舍。

          我們試驗的Phone柵格都是流體柵格,簡單說,就是不定義具體尺寸,而是屏幕占比。

          說到屏幕占比,我們需要設定基準屏幕(這個可根據某些具體數據確定,比如我的目標用戶群使用的手機屏幕尺寸占比較多的是1136*640,即可定位基準屏幕),這里假定基準屏幕是960*640 。

          通常柵格的計算公式 (m+a)*n-a=640-2b (m 柵格寬;a 槽寬;b 留白寬;n柵格個數)

          試驗 1

          m=40 n=12 a=10 b=25(我們通常定義柵格數目n是2,3,4,6的整數倍,12柵格算是較簡單的柵格結構)。

          試驗1的柵格是沿襲PC的思想,但在后來應用到越來越多的頁面時,這種柵格做2,3,4,6等分都很OK,但不做等分時,靈活性就很差,也算是一個致命的缺點,對于視覺設計師來說有很大的局限性。所以不建議在手機上使用12柵格。

          試驗 2

          m=44 n=12 a=8 b=12。

          試驗2和試驗1其實差別不大,柵格數目都是12,也算是相對早期提出的(還沒有覺得12柵格的靈活性差),相當于是試驗1的優化:一是覺得兩邊留白寬度25略大,二是可以在一個單位柵格內取到較小的可觸摸尺寸44*44。但其實真正應用到界面上時體現的價值并不大。當然后來發現12柵格的弊病后,便一并放棄了。

          試驗 3

          m=18 n=24 a=8 b=12。

          24柵格是基于設計的靈活性而提出的。在應用中,無論是等分,還是靈活性,還是前端對于柵格的基數考量上,都相對合理,但依然沒有較后選擇這種柵格,這就牽扯到開始提到的Hybrid App。

          需要應用柵格體系的H5頁面,大部分是要嵌套到Native App中,所以要盡量讓嵌套頁面看起來和原生界面保持統一性,而App 有一個不成文的柵格規定,任何的界面尺寸都要是4DP的倍數,也就是較小柵格單位要是8Px(當然這可能也是沒有足夠經驗的原因,到較后和APP團隊溝通后才了解到,所以到試驗柵格后期才采用了柵格試驗4的方案)。

          還是建議大家,如果你設計的WAP不需要配合Native,選擇24柵格是相對好的一種方案。

          試驗 4

          m=8 n=80 a=8*2 b=8*3。

          整個界面按8Px的尺寸等分80分,靈活性很好,可以很好匹配Native。但也有不夠好的地方,一是不論對視覺設計師還是前端工程師,應用起來都不方便,計算起來相對麻煩;二是不能3等分和5等分界面,需要在設計和開發時做特殊處理,當然用戶是看不出來的。但因為要保持終端的一致性,所以我們對于wap柵格設計采用了柵格4。

          試驗完畢。希望至成科技(西安網站建設)本次的測試對大家的日常項目有幫助。

        網友評論

        登錄后可評論,請登錄

        全部評論: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计划 3d开机号试机号近100期牛材网 11选5任四包赚不赔40注 福彩18选7开奖结果 河北快三组合遗漏 真钱游戏那个信誉好 双色球基本走势图图表中彩网 重庆快乐十分视频 北京赛车pk10图片 pk10精准计划微信群 快乐三分彩开奖结果 河北20选5奖池金 凤凰彩票官方下载安装 23选5走势图 东方6十1中奖规则 腾讯分分彩是官方开奖吗