changlan
PW官方团队
PW官方团队
  • 发帖数80
  • 铜币909两
  • 威望29点
  • 贡献0点
  • 注册日期2014-10-10
  • 最后登录2015-11-17
阅读:13161回复:14

[经验分享]phpwind 移动端视觉相关使用小技巧探讨

楼主#
更多 发布于:2015-03-10 12:02
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
    开个帖子,和大家探讨一下phpwind移动端使用上的一些与视觉相关的小技巧。说白了就是怎么让自己的phpwind 的安卓端APP好看些、好用些。想到哪儿说哪儿,不定期更新。如果有相关问提也可回复本帖,我会尽量回答。

   · 移动端服务平台生成应用时上传的app Logo
    上传的桌面app Logo,建议制作充满四边的192px*192px的图标,即上下左右不留空隙。
    app内的Logo,如果和桌面图标上传一样的,你会发现它有点大。建议该图标制作时,上下左右各留出20px的空白透明位置,存储为带透明通道的png格式。
    那为什么平台不直接让站长传个小尺寸的图标就行了呢?因为考虑到可能在节日的时候,有才华的你们没准儿想装饰下自己logo之类的。
    所以,虽然上传的两个图标都提示的相同尺寸,但你上传的时候,建议不要做成一模一样的哦。

    · 生活服务各商家简介和地址写多少个字合适
   根据市面上的手机分辨率状况(480分辨率及以上占有率高),我建议商家简介的文字不要超过80个字符。因为超过80个的文字基本上会被“...”截断而不可见。如果你觉着确实有很多简介文字需要写出来,那么建议你把最重要的内容在前80个字符表述清楚,80个字符以后的内容在大分辨率手机上有呈现的机会。如果你的用户对象都是大款级别的,app不面向480分辨率的用户,那么,你多写几个字也行。
    同理,建议一般站长的商家地址输入不超过25个字符。如果你的地址真的是很长很长的,怎么办呢?建议在商家地址处,输入较短的地址,比如写到商圈,而具体详细的地址在帖子中写出来,并在该频道置顶。

    · 精彩推荐自定义的LOGO做成什么样子合适
    因为精彩推荐的LOGO 会由程序进行倒角圆形处理,所以,你在上传图片的时候,最好确认核心内容落入了图片的内圆中。另外,建议上传的图片是充满正方形的,不要自己做圆形的图片上传,因为没有程序作出的圆形边际一致性好。再者,以后开放那啥的时候,如果你想改成小圆角、其他形的,只要改下样式表就行了。目前,至于你想在内圆以内搞什么花样的图片,看你的了,这里支持带透明通道的png图哈~
[changlan于2015-03-12 16:29编辑了帖子]
changlan
PW官方团队
PW官方团队
  • 发帖数80
  • 铜币909两
  • 威望29点
  • 贡献0点
  • 注册日期2014-10-10
  • 最后登录2015-11-17
沙发#
发布于:2015-03-25 17:46
帖内置顶  –  changlan  –  2015-03-25 17:46
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
· 启动页的图片
  因为启动页图片是要充满Android手机屏幕的,而Android手机尺寸是相当丰富的,在不同的屏幕下,启动页图片有不同程度的拉伸是必然的。图形还好,别放对“高矮胖瘦”太在意的即可。文字变形则蛮影响视觉感受的。既然无法避免,那么怎样将伤害降到最低呢?这里建议各站长在启动页设计时就采用斜体文字,这样即便横向拉伸,也不会给人较强的横细、竖粗的扭曲感。首页Banner图片中的字体同理。当然,如果你觉着矮胖变形的字体也蛮可爱的,那就无所谓了。
PW666
PW moblie内测组
PW moblie内测组
  • 发帖数260
  • 铜币2253两
  • 威望8点
  • 贡献0点
  • 注册日期2014-11-21
  • 最后登录2015-11-10
  • 社区居民
  • 忠实会员
板凳#
发布于:2015-03-10 12:50
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
很好,不错
gdwest
禁止发言
禁止发言
  • 发帖数269
  • 铜币472两
  • 威望-67点
  • 贡献0点
  • 注册日期2012-10-18
  • 最后登录2016-03-21
  • 社区居民
3楼#
发布于:2015-03-10 12:52
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
用户被禁言,该主题自动屏蔽!
金沙仔仔
PW moblie内测组
PW moblie内测组
  • 发帖数212
  • 铜币1211两
  • 威望-2点
  • 贡献0点
  • 注册日期2014-07-04
  • 最后登录2015-06-20
  • 社区居民
  • 忠实会员
4楼#
发布于:2015-03-10 13:08
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
sdwf3000
PW moblie内测组
PW moblie内测组
  • 发帖数2052
  • 铜币3032两
  • 威望853点
  • 贡献0点
  • 注册日期2009-01-08
  • 最后登录2015-12-25
  • 最爱沙发
  • 社区明星
  • 忠实会员
  • 社区居民
5楼#
发布于:2015-03-10 14:08
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
奥,还有这么多小秘密
benrun
PW moblie内测组
PW moblie内测组
  • 发帖数133
  • 铜币201两
  • 威望0点
  • 贡献0点
  • 注册日期2015-01-21
  • 最后登录2016-01-10
6楼#
发布于:2015-03-12 15:26
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
好好好 话说app君呢?
116313732
PW moblie内测组
PW moblie内测组
  • 发帖数349
  • 铜币814两
  • 威望16点
  • 贡献0点
  • 注册日期2009-02-26
  • 最后登录2015-09-07
  • 社区居民
  • 忠实会员
7楼#
发布于:2015-03-12 15:40
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
哈哈 我来看看!
xiahaitao120
PW moblie内测组
PW moblie内测组
  • 发帖数4777
  • 铜币6096两
  • 威望419点
  • 贡献0点
  • 注册日期2010-05-26
  • 最后登录2017-10-26
  • 社区居民
  • 忠实会员
  • 最爱沙发
  • 社区明星
8楼#
发布于:2015-03-12 15:58
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
管理员辛苦了
shysjy
四星会员
四星会员
  • 发帖数392
  • 铜币1554两
  • 威望45点
  • 贡献0点
  • 注册日期2007-10-20
  • 最后登录2016-10-23
  • 社区居民
  • 忠实会员
9楼#
发布于:2015-03-12 20:50
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
生活服务添加商家直接生成版块,这功能感觉不实用
changlan
PW官方团队
PW官方团队
  • 发帖数80
  • 铜币909两
  • 威望29点
  • 贡献0点
  • 注册日期2014-10-10
  • 最后登录2015-11-17
10楼#
发布于:2015-03-25 17:46
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
· 启动页的图片
  因为启动页图片是要充满Android手机屏幕的,而Android手机尺寸是相当丰富的,在不同的屏幕下,启动页图片有不同程度的拉伸是必然的。图形还好,别放对“高矮胖瘦”太在意的即可。文字变形则蛮影响视觉感受的。既然无法避免,那么怎样将伤害降到最低呢?这里建议各站长在启动页设计时就采用斜体文字,这样即便横向拉伸,也不会给人较强的横细、竖粗的扭曲感。首页Banner图片中的字体同理。当然,如果你觉着矮胖变形的字体也蛮可爱的,那就无所谓了。
悲伤的红颜
PW moblie内测组
PW moblie内测组
  • 发帖数234
  • 铜币530两
  • 威望-24点
  • 贡献0点
  • 注册日期2010-03-20
  • 最后登录2016-02-24
11楼#
发布于:2015-04-10 13:46
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
不错不错 支持楼主
沙口集
三星会员
三星会员
  • 发帖数589
  • 铜币2130两
  • 威望251点
  • 贡献0点
  • 注册日期2015-01-18
  • 最后登录2016-08-03
  • 社区居民
  • 忠实会员
12楼#
发布于:2015-05-21 23:00
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
琢磨学习中。。。
chlean
新手上路
新手上路
  • 发帖数19
  • 铜币39两
  • 威望5点
  • 贡献0点
  • 注册日期2013-11-04
  • 最后登录2015-07-02
  • 社区居民
13楼#
发布于:2015-06-03 10:45
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
支持一下,之前一直用Pw,现在才出手机端。又想换回来了
duangduang
禁止发言
禁止发言
  • 发帖数40
  • 铜币77两
  • 威望2点
  • 贡献0点
  • 注册日期2015-08-20
  • 最后登录2016-02-05
  • 社区居民
14楼#
发布于:2015-08-27 14:31
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
用户被禁言,该主题自动屏蔽!
上一页
游客

返回顶部