UI设计!卡片设计小技巧


1、结构&组成元素

卡片式设计,能把内容整合模块化,从视觉,个性化体验上进行呈现让人感觉眼前一亮层次分明,是设计中一种常用并比较趁势的表现方式,同样具有独特的创新概念。

2、阴影&线框

可根据产品的阴影和线框这两类卡片细节效果在设计中都可使用,两种风格进行选择。


3、背景

可以灵活使用背景,但背景与卡片的色彩对比要相对协调色彩反差度不可太大。


4、字体大小&字重

合理的字号应用与用户体验直接相关。在设计中,字号和字重可帮助信息分层,让界面更加层次分明。


5、对比

在卡片设计中,对比度用以区分着信息层级。页面层次感区分强烈,能更好的体现重点内容,让用户一目了然。


6、按键

在卡片设计中,可以使用常规按钮,文字按钮或者图标来实现动作或页面跳转。通常情况下,按钮被放在底部或者右侧。


7、留白

能被合理阅读的文本段落是需要留白的,过于拥挤的文字排列会造成阅读和视觉上的不适,大大影响用户体验和美观度。


8、视觉

可以通过增大阴影和轻微上移或等比例缩缩放卡片等小技巧让目标卡片“凸显”,成功吸引用户。


声明:劉风的博客|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - UI设计!卡片设计小技巧


让人成长的,不是时间,是阅历