国产精品亚欧美一区二区_欧美一级视频免费_91九色在线观看_欧美黄色片_亚洲一区福利视频_国产一区二区0

商務合作
  • 學習文章
  • 靈感素材
  • 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
    主站蜘蛛池模板： 国产无码在线手机观看 | 国产亚洲免费视频视频观看 | 九九热视频免费观看 | 亚洲精品乱码久久久久久高潮 | 7777888色淫网站免费视频 | 午夜福利毛片 | 国产女同无遮挡互慰高潮视频 | 欧美三圾片在线观看 | 色小姐综合网 | 亚洲大香线伊人婷婷五月 | 97人妻人人做人碰人人爽 | 草的我好爽视频 | 久久夜色精品国产噜噜麻豆 | 一级在线| 成人午夜视屏 | 一级做受大片免费视频 | 国产精品无码av片在线观看播放 | 久久之久久| 国产精品女人精品久久久天天 | 日本又黄又粗暴的gif动态图 | 久久久亚洲 | 国产一国产二国三视频在线看 | 99久久精品国语对白 | 素人视频免费观看 | 精国产品一区二区三区a片 国产精品乱码高清在线观看 | 99re66在线观看精品热 | 波多野结衣一区二区三区免费视频 | 国产精品无码首页自拍 | 国产成人久久精品二区三区 | 久久特级av一级毛片 | 一区高清视频 | 操她射她视频 | 不卡中文一区 | 中文字幕一级毛片视频 | 国内精品亚洲 | 亚洲国产精品99久久久久久久久 | 中文字幕一区二区三区日韩精品 | 中文精品在线 | 东京热久久综合久久88 | aaaaaaaaa在线观看 | 99久久国产露脸精品竹菊传媒 |