PS、UI设计师技能框架复盘

PS、UI设计师技能框架复盘图标传达的意义是否明确，通过图标，认为软件是什么分类有素描功能是否最终达到了我的预期。5分钟后，简单的评价软件，记录使用软件的预期，以及预测它是否会流行。

PS、UI设计师技能框架复盘

• 图标
  • 制造方法
    • 堆叠
    • 切割
      • 标准图形
      • 偶数
      • 同层
    • 做U不做V
  • 剪影图标
    • 线性剪影
    • 块状剪影
    • 只有形状
  • 扁平化图标
    • 有形状有颜色
  • 2.5D图标
    • 有形状有颜色有样式
  • 拟物化图标
    • 有形状有颜色有样式有质感
  • 3d图标
    • 高仿真质感
• 产品
  • 交互设计（产品经理）
    • 心理侧写
    • 用户分析
      • 使用一款新软件 （5~10）
        • 使用前
          • 你是如何得知这款软件的
            • 朋友推荐
              • 设计好
              • 功能强
              • 有明星
              • 有女神
            • 某处阅读
              • 网站
              • 书刊
              • 其他
              • 什么时候阅读的
              • 为什么当时没有下载，但是现在下载了
          • 图标传达的意义是否明确，通过图标，认为软件是什么分类有素描功能 是否最终达到了我的预期
            • 达到了
            • 没有达到
              • 是什么印象了你的判断
              • 提出修改意见
          • 5分钟后，简单的评价软件，记录使用软件的预期，以及预测它是否会流行
        • 使用中
          • 软件的loading和引导页是否友好详细
          • 注册是否简单便捷{不便捷提出修改意见}
          • 软件是否易用
            • 非常易用
            • 研究易用
              • 为什么
            • 完全不同
              • 删除
          • 记录软件中，令你眼前一亮的设计
          • 回忆使用前，软件是否符合你的预期
            • 符合
            • 部分符合
            • 不符合
        • 使用后
          • 第二次想要使用，距离第一次的时间
            • 软件的粘性
            • 软件的纵深
          • 软件对你生活的影响
            • 好处
            • 坏处
          • 软件是否符合了你的预期
          • 去看网友的评论，考虑你与他们之间的区别。
          • 推荐给你的朋友，并且探讨彼此的关键
    • axure rp
    • 马化腾说:"假如微信不是腾讯的，当然我是说假如，那么腾讯也挡不住。”
      • 微信和QQ
        • 区别
          • 空间和朋友圈
        • 互联网思维
          • 自由人的自由联合
          • 分析功能背后的原理
          • 隐私性
          • 安全性
          • 摇一摇 扫一扫 附近的人
            • 间谍软件
            • 情人杀手
            • 子主题 3
• 软件使用
  • photoshop
    • 后退一步
      • 连退command+z
    • 图层样式
      • command+q/win+q
    • 拷贝图层样式
      • command+shift+c
    • 粘贴图层样式
      • command+shift+v
    • 删除图层样式
      • command+shift+x
    • 剪切蒙板
      • 按住alt，在图层的分隔线上单击鼠标单击鼠标左键
      • command+Alt+g
  • MAC
    • f4/fn+f4
      • 应用程序列表
    • 屏幕截图（全屏）
      • command+3
    • 区域截图
      • command+shift+4
    • 回车
      • 重命名
    • 删除
      • command+delete
    • 后退一步
      • command+z
    • 预览
      • 空格
      • jpg、png、pdf、doc、ppt、mp3、mov、psd
    • NTFS
      • FAT32
• 图层样式
  • 制作图标的流程（符合实际请款）
    • 先找参考
    • 分析共性
    • 先画型
    • 再填色
    • 加样式
  • 制造图标样式顺序 黑白不如设计
    • 1.加投影
      • 等高线
        • 新月形
      • 反光
        • 复制一层
        • 图层挖空（沟去掉）
        • 半透明
    • 2.内阴影
      • 不仔细看看不到
    • 3.斜面浮雕
      • 高光的不透明度调为“0”
  • 浮潜效果
    • 内嵌
      • 本体色比环境色暗
      • 内阴影+投影
        • 上暗下亮
    • 外浮
      • 本体色比环境色亮
      • 内阴影+投影
        • 上亮下暗
          • 加暗色内发光
  • 一面
    • 影
      • 投影
        • 普通
          • 等高线
          • 普通
          • 反光
  • 四周
    • 光
  • 两面
    • 斜面浮雕
  • 混合模式
    • 变暗 - 深色
      • 减色模式
      • 滤掉本色中的白
    • 变亮 - 浅色
      • 加色模式
      • 滤掉本色中的黑
    • 叠加 - 实色混合
      • 叠柔模式
      • 本体色和底色相混合
      • 添加样式，先考虑叠加
  • 打造真实的金属质感
    • 渐变叠加
      • 黑-灰-白-灰-环境色（亮一些）-黑
• 界面设计
  • iOS
    • iphone/iphone2g/iphone3/3gs
      • 320x480px
        • 3.5寸
    • iphone5/iphone5s/iphone5c
      • 640x1136px
        • 4寸
      • 三大要件
        • 电池电量条
          • 640x40px
        • 顶部操作栏（导航条）
          • 88px
          • 顶部按钮
            • 60px以内
          • 顶部大标题
            • 36~40px
        • 底部操作栏（功能条）
          • 98px
          • 底部图标
            • 60x60px以内
          • 底部最小中文字号
            • 20px
          • 底部条98px
            • 有主要功能按钮的功能条
          • 底部功能条88px
            • 1.次要功能按钮
            • 2，只要包含输入框/地址栏/搜索框
              • 底部功能按钮
          • 最小字号
            • 18px包含英文数字和符号
        • 图片比例的使用
          • 1：2
            • iphone4s
          • 3：4
            • pal
            • iPad
          • 16：9/16：10
            • 人体工程比例
          • 1：1：2：3：5：8
            • 0.618
              • 子主题 1
        • 系统风格
          • ios6
            • 顶部操作栏
              • 有凹槽
              • 内阴影
              • 有暗线
      • 字体
        • 方正黑体简
          • 使用于所有字体
        • 方正中等线
          • 适合小子
      • 字号
        • 正文字号
          • 24-28px
        • 摘要字号
          • 22-26px
        • 正文大标题字号
          • 32-38px
        • 字号准则
          • 字号（px）不能大于所在要件高度的一半
        • 行间距是字号的1.2~1.5倍
      • 可点击元素安全距离
        • 20px
    • iphone4/iphone4s
      • 640x960px（retina）
        • 3.5
    • iphone6
      • 4.7
        • 1334x750px
          • 直接用5s
      • 5.5
        • 1920x1080
          • 5s的值x1.5
    • 系统区别
      • iOS6
        • 电池电量条
          • 99%都是黑色（深灰）
          • 0.9是白色（浅灰） 0.1其他
        • 顶部操作栏
          • 1.有凹槽
          • 2.渐变色
          • 3.内阴影有暗线
        • 底部操作栏
          • 可以是渐变色
      • iOS7
        • 电池电量条
          • 支持多色
          • 支持透明
          • 支持与顶部操作栏同色
        • 顶部操作栏
          • 1.矩形块
          • 2.多为纯色
          • 3.无任何样式
        • 底部操作栏
          • 纯色
    • iPad
      • 规格
        • iPad1/iPad2/iPad mini
          • 4：3
          • 1024x768px（普通频）
          • 原因
            • 3.节约内存及减小原文件大小
            • 2.画布过大不方便浏览
            • 1.矢量形状缩小失真
          • 要件
            • 侧边栏宽度
              • 70~90px
            • 有顶部条
              • 60~80px
            • 字体
              • 方正黑体简
              • 方正中等线
              • Helvetica
            • 字号
              • 正文标题
                • 18~29px
              • 正文字
                • 16~24px
              • 正文摘要
                • 12~24px
        • ipad3/iPad4/iPad mini2 (retina)
          • 4：3
          • 2048x1536px
          • 152x152px(32px) Demon
  • Android
  • WindowsPhone
• 一个软件的诞生 app（第三方应用程序）
  • 1.boss（我觉得xx可以玩一玩）
  • 2.pm（产品经理）
    • 市场
    • 用户研究
    • 交互
    • 需求的分配
  • 3.交互设计师
    • 交互原型图
      • 产品的骨骼，先有整套原型图
      • 手绘
      • 软件
      • 1.平台 2.系统 3.站点地图 4.标识页面结构
    • axure
      • 动态面板
        • 1.动态面板不可见
        • 2.双击动态面板，弹出动态面板的管理器
        • 3.命名（*不能是中文/不能是纯数字*）
      • 动态面板的状态切换
  • 4.视觉设计师
    • 平面
    • 网页
    • 移动端
    • 视频
    • 原画
  • 5.前端工程师
    • 程序猿
    • 码农
  • 6.后端工程师
    • 功能
    • 结构
• app设计
  • 设计模板
    • 多内容少功能
      • 列表式
    • 多内容多功能
      • 菜单式
    • 少内容多功能
      • 九宫格式
    • 少内容少功能
      • 旋转木马式
  • 设计流行趋势
    • cs
      • 瀑布流
        • Pinterest
        • 花瓣
        • 无尽浏览的模式 宽度一致，间隔一致
    • sc
      • 单色模式
        • 卡塔尔航空公司
    • ck
      • 内容为王
        • 设计沉下去，交互浮起来
    • bvib
      • 大视野背景
        • 缺点
          • 1.素材难以收集
          • 2.不利于主要功能的展示
            • 1.高斯模糊
            • 2.加暗色的色块
        • 优点
          • 主题的展示具有戏剧性 极富感染力
        • 总结
          • 图片必须经过处理
  • 盈利点的设计依据
    • 体验
      • 晒
        • 晒卓越
        • 晒烦恼
        • 休恩爱
        • 关注
          • 虚拟特权
            • 社交软件
            • 游戏
          • 虚拟礼品
            • 社交软件
          • 虚拟排行
          • 虚拟体验
  • 交互原型图三大分类
    • 低保真原型图
      • 面向设计师
      • 1.设计师参考排版
      • 2.企业的app备案
      • 3.用于软件的改版
    • 中保真原型图
      • 设计师+攻城师
      • 1.给工程师做效果参考
      • 2.便于代码的调用及提高上线的效率
      • 3.有利于部门内部的联动交流
    • 高保真原型图 （与上线项目一致）
      • 老板+客户
      • 1.面试
      • 2.报价
      • 3.竞标
      • 4.审核
• 扁平化图标（2D，2.5D （拟物化） 图标+界面效果）
  • 28个扁平化图标
  • 200x200px
  • 宽为1200高度不限