3. 挂件/装饰
很多挂件只是纯粹的装饰品,能起到美化、娱乐、趣味性的作用;增值服务、特权服务、认证类的标识更是一种身份的象征,体现出荣誉、尊贵的感觉;有小部分应用将用户的勋章标识重叠在头像某个位置,时刻给用户带来一种坚持完成任务之后的成就感,满足其虚荣心的表现。
4. 交互操作
在很多应用中,个人中心页面的头像区域隐藏了设置功能,点击后会进入到个人主页、个人信息页或更换头像页面。还有一些无实际功能作用、纯趣味化的交互,例如双击微信好友的头像“拍一拍”、拖动即刻个人中心头像会出现一个红心等,不同程度的给用户制造意外惊喜。
还有部分应用,在头像右下角通过有明确指向含义的图标引导用户操作。
例如在完成表单过程中需要添加头像,上传成功后,头像右下角会出现删除图标;Soul个人中心头像右下角增加了个性商城入口;QQ、即刻则通过相机图标提示用户点击可直接更换头像,这种引导性的图标都相对较小,需要精准点击,为避免无效操作,在不影响其他交互的情况下,请尽量扩大图标热区范围。
四、方形与圆形的定义虽然我们用过、研究过大量的互联网产品,但也许真的没怎么关注过头像的形状,以当前几个主流的产品为例,QQ、抖音是圆形头像,而微信、钉钉则是方形(圆角)头像,如果真的要分出个胜负,那么很明显,大部分产品使用的都是圆形。方形和圆形到底有什么区别?设计时该如何选择?下面我们就一起来唠一唠。
- 方形头像对照片的空间利用率更高、降低空间损失,圆形通过裁剪让空间更平衡、看起来更精致;
- 方形对四角、中心点均可构成聚焦区域,使用灵活,圆形则边界完美,没有聚焦冲突,可突出核心;
- 古埃及曾认为圆形是神赐予人们的神圣图形,因图形边界完美,能给人公正、信任感,但矩形却能给人一种专业、稳定的感觉;
- 圆形被认为是活泼,方形则显得比较严肃;
- QQ团队曾给出答案,因产品定位就要是给人一种年轻化、活跃的感觉,且人的脸也接近圆形,裁切后更能凸显人的脸部特征(看脸时代),明显使用圆形更适合。微信设计师的说法是图片本来就是方形(扯远了),方形头像能最大程度的降低图片损失,而且微信的定位相对成熟,方形还能给用户一种稳定可靠的感觉,更符合用户习惯,如果一定要用圆形,将头像处理成圆形即可,方/圆兼具;
说了这么多,依然不知道如何选择,那么笔者将根据一些常用到头像的三个模块给你一些建议:
- 个人中心/主页:如无特别需要,大部分情况下使用圆形,不会出错;
- 消息列表/即时会话:根据产品定位、上述的参考比较后决定,没有明确的要求,使用其中一种形状后,在其他同等级页面统一即可;
- 评论/交流区:直接圆形,没有为什么。头像本来就小,裁切掉无关信息会更聚焦。
1. 头像来源
用移动端设备上传头像时,来源主要为系统推荐、历史头像、从相册选择、拍照这几种方式,电脑端因设备限制等原因,一般只有系统推荐和上传本地图片。
2. 上传限制
上传图片时,一般会对图片的格式(JPG/PNG/GIF等)、尺寸(宽*高)、文件大小(多少KB/M)作出限制,这些需要给予明确的提示,避免用户因操作多次失败而受挫离开,同时也能避免因用户不知道平台可使用GIF、视频等头像格式,而雪藏了产品的多元化服务。
3. 图片裁剪
因图片来源、拍摄手法不一,针对横图、竖图,系统会贴着边缘(避免压缩/拉伸)先进行一次自动裁剪进行取方,然后用户可自行调整大小,选取最佳位置。
4. 效果预览
需要给用户提供真实的效果预览图,避免用户因操作失误或对处理后的头像不满意再次重复整个更换流程。所见即所得,通过降低用户重复操作的概率也是提升用户满意度的方式之一。