坦白来说,虽然我之前在项目里做过一些小动效尝试,但一直没有什么系统的方法和原则指导,大多在原型软件里凭「感觉」随意调调了事,而说不清楚为什么要做成这样。刚好最近有在和团队的小伙伴们一起进行动效设计的研究与实践,对动效设计的价值、原则和实现交付开始有了更多的了解,在本文中浅薄地总结一下。
-
-
交互设计 至纯至简|手机百度8.0设计总结
8.0是手机百度发展过程中一个重要里程碑,它不仅延续了产品建立以来的要点,打破历史包袱,与时俱进地从体验和产品角度进行了创新,通过全新的整体交互框架与视觉风格,将搜索、语音搜索、FEED流信息获取、多垂类服务等进行了再设计。
0 669 012 5 月, 2017 -
交互设计 孟菲斯设计风:重回80年代,为网页注入迷人的设计风格
复古一直在流行,这也是为什么过去许多设计趋势常常会沉寂若干年之后,又再次走到潮流的最前线。今天,我们要聊的是孟菲斯设计风(Memphis Design),这种设计风格充满了80年代的特征,明亮的色彩和多样的图形与线条充斥其间,它也是近年重归流行的设计风格之一。
0 627 012 5 月, 2017 -
交互设计 App加载动画知识体系:交互、视觉都需要掌握!
我大胆预测了一下,以后App的加载动画都应该遵循越来越简洁的设计原则,突出内容,去掉无用的、过渡的形式设计。也许无文字提示的加载动画确实是一个流行趋势!
0 510 012 5 月, 2017 -
交互设计 减少认知过载:塑造更好的用户体验
设计不是美工,想成为优秀的设计师怎么能不懂点心理学?文章从认知心理学角度下手,分析了在交互设计过程中时常会犯得几种错误,一些平时稀松见惯的设计方式也都在这儿找到了比较理性的依据。设计是门科学,我们需要掌握一些方法论,以不变应万变。
0 477 011 5 月, 2017 -
交互设计 18个UI demo设计实例,深挖让用户愉悦的小惊喜
文章分享了对话框及模态窗口、注册与登录页面、导航及菜单、滑动条和切换开关等UI设计实例,希望对大家有所启发。
0 718 011 5 月, 2017 -
交互设计 聊聊蒙版引导的应用场景以及设计建议
蒙版引导一直是一个十分热门的话题,对于很多用户来讲经常会不彻底阅读甚至快速关闭来结束引导,这样便起不到很好的教育作用。甚至还有“在界面上添加这些并不会让你的产品变得更易用”的说法(观点引自文章“Misused mobile UX patterns”)。但我认为这种说法过于片面,对于一些流程复杂或者功能个性的产品应用,添加蒙版引导进行说明,是十分有必要的。
0 795 011 5 月, 2017 -
交互设计 汽车仪表盘信息系统设计:偏重的是视觉设计而不是交互设计
从交互设计的角度来看待汽车仪表盘信息系统设计,文中所用的交互设计观点是来自他人的各种总结。
0 1k 011 5 月, 2017 -
交互设计 新手福利!超全面的UI设计切图规范指南
移动UI设计切图是UI设计师最重要的设计输出物,切图资源输出是否规范直接影响到工程师对设计效果的还原度。设计师的切图输出物是是体现一个设计师专业水准的重要标准,同时也是设计师表达自己对设计态度的最有力的语言。合适、精准的切图可以最大限度的还原设计图,起到事半功倍的效果。如何输出具有全局把控和细节专注的高段位切图,应该是所有设计师一直需要追求的能力。
0 2k 011 5 月, 2017 -
交互设计 打造有温度的H5动画:用户的故事将会被如何演绎
2016年末,各路APP也纷纷展开一轮轮的数据厮杀,从不同的视角阐述过去一年的精彩故事。而坐拥庞大用户数据的QQ空间,在这个既难忘又不舍的2016年,用户的故事将会被如何演绎,在寒冬带给用户怎样的温暖回忆呢?
0 417 011 5 月, 2017 -
交互设计 6个问题,带你全面了解交互设计
随着行业的发展,只会图形 UI 设计和只会交互设计的设计师职业生涯都会遇到瓶颈。1. 什么是交互设计
2. 当今UI 设计师的能力要求
3. 交互设计主要做什么工作内容
(1)产品UI框架设计
(2)产品UI风格设计产品UI 框架选择
简单式(单一内容)
翻页式(多页内容)
宫格式(较多入口)
上导航
下导航(4-5大类+分支内容)
舵式
抽屉侧边栏(1个重点+其他次要内容)
隐藏式4. 线框原型图绘制方法
方法一:黑白灰+色块
方法二:黑白灰+高保真图形
方法三:黑白灰+突出色+高保真图形5. 交互流程图绘制
6. 动态交互原型设计0 717 011 5 月, 2017 -
交互设计 牛X的交互设计稿应该具备的5个特点
在交互稿中,除了注意那些既定的、能够清晰辨别出是对是错的内容外,比如功能缺失,逻辑错误等,还有一些更高层次的特点,需要懂得并加以注意。那我们今天就来聊一聊舒服的交互稿应该具有的特点。
0 2k 011 5 月, 2017 -
交互设计 4款视频app交互设计浅析
作者对腾讯视频、爱奇艺、搜狐视频和芒果TV进行界面的整体对比,希望能给各位带来一些收获和启发。
0 2k 010 5 月, 2017 -
交互设计 2017 年网页设计的十大趋势
又迎来了崭新的一年,让我们来了解网页设计的发展趋势吧。“2016 年是对话式商务的元年。”“GIFs 是伟大的。它们无处不在。”
0 3k 010 5 月, 2017 -
交互设计 UI设计实例:如何将功能性动画完美融入设计以提升用户体验
来Nick大神关于功能性动画的一篇文章,翻译过来与大家分享一下。
0 2k 010 5 月, 2017 -
交互设计 多媒体H5:移动端最简单的动画制作方案
了解和使用多媒体制作H5已经成为前端工程师的必备技能。
0 717 010 5 月, 2017 -
交互设计 扫盲贴|UI动效设计原来都是这些软件做的
随着技术的不断发展动效越来越多的被应用于实际的项目中。手机、网页等等媒介都在大范围应用,那么问题就来了,为什动效越来越吃香?它有哪些优势呢?
0 950 010 5 月, 2017 -
交互设计 浅谈动效设计,帮你掌握视觉都需要的动效知识
精细而恰当的动画效果可以传达状态,增强用户对于直接操纵的感知,通过视觉化的方式向用户呈现操作结果。
0 1k 010 5 月, 2017 -
交互设计 梦想成为“全栈设计师”的你,可能需要这份视觉设计知识体系规划书
此文主要适读人群:梦想成为“全栈设计师”的你(偏向移动端产品)!当然设计都是相通的,即使你的职位是产品设计、交互设计、网页设计、平面设计也都不妨一看,相信你也可以有所收获!1、对app基础控件的认知
2、字体
3、配色
4、图标设计
5、标注与切图规范
6、排版的基础原则
7、简单的动效设计
8、走察规范
9、交互常识
10、项目文件管理
11、个人素材、资源库
12、开发常识
13、数据分析能力
14、产品常识
15、用研常识0 2k 010 5 月, 2017