佛山天琥设计培训学校告诉你ui卡片式设计怎么做

图片是ui视觉元素的代表，可以使界面更有吸引力，卡片更引人注目。但是，并不是说图像质量越好，ui就越好。图片必须传达正确的信息，这是第1要务。下面佛山天琥设计培训学校告诉你ui卡片式设计怎么做。

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

一、有目的的使用卡片

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

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

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

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

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

二、保持简约

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

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

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

三、精心挑选图片

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

四、支持微交互

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

五、支持手势

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

尊重原创文章，转载请注明出处与链接：http://fstianhu.5zix.com/news/109046/ 违者必究！以上就是佛山天琥设计培训学校小编为您整理佛山天琥设计培训学校告诉你ui卡片式设计怎么做的全部内容。

佛山天琥设计培训学校培训资讯