联系方式

咨询热线:400-998-6158

点击此处免费预约试听课程»

常见问题
学习资讯
学习资讯

ui卡片式设计怎么做

ui卡片式设计怎么做

一、有目的的使用卡片
 

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

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

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

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

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

二、保持简约
 

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

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

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

三、 精心挑选图片
 

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

四、支持微交互
 

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

五、支持手势
 

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

学校联系方式

更多培训课程,学习资讯,课程优惠等学校信息,请进入 芜湖鸠江区平面设计培训芜湖鸠江区淘宝美工培训芜湖鸠江区UI培训芜湖鸠江区PhotoShop培训 网站详细了解,免费咨询电话:400-998-6158

相关课程