UED沉思录

Q:设计前期至输出时常见问题及解决思路以下分享,全是血淋淋的教训积累与总结。当然也是这段时间在AJK优秀Leader的带领下成长出来的。Q:设计师存在的表象问题?设计方案缺乏理论系统化因需求而丧失设计原则页面结构较为混乱,映射设计思路不清晰页面设计细节打磨程度较低页面制作时参数命名不严谨输出适配的兼容欠考虑Q:设计的根本目的是什么?解决问题Q:设计需要具备哪些能力?洞察力「发现身边的好设计」分析力「分析需求、解决痛点的思路」匠人精神「设...

UED沉思录

Q:设计前期至输出时常见问题及解决思路

 以下分享,全是血淋淋的教训积累与总结。

当然也是这段时间在AJK优秀Leader的带领下成长出来的。

Q:设计师存在的表象问题?

  • 设计方案缺乏理论系统化

  • 因需求而丧失设计原则

  • 页面结构较为混乱,映射设计思路不清晰

  • 页面设计细节打磨程度较低

  • 页面制作时参数命名不严谨

  • 输出适配的兼容欠考虑


Q:设计的根本目的是什么?

解决问题

Q:设计需要具备哪些能力?

洞察力「发现身边的好设计」

分析力「分析需求、解决痛点的思路」

匠人精神「设计技能、高品质输出」


Q:APP设计师的日常?

你的APP装了多少?200+

你每天看了多少APP?100+

你关注最佳APP有多少?20+

你每天花多少时间研究APP? 5+


设计方案的系统化理论,痛点五维分析、分层渐进法

明确需求

现功能及新功能走查检验

产品诉求痛点分析

搜集相关数据验证需求改进方案的可行性

提炼设计重点

寻求合理技术支撑

确立设计方向

设定解决方案


页面设计拆分方法

整个页面的先后顺序

各模块之间在同窗口中展示时,让视觉焦点清晰

字重配比排布

标签、按钮、引导操作先后强弱顺序

修饰性图样添加控制

从开发制作的角度出发搭建你的源文件(更接近范围、结构层)

设计中1+1未必大于2?

产品要求:营造产品多元化,尽可能的展示更多的信息,珍惜一屏空间

设计方案:加形式、样式,字段全展示,布局信息塞满

用户感受:页面好热闹,阅读困难,紧迫焦躁感

设计源件中的细节

1. 页面结构模块用组的形式归类「例如:TOP BAR / CONTENT / BUTTON BAR」

2. 页面结构及单元名需要建立时命名「例如:Banner / List / Text / Line / Button」

3. Position / Size 不要有小数点,取整数,尽量用偶数

4. Opacity 以5、10单位参数进行增强渐弱,个别微调90以上可进行个位数调整。「例如:91~99」

5. 页面信息内容规律栅格、对齐

6. 牵涉均分、平铺时考虑小屏适配

7. 元素平铺,均分在不同系统上开发制作方式不同,需要提前与开发进行沟通确认方案

8. 页面设计时使用较为逼真字段,不建议使用重复文字填充。图片同要求

9. 图标制作时,注意图标的小数点、边缘是否模糊清晰「建议开启:Show Pixels功能时刻自查」

交互节点自查

1.流程、路径、转场、动效

更新,加载

2.交互说明

动作行为,页面跳转路径,注解说明

3.各场景内容显示

登录,功能使用前后,无内容状态,极限状态

4.控件设备专属应用

IOS平台,Android平台

5.网络场景

网络慢、网络超时、无网络、是否需要缓存

6.新老版本兼容

新改页面后台上传数据的向下兼容维护

视觉节点自查

1.一致性

页面面模块文字、线、符号、在遵循可读性、设计风格一致性的基础上保持相对应的对齐;

图标所在模块中的大小比例保持相对应的统一;

页面板块、分割线、文字间距空隙需保持一致;

全局控件严格按照规范输出,包括控件内的文字大小、间距、字色、控件颜色、导角弧度参数;

2.限制性

同一个板块、同一个页面内容不得出现3种以上的字体、字号、颜色、线条样式、比例、底图背景色;

字符分割(例:日期、分秒、状态、标点符号等)使用半角输入;

3 有理有据

设计中因输入法或软件缺陷无法达到居中对齐效果,自行单独调试或单独设计弥补缺陷;

除规范定义的色彩,非标设计需有一定的含义及用色原理;

4.自我检查

交付评审前必须对以上内容严格自检,并和交互设计师保持视觉、意见统一;

视觉稿评审前与 PRD、交互文档保持一致,如有修改及时与交互设计师及产品相关人员进行商议确认修改,一切以 PRD、交互文档为准。

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/35893/

(0)
交互精选交互精选
上一篇 2018-03-15
下一篇 2018-03-15

相关推荐

  • UED建筑大师过大年,喜气洋洋温暖了留守娃的心田

    当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放世界上最美的花水木年华 - 世界上最美的花编者按:2018年1月19—21日,UED设计年会系列活动在江苏省宿迁市成功举办,共议如何在当下中国,以设计、文化、艺术的力量引领城乡发展。年会系列活动包含“设计·文化·艺术引领下的城市发展和乡村振兴”高峰论坛、第四届全国设计院院长交流会、UED建筑大师过大年等诸多精彩环节。路人甲听说你们也去现场啦?是的呢,我们是带着山里小朋友的心愿去的...

    2018-02-02
  • 关于“用户体验动效”的十二项原则

    前言关于“用户体验动效“的十二项原则,本文分为四部分来引入说明:1. “用户体验动效” 不等于 “界面动画”;2. 实时与非实时交互的区别;3.  动效的四种可用性提升方式;4. “用户体验动效”的十二项原则。1.  “用户体验动效”不等于“界面动画”在用户界面设计中,大部分动态的效果被设计师理解为“界面动画”,事实却并非如此。在介绍“用户体验动效”的十二项原则之前,我们先明确一下二者之间的不同。大部分设计师认为,“界面动画”是为了让用...

    2018-04-01
  • 【竞赛结果】2017 年度UA创作奖 · 概念设计国际竞赛最终结果

    来源:城市建筑竞赛题目:UA城的滨水居住建筑2017年度UA创作奖•概念设计国际竞赛由《城市建筑》杂志社主办,哈尔滨工业大学建筑设计研究院承办。组委会于2017年11月发布竞赛题目,共收到672个团队的注册参赛信息,至2018年1月15日止,共收取375份作品。本届竞赛评审分初审、通讯评审、现场评审、网络公示、评审委员会复议等阶段进行。初审遴选出362份有效参赛作品,其中前8所通过全国高等学校建筑学专业教育评估的学校学生报送作品63份,...

    2018-03-27
  • 如何用axure参与团队项目

    1、下载安装axure破解版,可以去axure.com下载。这里为了方便大家,分享个人的百度云盘资源,链接:https://pan.baidu.com/s/1o9qFOyY 密码:hodp2、下载File Zilla,File Zilla从百度上搜索即可下载,这里不需要多言,以下主要讲讲如何配置File Zilla。Ctrl+S创立本地站点,输入主机IP地址,协议默认是SFTP,输入团队用户&密码,点击连接,进入团队项目。3、在团队项目...

    2018-03-15
  • 『设计|交互设计』2018年交互设计趋势解析

    本文转载自:设计前沿2018年交互设计趋势解析2018视觉趋势Pantone 2018流行色:紫外光色Pantone 官方翻译为「紫外光色」,紫外光色是强烈挑动思绪与深思的紫色调,传达独创性、创造力及前瞻性思维,为我们指向未来。彩通:18-3838 紫外光色颜色代码:#5f4b8bRGB:R 95,G 75,B 139CMYK:C 71,M 73,Y 7,K 8从2017年下半年开始,紫色配色的作品开始很多,所以2018年这个色也是一个...

    2018-04-25
  • 如何在Sketch中快速创建调色板?

    今天我将会教你如何在Sketch中快色的创建调色板。这是个很棒的技巧,是年前我从Marc Edwards那里学到的。首先我们先创建三个正方形,它们是可以被三整除。在我们的例子中,我们将先创建一个240pt高和240pt宽的正方形。我们将重命名这些图层为红色、绿色和蓝色。让我们将红色图层的填充改为#FF6161,绿色图层为#4F953B和蓝色的图层为#0076FF。选中这3个图层,然后按“A”快捷键来选择画板工具。我们现在从右边的检查器上...

    2018-04-17
  • 【实习精选】网易、中信、博彦科技、雅培、太平洋证券等名企实习汇总(04-02)

    序列               实习单位工作地1德国电信咨询北京2腾讯北京3中信研究部北京4东亚银行(中国)有限公司上海5雅培中国上海 嘉兴6太平洋证券上海7广州越秀金融控股集团有限公司广州8广东南方都市报经营有限公司广州9国金证券股份有限公司深圳10博彦科技股份有限公司西安11网易雷火游戏部杭州12科锐国际大连01德国电信咨询一、企业和团队介绍德国电信国际咨询公司(DETECON),德国电信集团的全资子公司,是全球领先的ICT行业专...

    2018-04-08
  • 【交互设计排名】SKD独家 | 美国交互设计排名

    Alias工业设计点击关注 和工业设计做朋友关注数模师  JACKAlias建模学习ALias建模咨询加好友你心目中的交互设计是什么样的 ?也许Google这个产品所创造的场景是你所畅想的交互设计可以被认为是当下最热门的专业,受热捧的程度可以和金融媲美。但是,你真的了解开设这个专业的院校吗?每个院校之间的差异和设置有什么不同?SKD根据院校开设的课程设置、专业排名,特邀我们资深的教研团队根据对自身院校的了解、利用兄弟院校的校友资源、以及...

    2018-04-08
  • 广告与用户体验如何共存?

    今天给大家分享的是来自UI中国会员-海舟Ocean关于广告营销相关设计的一些经验总结。最近公司的移动端产品在优化广告投放,其中也遇到了不少的困惑,我翻看了部分APP的广告展现形式并结合了几位设计师&产品经理的想法之后,整理总结出了这篇文章。本文将结合实际案例就常见的广告形式以及它们如何合适地呈现与大家进行分享。遇到的困惑我们知道无论是自身的品牌活动宣传还是第三方的商业广告都能为公司和产品带来不小的收益,但与此同时不恰当的广告也会对用户体...

    2018-04-20
  • 用户体验地图

    利用用户体验地图实现产品的情感化设计;先来看一张图:我们可以将用户体验地图分为三个区域,其中:# ZONE A 提供了对地图的界定;# ZONE B 是视觉化的用户体验过程;# ZONE C 描述了用户的痛点;我们通过拆分各个区来实现一个用户体验地图的构建;A区:1 : 表示一个角色,即体验的用户是谁,或者说你的产品的目标客户群体是什么样类型的人;2 :表示待调研的场景,即在用户什么情景下会使用你的产品;B区:3 :可分段的体验过程,即...

    2018-03-28