恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
在设计的过程中,怎样让自己变得更聪明!(上篇)——提高价值观
0.0°
2017-04-26 原创文章 经验/观点 举报 1362 2 1 0

不管信还是不信,大部分所谓的智商的确不是天定的,而是后天习得的。这篇文章就借由楼主在设计溯回式拍摄动效过程来说明怎样让自己变得更聪明。抛砖引玉而已,做个示范。有太多伙伴问楼主一个东西怎样从无到有再到最好的整个过程。



聪明的概念


引用李笑来老师的话来解释一下什么是智商:
1.脑袋里有多少个清晰、准确、必要的概念;
2.那些清晰、准确、必要的概念之间有多少清晰、准确、必要的关联……


如果这两者是我们脑袋的运行系统的话,决定我们脑袋的运转的基石就是价值观和方法论


价值观,通俗地说就是“知道什么更好、什么最好”,决定选择的质量。
方法论,通俗地讲就是“如何做、如何改进”,决定选择后行动的质量。



怎样提高价值观


当我们知道价值观是“什么更好、什么最好”,如何确定关注哪里更好呢?方法只能通过大量的试错、实验,最终选择出来。做越多的尝试,自己所思考的信息越多,相对来说其实考虑的也更周全。当自己不知道从什么地方做起来的时候,那就硬着头皮随便哪一个什么方面开始想,因为思维是会偷懒的,你越投入,联想的东西就越多也越全面。


打比方说楼主要做一个溯回式的拍摄动画,什么叫做溯回式的拍摄动画呢?就是用一个动效告诉用户,咱们产品是用来拍视频的,而且不像微信那样长按进行拍摄,拍摄的时间就是手按住的时间。而是,采用点击的方式之后,拍摄了一段从现在往以前算的一共10s的视频。是不是拍摄机制上很创新?


当时楼主拿到这个任务的时候也是很懵逼。完全不知道从哪里下手。最开始的做法就是参考现在市面上国内国外最火的同类APP的做法。比方说美拍和Instagram它的拍摄机制就是,给了一个进度条代表时间的流逝,于是楼主也按照这样的做法去做一个进度条。


做完之后发现一个问题,就是10s之后,进度条就走完了,用户不知道现阶段视频是否还在录制,于是明白了,需要有一个“时间流逝”的概念加进来。然后接着怎样表达“时间流逝”的概念呢?


楼主想了好几种表达方式:
1.利用胶片与剪刀的概念,来进行时间的表达。胶片在不断滚动代表着时间的流逝,将拍摄按钮做成剪刀的图案,在截取视频的一瞬间用剪刀去进行剪裁,如下图。当然这个有点机械化,前期草稿的灵感都很机械式地表达。就算是这样关于胶片与剪刀的灵感,楼主也尝试了好几种表达方法。


Image title

胶片方案1

Image title

胶片方案2

Image title

胶片方案3

Image title

胶片方案4

Image title

胶片方案5


2.用渐变的颜色条表示时间的流逝,如下图,楼主也做了两种方案进行尝试。

Image title

颜色条方案1

Image title

颜色条方案2


3.用磁带顺时针转动表示时间的流逝,然后将拍摄按钮做成一个倒带的图标,点击倒带的图标之后,磁带逆时针旋转,然后缩到右上角的“相册”里面。

Image title

磁带方案

Image title

磁带方案-保存中效果


4.用抽象的螺纹向前滚动的状态代表时间的流逝。

Image title

螺纹方案


这个是第一阶段的尝试,不管三七二十一,先让自己进入思考的状态。做出很多方案后拿去跟同事进行讨论。大家商讨之后定出一个结论就是,胶片的概念相对比较好理解,而且在现有的胶片的方案中,比较倾向于缩小动效放置的页面范围,让用户沉浸于视频拍摄的本身。越是楼主进一步进行修改,于是得到了第一阶段大家比较认同的方案稿,如下图。


Image title

第一阶段定稿


在这个方案里面,楼主不仅缩小了动效的表达范围,二是加上了时间标识,告诉用户最终保存的视频时长到底是多少,三是表达出视频未被录制,录制中以及被保存时的三种状态。虽然有所改进,但并不那么完美。因为还有后面第二、三个阶段继续修改的阶段。


总结,因为楼主不断“试验”、“调整”、“观察”、“分析”、“总结”、“修正”,做了大量的尝试,在做的过程中不断发现自己的不足,不仅是自己发现自己的不足,别人也会帮你去完善自己,会形成一种非常积极的正向循环。你会发现自己的智商在逐步提高,变得越来越聪明~确实都是“做”出来的,不做,什么都没有


下篇将更新,怎样提升方法论以及与价值观之间的关系,敬请期待~


Sophia的tips:
自己不放弃自己已经是一种很伟大的能力了!



作者简介:Sophia的玲珑阁,一枚爱折腾,爱健身的交互设计妹纸。
职场设计技能,更多教程抢先看,请关注作者的微信公众号:Sophia的玲珑阁Image title











更新:2017-04-26

收藏

2人已收藏

Sophia的玲珑阁

从创业公司到大厂,分享实用的互联网设计技巧和职场经验。

  • 142

    作品

  • 389

    粉丝

  • 7

    关注

  • 作为设计师,我是如何一步步找到业务增量的
  • 情绪是魔鬼,但要原谅自己
  • 2020年打工人4条总结出炉
  • 提升屏效可实施性最强的4大方法
相关标签
设计经验UDCUX

    猜你喜欢

      2017-04-26 原创文章 经验/观点 举报 1362 2 1 0

      在设计的过程中,怎样让自己变得更聪明!(上篇)——提高价值观

      0.0°

      你确定要举报在设计的过程中,怎样让自己变得更聪明!(上篇)——提高价值观

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年04月26日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      1
      2
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录