美文网首页
Day10-UI设计

Day10-UI设计

作者: Celine_lee | 来源:发表于2022-01-14 12:18 被阅读0次

一个读书类的App产品。
关键词:简洁、舒适

【形】书籍、播放背景框、书籍简介框、按钮都是采用的圆角设计
【色】文字黑色+深灰色、主色低饱和深浅蓝绿3个梯度搭配,看起来很清爽
【字】大标题用了有书写感的衬线体,给人感觉比较的优美,小标题、正文用的无衬线体,文章开头采用放大首字母的设计
【构】整体的留白适中,紧凑但不拥挤。首页卡片的间距与边距大小差不多,文字段落之间的间距大概是行距的2倍
【质】质感以扁平为主加底部浅投影,首页图封面的纯色背景、书籍介绍页面的纯色背景上都有一些不规则的年轮状的肌理,书籍放置浅色背景上的时候有做了一个非常浅的底部投影效果,深色按钮底部也有蓝绿色的投影,选中某段文字的浮起的表情背景也有投影效果

6afea8da3add53fb0a8aa852196a29ce.png

相关文章

网友评论

      本文标题:Day10-UI设计

      本文链接:https://www.haomeiwen.com/subject/ckeacrtx.html