乱色熟女综合一区二区三区_老司机精品成人无码AV_婷婷丁香久久_久久精品www_色无码av在线播放_亚洲精品国产麻豆

商務合作
  • 學習文章
  • 靈感素材
  • IOS規范
  • Android規范
  • WEB標準
  • 切圖規范

  • 文章分類

      點擊加載
      • 1/144
      • 第 頁

      點擊加載
      • 1/144
      • 第 頁

    • IOS設計規范

      iPhone界面尺寸
      單位：px
      按照750×1334分辨率進行設計
      iPad界面尺寸
      單位：px
      按照1536×2048分辨率進行設計

      單位：px

      設備 狀態欄高度 導航欄高度 標簽欄高度 工具欄高度
      iPhone6 plus設計版 60 132 147 147
      iPhone6 plus物理版 54 132 147 147
      iPhone6/5S/5C/5/4S/4 40 88 98 88
      iPad 20 44 49 44
      iPad(@2×） 40 88 98 88

      單位：px

      描述 iPhone6 Plus(@3×） iPhone6 and iPhone 5(@2×） iPhone 4s/4 iPod touch(@2x) iPad and iPad mini (@2x) iPad2 and iPad mini (@1x)
      啟動程序圖片 180×180 120×120 120×120 152×152 76×76
      為App Store應用商店圖標 1024×1024 1024×1024 1024×1024 1024×1024 1024×1024
      搜索結果圖標（推薦） 120×120 80×80 80×80 80×80 40×40
      設置圖片（推薦） 87×87 58×58 58×58 58×58 29×29
      標簽欄圖標（可選） 約75×75 zui大144×114 約50×50 zui大96×96 約50×50 zui大96×96 約50×50 zui大96×96 約25×25 zui大48×48

      系統 英文字體 中文字體 設計選擇 設計字號 zui小限制
      iOS 9 San Francisco 蘋方 蘋方 偶數 英文18px/中文22px
      iOS 8 Helvetica Heiti SC Heiti SC 偶數 英文18px/中文22px

      必背：ios可點擊區域zui小為44×44

      更多詳細規范，請見蘋果官方iOS 9人機界面開發指南
      https://developer.apple.com/ios/human-interface-guidelines/overview/design-principles/

    • Android設計規范

      主流機型界面尺寸
      單位：px
      按照1080×1920分辨率進行設計
      設備 尺寸 分辨率
      三星Galaxy S3 4.8英寸 720×1280
      三星Galaxy S5 54 132
      三星Galaxy S4 5英寸 1080×1920
      三星Galaxy S6 4.5英寸 1200×1920
      華為 Ascend P7 5英寸 1080×1920
      華為 榮耀6 5英寸 1080×1920
      華為 C199 5.5英寸 720×1920
      華為 Ascend Mate7 6英寸 1080×1920
      華為 Ascend Mate2 6.1英寸 720×1280
      魅族 MEZU MX4 5英寸 1080×1920
      魅族 MEZU MX3 5.1英寸 1080×1800
      錘子 Smartisan T1 4.95英寸 1080×1920
      設備 尺寸 分辨率
      小米2 4.3英寸 720×1280
      小米3 5英寸 1080×1920
      小米4 5英寸 1080×1920
      紅米Note 5.5英寸 720×1280
      小米1S 4英寸 480×854
      小米2S 4.3英寸 720×1280
      小米3S(概念） 5英寸 1080×1920
      紅米 4.7英寸 720×1280
      OPPO Find 7 5.5英寸 1440×2560
      OPPO N1 mini 5英寸 720×1280
      OPPO R1S 5英寸 720×1280
      OPPO R3 5英寸 720×1280

      屏幕密度
      像素（px）代表屏幕上一個物理的像素點代表屏幕上一個物理的像素點,為解決Android設備碎片化，引入一個概念DP，也就是密度。指在一定尺寸的物理屏幕上顯示像素的數量，通常指分辨率。 為了簡單起見，Android把屏幕密度分為了四個廣義的大小：低（120dpi）、中（160dpi）、高（240dpi）和超高（320dpi） 像素= DP * （ DPI / 160 ) 例如，在一個240dpi的屏幕里，1DP等于1.5PX。
      于設計來說，選取一個合適的尺寸作為正常大小和中等屏幕密度（尺寸的選取依據打算適配的硬件，建議參考現主流硬件分辨率），然后向下和向上 做小、大、特大和低、高、超高的尺寸與密度。

      Android系統dp/sp/px換算表
      名稱 分辨率 比率rate（針對320px） 比率rate（針對640px） 比率rate（針對750px）
      idpi 240×320 0.75 0.375 0.32
      mdpi 320×480 1 0.5 0.4267
      hdpi 480×800 1.5 .75 0.64
      480×800 720×1280 2.25 1.125 1.042
      xxhdpi 1080×1920 3.375 1.6875 1.5

      鏈接：谷歌官方Material design規范使用手冊 https://material.io/guidelines/

    • WEB設計規范

      中國網民的分辨率使用情況分析報告:
      根據CNZZ數據中心對國內網民上網終端分辨率的統計分析，2013年5月中國網民上網終端分辨率從使用率來看，1024×768、 1440×900、1366×768與4月份環比呈現增長趨勢，而1280×800、1680×1050、800×600、1152×864分辨率趨勢恰好相反， 其他分辨率趨勢變化不大。從占有率來看，1440×900、1366×768與4份相比有所增長，而1024×768、1280×800、800×600 1152×864分辨率趨勢恰好相反。
      分辨率 2014年8月使用率
      1366×768 22.74%
      1440×900 20.89%
      1024×768 17.61%
      1920×1080 5.94%
      1280×800 14.41%
      1280×1024 4.8%
      1680×1050 4.13%
      1280×768 3.00%

      瀏覽器類型 2014年8月占有率
      Internrt Explorer 36.62%
      360瀏覽器 25.25%
      Safari 9.12%
      QQ瀏覽器 5.83%
      搜狗瀏覽器 6.01%
      2345瀏覽器 2.08%
      獵豹瀏覽器 2.01%
      網頁寬度與首屏高度:
      安全寬度1002 px 可建議較大寬度1258 px Window XP首屏大小580 px Window 7 首屏大小710 px

    • 切圖規范

      常見界面、控件、功能、狀態命名集合
      適用于產品經理、設計師、開發工程師，包括H5前端開發人員。
      界面命名
      整個主程序 App 搜索結果 Search results 活動 Activity 信息 Messages
      首頁 Home 應用詳情 App detail 探索 Explore 音樂 Music
      軟件 Software 日歷 Calendar 聯系人 Contacts 新聞 News
      游戲 Game 相機 Camera 控制中心 Control center 筆記 Notes
      管理 Management 照片 Photo 健康 Health 天氣 Weather
      發現 Find 視頻 Video 郵件 Mail 手表 Watch
      個人中心 Personal center 設置 Settings 地圖 Maps 鎖屏 Lock screen
      系統控件庫
      狀態欄 Status bar 搜索欄 Search bar 提醒視圖 Alert view 彈出視圖 Popovers
      導航欄 Navigation bar 表格視圖 Table view 編輯菜單 Edit menu 開關 Switch
      標簽欄 Tab bar 分段控制 Segmented Control 選擇器 Pickers 彈窗 Popup
      工具欄 Tool bar 活動視圖 Activity view 滑桿 Sliders 掃描 Scanning
      功能命名
      確定 Ok 添加 Add 卸載 Uninstall 選擇 Select
      默認 Default 查看 View 搜索 Search 更多 More
      取消 Cancel 刪除 Delete 暫停 Pause 刷新 Refresh
      關閉 Close 下載 Download 繼續 Continue 發送 Send
      zui小化 Min 等待 Waiting 導入 Import 前進 Forward
      zui大化 Max 加載 Loading 導出 Export 重新開始 Restart
      菜單 Menu 安裝 Install 后退 Back 更新 Update
      資源類型
      圖片 Image 滾動條 Scroll 進度條 Progress 線條 Line
      圖標 Icon 標簽 Tab 樹 Tree 蒙版 Mask
      靜態文本框 Label 勾選框 Checkbox 動畫 Animation 標記 Sign
      編輯框 Edit 下拉框 Combo 按鈕 Button 動畫 Animation
      列表 List 單選框 Radio 背景 Backgroud 播放 Play
      常見狀態
      普通 Normal 獲取焦點 Focused 已訪問 Visited 默認 Default
      按下 Press 點擊 Highlight 禁用 Disabled 選中 Selected
      懸停 Hover 錯誤 Error 完成 Complete 空白 Blank
      位置安排
      頂部 Top 底部 Bottom 第二 Second 頁關 Header
      中間 Middle 第一 First zui后 Last 頁腳 Footer

      以iOS為范例(安卓通用)的切片文件命名規范如下：
      標識符命名原則，也可以簡化字母（如：Backgroud可以縮減成bg）。

    聯系我們

    深圳市龍華民治地鐵D口東邊商務大樓4層

    深圳
    深圳市龍華民治地鐵D口東邊商務大樓4層
    1、乘坐公交車在沙元埔或民康路口下車即到
    2、乘坐地鐵5號線在民治地鐵D口出即到
    180-1879-6460 周老師
    1683356417@qq.com
    設計交流和意見反饋-QQ群：208427678
    Copyright?2016 優途UI教育 All Reserved 粵ICP16038326號-1
    主站蜘蛛池模板： 野草乱码一二三四区别 | 国产福利片无码区在线观看 | 欧美野人三级经典在线观看 | 成人无码区免费a片视频 | 在线免费av网 | 最新国产在线 | 性饥渴少妇XXXXⅩHD | 亚欧成A人无码精品VA片 | 日本真人做人爱一区二区三区 | A片在线观看免费视频网站 综合日韩欧美 | 国产一区二区三区四区精华 | 亚洲熟少妇在线播放999 | 男人j放进女人p全黄 | 国产精品无码久久四虎 | 麻豆安全免费网址入口 | 国产在线视精品在一区二区 | 中文字字幕在线中文乱码解决方法 | 国产成人片无码免费视频软件 | 伦人伦XXX国产对白 亚洲欧美日韩一区二区在线观看 | 人人爽人人人 | 亚洲精品久久久久久久久AV无码 | 粉嫩大学生无套内射无码卡视频 | 无码高潮又爽又黄A片 | 日韩女优在线播放 | 夜夜夜夜操18岁 | 欧美成人看片一区二三区 | AV永久免费网站入口 | 欧美乱大交XXXXX疯狂俱乐部 | 精品一二三四区 | 成年美女黄网站色大片免费软件看 | 伊人久久综合精品一区二区三区 | 国产免费一区二区在线a片视频 | 日本高清二区视频久二区 | 美女把尿口扒开让男人桶爽 | 无码成人精品日本动漫纯H 国产成人Av乱码免费观看 | 国产精品久久久久久人妻无 | 国产妇女馒头高清泬20P多 | av免费网站无码 | 18以下勿进色禁网站免费看 | 久久夜色精品国产亚洲AV动态图 | 四虎精品影库4HUTV四虎 |