400-609-4309

ui卡片式设计怎么做

ui中的卡片借用了现实世界中的卡片的特征和概念,承载图像、文本、链接、按钮等不同元素。今天小编主要给大家分享ui卡片式设计怎么做,希望对你们有帮助!

ui卡片式设计怎么做

一、有目的的使用卡片

尽管卡片在ui设计中功能强大,但它们不仅仅只是为了使用而使用,大多数设计师采用这种设计元素是为了利用卡片本身的强大组织性。

当ui中有大量不同类型的元素时,如图片、文本、列表、CTA按钮等,就需要借助卡片来整合。

1.承载的元素长度可变;

2.用户不需要考虑不同元素之间的大小差异;

3.需要承载某些交互,比如输入框、按钮和链接等。

二、保持简约

每张卡片携带一个元素并执行一项任务。各种不同的元素不应该混合在一起,不同的卡片将把它们分开,让它们互不干扰。如果需要具有不同属性的内容一起完成一项任务,那么应该将它们放在一起,并协调多张卡片。限制卡片中文本的数量,尽量不要添加段落。

1.引导用户注意最重要的信息或操作;

2.充分利用卡片的层次结构,突出关键内容和信息。

三、 精心挑选图片

图片是ui视觉元素的代表,可以使界面更有吸引力,卡片更引人注目。但是,并不是说图像质量越好,ui就越好。图片必须传达正确的信息,这是第一要务。图片在卡片中的位置通常取决于它是主要内容还是支撑性内容。

四、支持微交互

卡片本身是一个交互元素,卡片上的链接和按钮可以指向更详细的信息,自然,卡片也可以承载更多样的微交互。例如,将光标悬停在卡片上可以触发显示其它内容。

五、支持手势

手势是移动端设计中的主要交互,手势不仅具有可用性,而且有趣的手势和交互可以创造有趣和愉快的体验。自网络操作系统时代以来,滑动卡片、点击和按压组织卡片、上下滑动关闭卡片就已经存在。然而,整个手势交互的逻辑应该是平滑和恰当的,这样才能让体验无懈可击。

12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章