导图社区 PS、UI设计师技能框架复盘
PS、UI设计师技能框架复盘图标传达的意义是否明确,通过图标,认为软件是什么分类有素描功能是否最终达到了我的预期。5分钟后,简单的评价软件,记录使用软件的预期,以及预测它是否会流行。
编辑于2022-11-01 16:38:04 广东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
瀑布流
花瓣
无尽浏览的模式 宽度一致,间隔一致
sc
单色模式
卡塔尔航空公司
ck
内容为王
设计沉下去,交互浮起来
bvib
大视野背景
缺点
1.素材难以收集
2.不利于主要功能的展示
1.高斯模糊
2.加暗色的色块
优点
主题的展示具有戏剧性 极富感染力
总结
图片必须经过处理
盈利点的设计依据
体验
晒
晒卓越
晒烦恼
休恩爱
关注
虚拟特权
社交软件
游戏
虚拟礼品
社交软件
虚拟排行
虚拟体验
交互原型图三大分类
低保真原型图
面向设计师
1.设计师参考排版
2.企业的app备案
3.用于软件的改版
中保真原型图
设计师+攻城师
1.给工程师做效果参考
2.便于代码的调用及提高上线的效率
3.有利于部门内部的联动交流
高保真原型图 (与上线项目一致)
老板+客户
1.面试
2.报价
3.竞标
4.审核
扁平化图标(2D,2.5D (拟物化) 图标+界面效果)
28个扁平化图标
200x200px
宽为1200高度不限