深圳绮思设计公司★电话:13714567052,qq:2783415825★【先设计后付款】★满意付款★专注于产品摄影、食品拍摄、详情页设计!欢迎洽谈!

“头像设置”的相关设计思路和案例

在这个看脸的时代,无论真实社交,还是网络社交(特别是陌生人社交),甚至虚拟形象社交,“颜值即正义”。长得好看是一大优势,或者至少要满足彼此的审美才有进一步发展的可能。当然要想真正地完成社交目的,还是要看个人的社交能力。在进行网络社交时(兴趣社交除外),可谓“无头像,不社交”,毕竟跟陌生人搭讪的筛选成本太高,看头像照片是最直接快速的方式。据说,有好事者在三里屯注册了某一款陌生人社交软件,并将头像设置成了一个在卢浮宫的露背少女照片,在短短时间内,居然收到了10000多次点赞。头像的魔力可见一斑。

头像设置流程

头像设置流程一般包括头像选择、上传、裁剪、预览四个步骤,在用户界面上展现时,部分步骤可合并或跳过,但至少要包括裁剪和预览。

1.选择图片源

头像图片的来源包括本地图片、系统推荐头像、用户个人线上相册、即时拍摄等。同一产品在不同端可以支持不同的上传渠道,比如PC端摄像头拍摄质量不佳,而且台式机不一定配备,一般可以不做支持。

2.上传条件限制

上传本地图片作为头像时,图片的格式、尺寸、文件大小规则应尽量放开限制,至少要支持JPG、GIF、PNG、JPEG、BMP等格式。随着手机拍摄照片的尺寸和大小越来越大,所以5-6M是一个比较合适的上限。关于服务器图片存储,应保留一张高清大图和多套不同尺寸的缩略图。

3.裁剪处理

图片裁剪包括系统自动裁剪和用户手动裁剪。如果不支持手动裁剪,最好把系统自动裁剪和截取做了,比如京东商城web端就没有截取图片中央区域,而是直接挤压或拉伸图片,导致图片变形效果很差。手动裁剪时,一般要辅助缩放、旋转、镜像等功能。缩放时需注意极限值,否则会导致背景空白(如QQ空间),要做相应的填充处理。裁剪框最好加入辅助线(如九宫格、方圆)和遮罩,方便实时预览方形和圆形头像的效果。有时也会加入滤镜、贴纸等功能。

划重点

本文列举分析了头像设置的相关设计思路和案例,对社交产品的头像设计大有裨益。在设计时,寻求相关设计参考是获取灵感和解决方案的有效方法。认真发现生活中的好设计,及时积累并总结,才能在关键时刻有高质量的输出。

版权保护: 本文由 主页 原创,转载请保留链接: http://www.fs-kaki.com/z/sytbsj/1407.html