BigCoke233 / miracles

🎉 Typecho Theme Miracles - 生为奇迹

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

一些移动设备上的UI美观度优化建议

if1y opened this issue · comments

这是什么方面的想法?

UI 界面 与 用户体验 优化

这个想法具体是要实现什么?

image

如图:

  1. 头图/背景图在移动端取的是图片左边部分,建议改成居中取样,更有利于美观和展示。或者可以取消60%这种比例设置,改成根据图片宽高比例、设备宽度自动匹配,即让图片比例保持一致,图片宽度与设备宽度一致,从而得到头图的高度就是图片高度。

  2. 文章信息一旦变多,就会裂成两行,很难看。建议拆分成两段,第一行,类别,时间,然后换行,第二行,阅读量,评论数

  3. 警告框,在移动设备下会出现文字内容独立于图标成行,建议接续图标的第一行开始会比较好。

2、3 已在开发版中实现,1 尝试实现过,但效果不太好。