设计师常用设计网站设计规格总结

设计师常用设计网站设计规格总结：设计网站参考：http://subtlepatterns.com(背景)、http://www.svgeneration.com（背景）。

设计师常用设计网站设计规格总结

• 设计网站参考
  • www.ui.cn(UI中国)
  • Dribbble
    • 求虐
  • app.uehtml.com
  • hao.uisdc.com
  • 花瓣网
  • 红动中国
  • U设
  • www.moxiu.com
  • http://subtlepatterns.com(背景)
  • http://www.svgeneration.com（背景）
• 图标(最大尺寸：1024x1024px)
  • 专业制图
    • 堆叠法
    • 切割法
    • 做U不做V
  • 图标分类
    • 图标的制作流程
      • 形状
        • 比例
        • 透视关系
      • 颜色
        • 情感
        • 效果（内嵌外浮）
      • 质感
        • 材质，触感
    • 剪影图标（单形图标）
      • 界面
        • 线性
        • 块状
      • 只有形状
    • 扁平化图标
      • 形状+颜色（渐变色）
    • 拟物化图标
      • 形状+颜色+质感
    • 比赛和主题
    • 3D
      • 写实图标
  • 图层样式
    • 分析方法
      • 一面的效果
        • 影
      • 四周的效果
        • 光
      • 两面的效果
        • 斜面浮雕
    • 具体样式
      • 投影
        • 默认90°全局光
        • 新月形等高线
        • 图层挖空投影
      • 渐变叠加
        • 先选基准色，调节明度和饱和度
        • 制作真实的质感
          • 黑--浅灰--白--浅灰--环境色（亮）--黑
      • 浮嵌效果
        • 内嵌
          • 1.主体色比背景深
          • 2.内阴影+投影
            • 上暗下亮
          • 3.内发光（暗色）
            • 本体色比环境色暗
        • 外浮
          • 1.主体色比背景色亮
          • 2.内阴影+投影
            • 上亮下暗
          • 3.外发光（暗色）
          • 4.内发光（暗色）
            • 本体色比环境色亮
  • 混合模式
    • 减色模式（变暗---深色）
      • 过滤掉颜色中的白色
    • 加色模式 (变亮---浅色)
      • 过滤掉颜色中的黑色
    • 叠加效果
      • 本体色与背景色相混合
        • 提亮或者变暗
• Android
  • 手机规格
    • 小米2
      • 720x1280px(4.3寸)
        • 342ppi
    • 小米3
      • 1920x1080px(5寸)
        • 441ppi
    • 魅族3
      • 1800x1080（5.1寸）
        • 415ppi
  • 主流机型
    • 240x320px
      • 08
    • 320x480
      • 09
    • 480x800
    • 480x854
    • 10
    • 640x960
      • 11
    • 720x1280
      • 12至今
    • 1920x1080
      • 13至今
  • 屏幕密度（DP）单位：ppi
    • LDPI(120ppi)
      • 0.75x
        • 1dp=0.75px
    • MDPI(160ppi)
      • 320x480
      • 1dp=1px
        • 桌面图标48x48px
      • 1x/1a
    • HDPI(240ppi)
      • 480x800px
      • 1.5X
        • 1dp=1.5px
      • 桌面图标
        • 72x72px
    • XDPI(320ppi)
      • 720x1280px
      • 2x
        • 1dp=2px
      • 桌面图标
        • 96x96px
      • 规范
        • 电池电量条
          • 50px
        • 顶部操作栏（48dp）
          • 96px
        • 底部操作栏
          • 100~120px(偶数)
      • 字体
        • 方正黑体简
        • 方正兰亭黑
        • Roboto
      • 字号（sp）
        • 10sp
          • 20px
        • 12sp
          • 24px
        • 14sp
          • 28px
        • 16sp
          • 32px
        • 18sp
          • 36px
        • 20sp
          • 40px
      • 万能的“8”
        • 内容间距16px/24px
        • 顶部按钮
          • 72px
    • XXDPI(480ppi)
      • 1920x1080px
      • 3x
        • 1dp=3px
      • 桌面图标
        • 144x144
• WindowsPhone
  • 1.5x(480x800)
    • 电池电量条
      • 32px
    • 顶部间隙
      • 185px
      • 字体
        • 黑体
        • 微软雅黑
      • 字号
        • 72px
    • 瓷片
      • 173x173px
      • 瓷片间距
        • 12px
    • 列表瓷片
      • 62x62px
    • 底部条高度
      • 72px
        • 48x48px
• 产品
  • 交互
  • 交互是什么
    • 交流
      • 相互了解
    • 互动
  • 界面
    • iOS
      • iPhone1~iPhone3GS
        • 320x480 px
          • 3.5寸
      • iPhone4~iPhone4s
        • 640x960 px (Retina)
          • 3.5寸
      • iPhone5/iPhone5s/iPhone5c
        • 640x1136 px
          • 4寸
          • 规范
            • 图标尺寸
              • 120x120px(27px)
            • 图标最大尺寸
              • 1024x1024
            • 电池电量条
              • 40px
            • 顶部操作栏
              • 88px
              • 大标题
                • 36~40px
              • 顶部按钮
                • 60px
            • 底部操作栏
              • 98px
              • 图标的尺寸
                • 60x60px 以内
              • 最小的中文字号
                • 20px
              • 最小的字号
                • 18px
            • 字体
              • 方正黑体简/繁
                • 大标题、正文标题、正文字
              • 方正中等线
                • 正文摘要、正文字
              • Helvetica
            • 字号
              • 正文文字
                • 24~28px
              • 摘要文字
                • 22~26px
              • 内容标题文字
                • 32~38px
              • 字号大小不能超过所在要件的一半
            • 距离边框
              • 20px
                • 安全距离
            • 图片的比例
              • 1：2
              • 3：4
                • pal
              • 16:9/16:10
                • 人体工程学
              • 1：1：2：3：5：8：13...
          • iOS6
            • 所有的图片，必须有注释
            • 电池电量条
              • 99%黑色
              • 1%白色和其它
            • 顶部操作栏
              • 内阴影
                • 白色叠加（距离2 大小0）
              • 暗线
                • 黑色叠加
          • iOS7
            • 电池电量条
              • 支持多色
              • 支持透明
              • 支持与顶部条同色
      • iPhone6
        • 4.7
          • 750x1334 px
        • 5.5
          • 1920x1080 px
      • iPad
        • iPad1/iPad2/iPad mini
          • 1024x768 px
            • 4:3
        • iPad3/iPad4/iPad mini2/iPad Air(Retina)
          • 2048x1536
        • 图标尺寸
          • 152x152(32px)(Retina)
        • 侧边栏
          • 80~90px(普屏)
        • 顶部条高度
          • 60~80px(普屏)
        • 文字的使用
          • 字体
            • 方正黑体简
            • 方正中等线
          • 字号
            • 正文标题字
              • 20~26px
            • 正文摘要字
              • 14~18px
            • 正文字
              • 12~22px
        • iPad 设计
          • 1.矢量形状缩小后会有失真现象
          • 2.关于iPad的设计(1024x768 px)
          • 3.iPad的要件及版式设计
          • 结论：
            • 1.iPad有侧边栏
            • 2.结构为左中右
            • 3.左中右的覆盖面积可以调整
            • 4.可以没有顶部操作栏和底部操作栏