日志
-
2019-08-27 10:00
-
小小开关中的大学问
阅读全文»分类:默认分类|回复:0|浏览:518
一.生活中的反面案例
故事要从我搬到新出租屋开始讲起。半年前搬到新的出租屋后,房间里配置的洗衣机也比之前的大了一倍,而且操作区上分布着的密密麻麻的文字和按钮让洗衣机看起来更高级了,然而这种对它的好感并没有持续多久。在我第一次使用它时,我将衣物放进洗衣机后,选择好时间和洗涤方式,按下了启动按钮(如下图右侧白色按钮)。
按下后洗衣机发出了“滴”的一声,在我的认知里它应该是开始工作了,但是10秒过后没有任何抽水声和洗衣服的声音。我疑惑地想:“是不是刚才并没有成功启动?”,于 ..
-
2019-08-26 15:10
-
网格系统是针对于平面的,而不是网页设计和移动端的设计。网格系统、栅格系统、网格基线和网格基数,应用层面完全不同,大家跟着学慢慢就会理解它们之间的差异。平面中的网格系统非常庞大,网格基础就分为很多部分,如:网格的基础知识(认识网格)、网格的元素、网格的类型、网格的应用等等。
阅读全文»分类:默认分类|回复:0|浏览:594
这些知识掌握后就要去理解网格都应用在哪里?如:宣传册和小册子,插画书,杂志和报纸,包装,海报等等。理解了网格系统都会使用在哪里后,就要去理解网格系统的具体结构,又分为两类:结构网格和解构网格。它们俩的知识又细分为:模块网格、比 ..
-
2019-08-20 09:10
-
表单是产品设计中的重要组成部分,如果说弹框的主要作用是完成信息反馈,那么表单的主要作用就是完成信息录入。任何一个表单都可以被拆解成三个最基本要素:标签(标题)、输入框和按钮。
阅读全文»分类:默认分类|回复:0|浏览:647
标签是用来告诉用户这个列表项是什么;输入框是供用户完成信息录入的;按钮是供用户完成信息录入后点击进入下一个流程的。
标签
根据标签所处的位置,可以将其分为左标签、顶部标签和行内标签。
1. 左标签
左标签在目前来说是最常见的一种标签样式,但是这并不意味着我们可以无所顾虑地使用它。以手机端为例,手机端的屏幕尺寸(宽度)有限,左 ..
-
2019-08-19 11:29
-
在产品交互设计中,
阅读全文»分类:默认分类|回复:0|浏览:566
有些交互逻辑会“故意”让选择用户多走一步,
而短短的一小步,却会迸发出更多的价值!
(在不影响用户体验情况下)
而这次,我在体验这些产品当中,获取的一些思考分享给大家。
我们就来聊聊有哪些是多让我们做一步而让产品更加升华的一些APP吧!
文中涉及到的理论包括:
尼尔森十大可用性原则
第五原则-防错原则(Error prevention)
第六原则-易取原则(Recognition rather than recall)
第七原则-灵活高效原则(Flexibility and efficiency of use)
我们常能听到以上的十大原则之中的 ..
-
2019-08-08 09:08
-
之前我们更新过如何做投影的文章:《投影一直做不好?看这篇文章就搞定!》,主要针对的是投影的原理进行讲解,包括如何用图层样式去做投影,怎样用工具绘制投影,这些都是我们了解投影的一个基础。教程发布之后,很多同学留言,表示没看够,希望针对其他投影形式再进行更深入的讲解,那这次我们就来满足大家要求。其实投影的设计不难,只要符合画面的光影逻辑,然后加上制作投影的方法,基本就能搞定很多基础的投影形式,话不多说,我们开始今天的教程。
阅读全文»分类:默认分类|回复:0|浏览:606
其实投影在设计中的应用是非常广泛的,比如这些海报,都运用了投影的形式。
..
-
2019-08-07 09:28
-
不知大家有没有和我一样的疑惑:日常产品的信息引导到底该如何设计?
阅读全文»分类:默认分类|回复:0|浏览:614
可能有人第一时间会想到浮层、动效、弹窗等等,但这些都只是表层样式而已。背后的引导机制该怎么入手?有没有一个系统性的了解?需要注意些什么?
所以,今天就想聊聊这方面的看法,下面是我对信息引导的理解所提炼、搭建的一个「PST」框架:Performance-表现、Strategy-策略、Target-目标。
目标层:信息不会平白无故去引导用户,都是为了某个确定的目标而展示的。如在首页弹窗展示是为了进行新手教育,以达到让用户使用新功能,进入新页面等运营指标或增长指标。
策 ..
-
2019-08-06 09:34
-
第一种情况
阅读全文»分类:默认分类|回复:0|浏览:432
新增框内既有各类保险金额,也有保险总费用。当输入一类保险金额时,保险总费用自动累加显示,点击保存之后将所有数据插入数据库。然后查询查询显示在结果列表即可。如下图:
第一种情况可以在前端js中写一个计费方法。获取每个不同类的保险金额,值取到之后在点击保存之前将变量中的值赋值给保险总费用,然后点击保存。代码如下(js中计费的方法写在代码一开始中的method{}中,也就是新增,查询,删除,修改下方即可):
//计费方法
Vehicle_sum:function(){
var sum = /^[0-9]\d{0,5}$/;
var trafficCompulsoryInsuranceCo ..
-
2019-08-05 09:07
-
我们常说:设计就是在向用户传递信息,在设计的日常工作中,传递信息的方式大多都是图文相结合的形式,而文字作为信息传递中最直观的表现形式,对于整体而言是至关重要的一环。很多设计师一味强调追求图具有吸引力,而忽略了文字的重要性,最终导致图文无法结合、虎头蛇尾。说到文案吸引力,最佳的表现位置就是标题字,所以本期就和大家一起分析、总结一些比较实用的标题文字的处理方式,提升对读者的吸引力。
阅读全文»分类:默认分类|回复:0|浏览:535
切割文字笔画
在文字排版中,想要提升标题文字的吸引力,就要与其他非标题性文字形成视觉上的反差、对比,进而让标题文字在 ..