卡⽚设计最佳⽅案
卡⽚是智能的信息容器。⼀旦提到均衡清晰美观和简单易⽤,卡⽚设计⼀般会成为默认选项。卡⽚设计师由Pinterest和Facebook引进的,如今⼴泛应⽤在多个领域。
宋春丽个人资料正确使⽤卡⽚能够提升应⽤的⽤户体验。本⽂,我会讲述5个卡⽚设计的技巧,同时给出⼀些有⽤的例⼦。
网游家族名字大全1、遵循“⼀个卡⽚⼀个概念”的原则
卡⽚⾥所有的内容应该只与⼀个概念相关。卡⽚能够容纳设计中的多个元素,但是这些元素应该具有相关性。让⽤户能够选择他们想要阅读或者分享的内容。
2、整个卡⽚可点击
遵循费兹定律让⽤户可以点击卡⽚的任意区域查看详情,⽽不只是点击⽂本链接或者图⽚。实际上,更⼤的接触区域不仅能够提升触屏设备的可⽤性,⿏标点击设备的可⽤性也能得到提⾼。
建议:⽤卡⽚轻微的阴影展⽰卡⽚⾼度,这也是可点击的视觉线索。
3、保证卡⽚的视觉愉悦感
保证卡⽚良好的设计感和可⽤性是卡⽚设计的关键。通过增加卡⽚的美观度让卡⽚感觉熟悉的同时具有创意性。
当设计卡⽚时,你需要注意下⾯的内容:
图像
卡⽚的设计跟图像有很⼤关系。研究证实图⽚提升设计,所以,增加对卡⽚上图⽚的重视程度能够提升⽤户吸引⼒。阴影和渐变
这在使⽤户与卡⽚相关的过程中有很⼤的作⽤。但是你在使⽤渐变和阴影时要谨慎考虑:如果在所有⾓和边都添加阴影的话,那卡⽚就丧失了对真实事物的模拟。
泼水节是哪个民族的节日
字体
你们可以通过使⽤⽂本来吸引⽤户的注意⼒。关于卡⽚的设计应该易读易懂。着重最⼤程度提⾼可读性:
1.选择简单的字体和易于阅读的配⾊⽅案(⽂本是最清晰的,放在⼀个背景上,跟⽂本形成对⽐。)
皮包品牌排名
2.试着限制⽂本数量。对于卡⽚来说,⼀种字体已经⾜够了。
建议:常规字重的⽆衬线体字体适合卡⽚复制。
4、限制卡⽚⾥的内容
手机密码忘了怎么解锁卡⽚通常很精简,给出⼀个能够进⼊更多详情的点,⽽不是将所有的细节都展⽰在卡⽚上。当你将过多的内容放⼊卡⽚时,这时候卡⽚就会变得⼜宽⼜长。同时由于卡⽚看起来不想卡⽚啦,就会丧失原始的隐喻。
就像下⾯你能看到的基于卡⽚的⽤户界⾯。注意中间的卡⽚。问题在于过于密集的信息这也让浏览更加困难。
5.利⽤动画和动效
如果正确使⽤的话,动效会对⽤户体验影响巨⼤。帮助⽤户基于卡⽚界⾯指导⾏为,同时建⽴每个卡⽚不同状态之建⽴视觉关系。
视觉线索帮助⽤户更好的理解如何跟界⾯交互。当您需要演⽰设计中的某些功能如何运⾏时,就使⽤这种类型的动画。
视觉反馈在UI设计中⾮常重要。因为它能够唤起⽤户⾃然已知的知识。在现实⽣活中,对象响应我们
的交互,这就是⼈们期望⼯作的⽅式。对于桌⾯端的应⽤或站点,你可以通过⿏标悬停效果展⽰元素处于交互状态。悬停动画增加了可感知的层级,同时让⽤户体验更有趣。
通过悬停效果可以展⽰选项。在下⾯的悬停效果案例中,允许⽤户使⽤颜⾊标签、反馈、转发或者删除信息。
在之前视图和详情视图之间创建过渡动画:⽤户选择卡⽚并且⽴即查看相关选项的详细信息。最⼤的挑战是确保⽤户能够停留在应⽤中。
结论
卡⽚是全新的具有创意的画板,不仅仅是视觉美观,更是创建丰富的内容体验的最灵活的布局格式之⼀。