重新梳理UI流程:
研究——概念Demo——产品立项——交互设计——视觉设计——前端开发——测试走查——上线——再次研究的循环
竞品分析:竞品分析包括市场的前景排查,优势精品借鉴,产品定位逆推
用户五原则(用户调研)
who why where how what
交互的五大原则
1.以用户体验为出发点
2.通过“自然映射”减轻用户的认知负担(减少操作,消除负担)
3.给用户更多的必要信息(操作前可预知,操作中有反馈,操作后可撤退)
4.化繁为简,少即是多
5.情感化设计,制造用户的记忆点
Safety of product (产品安全感)
主观感受:
①可控制 操作流程符合预期
②可理解 安全策略可被理解,界面信息可被理解
③可信赖 专业度塑造品牌及口碑,多重保护感,安全氛围营造
④可挽回 发生意外有解决的办法
客观感受:
一,
①安全策略 确保操作对象为本人(账号身份证,操作身份证等)
②减少交易操作过程(金额校验,对象校验,操作校验)
③提供安全帮助(密码找回,操作辅助提示,安全策略)
④提供申诉通道(问题反馈,损失申诉找回)
⑤隐私保护
⑥其他
二,
①技术安全,账户安全
②账户密码传送安全及终端密码输入安全
③交易过程信息交换安全
④系统稳定性
⑤其他
设计方法论——banner
①信息传达明确
②吸引用户点击
③符合产品风格
banner构成
①左右构图②左右排版③左中右构图④上下构图⑤文字主体构图⑥排版细节⑦排版细节⑧不规则构图⑨邻近色⑩互补色
字体的选择:①古朴字体②纤细字体
字体设计导论(中文,英文)
①衬线体(serif,多用于印刷)类似字体:Garmond,Caslon,Didot(迪多),Bodoni,Times
给人谨慎,端庄的感觉
②无衬线体(sans-serif)类似字体:Futura(未来),Optima,Halvetica(苹果黑体),Neosans,opensans(针对打印,互联网)
给人崇尚自由,理性,客观。(缺点:缺乏律性,滥用)
③中文字体
Roboto(安卓4.0通用) Droid(安卓默认字体) Noto(安卓目前通用的字体)
思源黑体(谷歌字体) 汉仪旗黑(今日头条目前使用字体)
苹果公司现在使用的字体
英文:Helvetica——SF UI display
中文:Heitisc(华文黑体)iOS7 ,iOS8
UI字体需要注意:
①低调②灵活度③宽比例④字间距⑤层次感⑥行间距⑦识别度
版式设计(常见的的三种设计类型)
①骨骼型
释义:竖向通栏,双栏,三栏和四栏,一般为竖向分栏为最多见
②满版型
释义:版面以图像充满整改,文字配置压制在上下,只有或者中部(边部和中心)的图像上,满版给人大方,舒展感受.
③上下分割
④左右分割
⑤中轴型
释义:将图形作水平面方向或垂直方向排版,字体偏排版上下左右
⑥曲线型
⑦倾斜型(注意角度不宜小于45℃角度)
⑧对称型
⑨重心型
释义:版面产生视觉焦点,使其更加突出
⑩三角型
11,并置型(将相同或不同的图片作大小相同位置不同排列)
12,自由型
13,四角型
色彩搭配
色彩构成
①同一混合色
②同类色混合
③相邻色混合
④中消色混合(黑白灰搭配)
公司相关联岗位
交互设计师
专注于体验设计,即为设计行为,做符合逻辑的设计,落地高效,简洁.
必备技能:交互理论,代码实现,动效.
动效交互(Interaction)
行为设计的核心一定带着时间轴的设计Game UI(游戏ui)
多端UI(智能设备,车载,物联网)
开发
前端:网页页面,包括控件布局,色调,字体,控件响应等待,技术层面上的前端 HTML+CSS+JAVASRIPT
后台:管理网站也叫网站管理后台,比如文章,查看数据浏览等待.
产品经理(Product Manager)简称:PM
负责产品功能的定义、保证团队顺利开展工作及跟踪程序错误,搜集用户需求、竞品资料,需求分析、竞品分析以及研究产品的发展趋势
运营(operational)
内容建设,用户维护,活动策划
负责已有产品的优化和维护,目前缺少大量的运营UI设计师——岗位空缺
运营设计师(operational UI Designer)
重垂视觉设计
高级视觉设计师,负责产品的短时间曝光,抓人眼球.
测试(Quality Assurance)简称:QA
负责产品的错误排查,负责产品的多平台适配,兼容性等问题,是产品的保险类职业,这类工种只在不教成熟的公司里出现.
网友评论