如何设计一款照片编辑器一

中科白癜风抗复发治疗 http://ask.bdfyy999.com/

Hello,大家好,我是村长,今天跟大家分享的产品是《LINECamera》,非专业点评仅作分享交流,水平有限,还请谅解;

文章目录

一、产品概述

LINEcamera线条相机是由全球首屈一指的免费网络电话及信息服务提供者LINE发布的一款相机应用,提供了大量的图片美化功能。

1.1使用环境:

·使用机型:iPhoneX

·系统版本:12.0

·软件版本:3.4.1

·产品类别:摄影与录像

二、产品分析

2.1产品结构

2.2功能详解

首页

照相机入库

功能概要:这个首页不但提供了各个功能的入口。在体验过程中,村长还发现一个隐藏交互,下拉屏幕也可进入“照相机”。(PS:介个操作有点没看懂。如果作者感觉“照相机”功能很重要,完全可以将这个功能的入口设计的更突出,或者以一个更优的位置来摆放,即使希望用户可以通过多种形式进入到该功能也应该要在界面上出现必要的提示。如果作者并不觉得这个功能很重要,为什么要体现这个交互呢?)

1.1.1照相机

照相机

功能概要:从首页点击照相机后进入拍摄页面,拍摄页面为用户提供了照相/摄像两种方式,每种方式均可以对当前拍摄到的内容(照片/视频,以下简称画布)进行美化(如设置动态表情、滤镜等)

1.1.1返回

反馈

功能概要:返回键没什么好说的,点击后返回到主页面

1.1.2排版设置

排版拍摄排版

功能概要:作者为用户提供了30种排版样式,排版内容很丰富,基本上满足大多数拍照用户的排版需求(村长基本上不怎么拍照,所以觉得这些足够啦~~~)。当用户选择完排版以后,用户就可以依次拍摄照片,当拍完最后一张后,系统自动将照片按照排版组合成一张(PS:大家可以仔细看下图2,选择完排版后,作者会提示用户当前拍摄的是哪张,并高亮展示,此处可看出作者很细心)

1.1.3切换镜头

切换镜头

功能概要:点击后可切换手机前后置摄像头

1.1.4更多

更多

功能概要:点击更多后,展开更多功能设置

1.1.4.1开关闪光灯

闪光灯

功能概要:作者在此处提供了4种闪光灯开关状态,分别为:闪光灯长开、自动闪光、闪光灯开、闪光灯关。(PS:此处说明一点,闪光灯的作用其实只是对后置摄像头起曝光的作用,用前置摄像头时并无作用,从逻辑严谨性来说,当用户切换至前置摄像头时,应该对此按钮进行控制,比如不可点击或隐藏。不过作者并为对此进行控制。可能是觉得用户在使用前置摄像头时并不会去打开闪光灯,毕竟没有什么用。当然如果是村长来设计的话可能也不会对这个单独处理,感觉有点过度“设计”的意思~~)

1.1.4.2延迟拍摄

延迟拍摄倒计时

功能概要:作者在此处提供了3种时间的延迟拍摄,分别为:3秒、5秒和10秒,每次单击延迟按钮时都可切换,当设置好后,再点拍摄屏幕开始倒计时,如图2.

1.1.4.3拍照后设置

拍照后设置

功能概要:在这里可设置拍照后直接进入编辑模式还是继续拍照

1.1.4.4网格设置

网格设置

功能概要:在这里可设置是否开启网格,网格主要用于构图辅助拍照

1.1.4.5触摸任意位置拍照

功能介绍:开启该功能后,用户点击绿色框内任意位置都可触发拍照功能(PS:这个功能设计的村长有点没看懂,用过相机的小伙伴都知道,拍照时,点击屏幕这个交互,大多用于对焦、调整曝光及放大倍数用的,该产品也提供了这个功能,但是开启任意位置拍照后这两个交互发生了冲突,即单击屏幕既可以拍照又可以调整曝光~)

1.1.4.6开关等级辅助

开关等级辅助

功能介绍:开启等级(我也不知道为啥叫等级...姑且先这么叫吧)后,实际上是辅助用户在拍照时调整水平、垂直、旋转的角度。有点类似于iPhone的指南针。

1.1.5相册

功能介绍:点击右侧相册即可快速进入相册,详细编辑信息在后面(1.2中)介绍

1.1.6贴图

1.1.6.1删除贴图

功能介绍:这两个功能在一起说吧,LINECamera提供了丰富的贴图内容供用户选择使用,点击后即下载到本地,识别人脸后会触发贴图动效及声音,这个功能应该是该功能的核心竞争力之一。滑到最后进入贴图管理,即可删除不想要的贴图

1.1.7滤镜

功能介绍:同样的,作为一款图片美化工具,LINECamera也提供了相当丰富的滤镜功能,包括暗化、模糊、场景滤镜等等,这也应该是这款产品的核心竞争力之一,所提供滤镜的创意性及趣味性是决定该产品能否在主流用户中广泛传播因素。

1.1.8曝光/1.1.9放大/缩小

功能介绍:LINECamera提供了曝光度和放大缩小功能,我们来跟iPhone自带的相机对比分析一下,

1.1.10其他

功能说明:在拍摄的界面,作者也充分利用了“方向”的交互来为用户提供“便捷的服务”。

至此,第一部分功能已经全部介绍完毕,接下来文章会继续介绍其他功能及深度分析,希望更多小伙伴交流分享,感谢LINECamera团队。

摘抄分享:

每个确定的用户需求,通常都需要创建多种解决方案,这时候就要审视哪个方案能够满足以下条件:·最有效满足用户目标。·最符合设计原则。·最适合当前的技术水平和成本考量。·最能满足其他条件。

-------------选自《AboutFace4:交互设计精髓》

如需转载,请标明出处!



转载请注明地址:http://www.1xbbk.net/jwbrc/9401.html


  • 上一篇文章:
  • 下一篇文章:
  • 网站简介 广告合作 发布优势 服务条款 隐私保护 网站地图 版权声明
    冀ICP备19027023号-7