火星网校
我的设计成长笔记—第13篇(UI设计3)
发布时间：2024-03-15 14:05:48 浏览量：203次
UI设计3
2019年5月21日
今天是我距离30岁的倒数第295天
这里是我的设计成长笔记
—————————————————
加班-出差-加班...好累
上了岁数越来越觉得身体负担不起了，前几年还觉得自己身体很好，这一年开始发现自己腰痛、背痛、手腕痛了。今年还是增加一个运动计划吧，平时不注意休息，工作计划被动熬夜也频繁，再加上出差时间安排，晚上也睡不好，日积月累现在开始感觉自己有点力不从心了，哎..同志们也注意下吧，身体才是革命的本钱。
好了，继续总结
上次聊到了
原型制作
原型制作常用的软件是Axure，对于产品来讲应该是相对简便，而且可以做出各种交互效果。但是对于我来说等于要再接触一个新软件了，感觉有点麻烦，学了一下其实功能使用sketch+交互软件（principle、flinto、hype3..)一样可以替代，所以最后果断放弃了Axure（建议了解一下，万一必须用呢，咱也能上对吧）
用户体验地图，也是交互分析的开始
用户体验地图是一个可视化地描述用户使用产品或接受服务的体验情况，以此发现用户在整个使用过程中的问题点和满意点，并从中提炼出产品或服务中的改进点和机会点。
交互分析
这里提一个知识点：峰终定律
交互分析是一个很重要的点，大量的设计前期铺垫工作都是在这个阶段完成的，就像平面设计前期的调研表一样，目的也是为了摸清用户或者甲方到底想要的是什么，唯一不同的是用户体验是一个长期实时反馈的调研，平面设计则是阶段性的。其实在学习UI设计的过程，也会对平面有一些反思，UI设计对细节的注重，对规范的严苛，其实应用在平面中都是很好的促进，尤其是这种产品思维。如果企业设计能够学习和理解UI设计这种迭代和用户体验的方法，那么对企业设计也是一个很大的提高。
初步的交互我一般用sketch画好后导入蓝湖或者磨刀这种第三方的平台里分享链接就好了，操作流程简单很容易团队其他工种的同事理解（如果不想上传到第三方，也可以使用sketch的一个插件Sketch Measure可以导出独立的适配文件）
使用这些基本带交互的界面，在模拟相对应的使用场景里进行体验调研即可。
结合品牌产品的运营活动，比如投放渠道，推广方案，转化方案等，确定在哪个页面位置提供活动入口，提供什么样的展示方式和操作流程。
最后整理好所有的调研资料活动方案交互流程等文档进行方案确定，确定后开始制作第一版本的原型产品。
在开始制作原型之前，嗯
首先要确定阶段性实现方案制定，给整套方案进行优先级的排序，哪些功能是第一个开发版本要实现的，哪些可以以后慢慢迭代，哪些是不确定性需求等。这个阶段最容易犯什么都想要，什么都要做，最后抓不住真正需求的情况，而且反复的调整给整个制作团队带来的内耗是非常巨大的。
其次要确定上线媒介，是web、小程序、ios、安卓，是否要多端适配，是自适应还是响应式等等。这样可以在设计稿阶段就预留好功能界面的位置，不至于后面调整尺寸变形、字体排版不够等问题。同时还有不同的媒介也会涉及一些动效不兼容的情况，在后面制作效果的时候会遇到。
最后还要确定设计规范制定
包括视觉规范、动效规范、交互规范
视觉规范
一、界面
除了前面说的尺寸和适配
重点的还有界面状态部署的9个维度
等待—初始—寻找—无数据—浏览—确认—错误—结束—中断
（这里也是我常常犯错误的地方，在制作过程中，总是因为对这9个状态不熟悉从而漏掉一些页面。）
等待：启动页
目的是可以后台进行预加载，等待期间减少用户焦虑，提高用户体验；同时可以进行品牌宣传等；也可以进行前期的使用介绍，功能介绍，降低用户学习成本。
初始：首屏
核心内容的介绍，这里是用户的第一印象，所以界面的美观、功能层级的清晰是很重要的。所以避免不重要的信息，突出表明核心功能，提供良好的视觉引导。
寻找：引导、搜索
这里我放了引导和搜索，网上整理的资料只是提供了搜索，在我工作过程中有些产品其实功能并不需要搜索，而更应给注重引导。
网上介绍的搜索是四种搜索状态：目的性搜索、无目的性搜索、全面性搜索、重复性搜索，这四种检索状态很好理解，某宝、某东等电商平台都很清楚的。
引导反而是常常容易忽视的。
引导的目的是清晰“我在哪、我要干什么”
确定当前位置，确定上一步是什么，确定下一步是什么等。
无数据：空状态
空状态分类三种：初次加载、完成或清空内容、出错页面
初次加载可以利用启动页、引导页等方式后台完成预加载；清空、完成、出错给出相应的空状态画面就好了。（这里的出错是加载状态出错比如404）
今天先到这里，下一次把这个阶段补齐，再次强调一下设计规范的重要性不亚于前面的交互流程，交互错了是要改页面，改顺序的大改；设计规范错了，就是改尺寸，改样式，改颜色的小改，虽然大改很麻烦，但毕竟是开始阶段，改就改了，无非是重做，但是设计规范错了，无数的小细节在最后切图输出的时候，和程序对接会让你直接崩溃，我就崩溃过，最后只能重新整理重新制作，哎，都是眼泪。
好啦，就酱～拜拜
——————————————————————
彩：关注公众号 Jam吉马的成长笔记 回复“吉马”领取设计管理工具
热门课程推荐
热门资讯
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
7. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
8. 史上最全，平面设计UI设计必备的77个国内外素材、设计资源网站
ui设计社区,大神太多了。3、behance: https://www.behance.net/ ,著名设计... 对于品牌设计师来说,除了图案素材收集之外,还有一个很重要的,就是设计故...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
10. 武汉UI设计培训班费用怎么样？想学UI设计要多少钱？
想了解武汉UI设计培训班的费用是多少吗？不知道学UI设计要花多少钱？不妨看看这篇文章，了解UI设计培训班的学费价格以及学习内容。
最新文章
