Card样式练习

点击图片,会跳转到花瓣,点击花瓣的右上角的放大按钮,就可以看全大的图,原图尺寸3000px*3000px.

card

这是一个移动端card样式的练习,练习了多种组合形式,在练习中特意加上了中英文的对比,感觉这样更有意义,运用了栅格,努力做到严谨。

 

卡片展示2

局部展示,当换成中文的时候,中文不能过小,文中中文大小10sp, 尝试了不用的布局来满足设计需要. 图片与信息的高度分隔为1:1

 

卡片展示3

 

 

欢迎和我交流

 

我的微信: youmo778  (加我请备注:web)

 

wechat:  youmo778  (please remark:web)

 

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>