实习作品合集

这里是我在实习过程中的一些作品,因为涉及到视频图片等较为复杂的媒体形式,所以给了一个网址。

三星实习作品整理

1. 大转盘流程图

因为运营需求,需要上线一个抽奖转盘,转盘需要给出交互逻辑文档及视觉稿。

视觉稿



流程图

2. 首页作图

S助手的首页会有一些板块的图片需要定期更换,所以有部分的图片是我做的

3. 三星浏览器单页H5

一个活动的H5页面,简单的设计了下

4. e代驾banner

新服务上线之后的banner通知

5. 三星浏览器网页头部图片

6. 三星浏览器新版本海报设计


7. S助手介绍页设计

在其他平台推广我们app的时候需要向用户展示的网页

8. 摩拜单车落地页及类似页面设计规范

摩拜单车服务上线后需要有一个页面单独介绍摩拜单车的使用方式。同时依照这个页面要给出一套设计规范以方便后续有新服务上线时同样制作介绍页面。


9. 摩拜服务上线Banner+Push+LaunchingPage

摩拜服务上线后还需要几个宣传图的设计


10. 卡片改进

对S助手内的一张卡片进行了重新设计

11.应用商店图片制作

新版本上线应用商店之后需要更新应用上线的详情图片




12. 邮箱登录页图片制作

S助手的一个新活动首先需要在公司内网推广,因此需要一个宣传图放在邮箱登录页面。

额外的任务

自己在boss没有派任务的时候对app的交互给出了一些建议

1.FAB改进

FAB原版新版对比图
  FAB的用法在Google官方所给的设计规范里规定好了,而且还是专门的一个章节。FAB的全称叫做Floating Action Button。
这是Google对FAB拓展按钮的说明

The floating action button can fling out related actions upon press. The button should remain on screen after the menu is invoked. Tapping in the same spot should either activate the most commonly used action or close the open menu.

  当然Google也提供了另外一种展开方式

The floating action button can transform into a single sheet of material which contains all the actions.

  这里我选择了第一种,因为第一种的动效比较好做,等我有空的时候再试试第二种。

2.天气卡片改进

天气卡片对比
  原版的天气卡片存在一些问题:文字缺乏组织,看起来不规整;天气数字太过纤细;以上两个问题导致卡片上半部分重心偏左;下方天气列表图标夹在两个文字中间显得较为局促;更新按钮后面文字太多,信息冗余。
  所以我将信息重新组织,提升了展示效果。

3.空气质量卡片改进


  原版空白实在太大‘单独一个空气质量(优)浮在空中实在太过单薄;PM2.5作为一个重要参数只是在左下角小小的出现,与整体卡片闲的格格不入;余下地点信息、刷新文字与天气卡片改进同理。
  仪表盘的设计在很多天气应用上都有见到过,所以也就这么设计了。不过在过程中倒是碰到些难题,sketch不能像PS一样很精确的控制锚点的位置或是画出任意精确的角度,所以那个空气质量的40度一格的2/3标尺挺难的。

小米实习作品

如何把让其他平台的用户平稳过度到我们平台?

APP初期需要从其他平台邀约种子用户用以启动。

  作者邀约的目的,第一是拉日活,提升每天在我们平台产生视频的数量;第二是“洗内容”,我们平台上还有不少快手抓取过来的内容,这些都是不合法的,我们要去邀约作者把盗版的内容弄下去。   

1.影响作者来我们平台的阻力:

  • 管理不过来,比较专业的作者觉得平台太多了管不过来,两个平台(快手、火山)足够了;
  • 没有利益,抱着赚钱想法的作者觉得现在我们平台没有钱赚,当时火山把他从快手邀约过去的时候说是有利益关系的,这种作者我们可以先记下,以后围观正式的激励措施出来了再去找他;
  • 没有互动,没有动力,打广告的用户,比如说发视频给人签字,这种用户很多都是邀约过来的前几天会发几个视频,后面没有人回他就不再继续发了,偶尔哪天想起来了可能还会在发几个视频,这种作者我们还是要留意一下,伪造一些用户去和他互动;   

2.邀约作者话术:
  邀约作者的时候,因为是我们主动邀约的,所以作者大多都会问是否有利益。再具体的激励措施还没有出来之前,我们能承诺的只有增加他的上热门机会,并且如果发视频质量高且积极的话,在以后大力推广之后会有首批作者的福利。如果作者说手头上没有什么好视频的话,我们可以帮他把快手上的视频下载下来(强烈建议做一个搬运快手视频的工具,不一定要做到围观里,而且也不一定要实时搬运,实时搬运之前被产品否了,但是我们可以只搬运现在有的视频,方便用户把之前做过的视频发上来,从而快速洗白我们的热门内容)。
如果作者比较积极活跃的话,可以把他拉进我们的优质作者QQ群,一方面形成一个圈子,一方面也是邀请他们参与对产品的讨论,如果以后做用户调研的话会比较方便。

3.其他问题:
  一些作者在使用我们app的时候,只是单纯的上传自己的文件,没有使用围观的编辑功能,连最基础的剪辑功能都没有试用,我们在邀约作者之后,应该引导作者去使用我们围观的特色功能。

4.建议改进:

  • 尽快上线激励措施
  • 可以的话,监测一下邀约作者发视频频率,如果频率持续下降,则伪造用户与之互动,甚至后台发送短信提示,提升留存。
  • 上线一个新用户引导的网页,帮助其他平台过来的作者快速上手我们的产品,同时如果可以的话,帮助用户快速从其他平台导入已有作品。最后,还要向用户解释我们平台的状况,包括现在上热门的容易程度,直播等功能的加入,以及以后的激励措施。

5.邀约作者建议:
  主要在小影、快手、火山这三个平台上去邀约,其他平台试了,基本都没有回的。
  快手可以一直弄,因为量多,不太会重复。
  火山要隔一段时间搞,因为我试过把热门刷了很多次之后就刷不出东西来了。
  小影用我的账号去直接在app内发私信,我发过私信的都已经关注了,所以找那些没有关注的人发私信邀约。

活动奖品估计

策划的一次活动的奖品,因为我对小米的产品比较熟悉所以我来出主意。

奖品总成本预估3120元(+邮费530元):

  • 参与用户(在活动期间达到每日发送一个视频即可):
    随机话费2~5元不等,需要用户绑定手机号之后方能充值。
    预计成本:1000元左右

  • 积极用户(活动期间积极参与,并获得一定点赞数量的):

    对于点赞数量在10~50的用户,赠送小米福袋(礼物随机,价值约在5~20元左右,不算邮费),需用户绑定手机号后方能领取。
    福袋中可以放:米家签字笔、type C 转接口、指环支架、米家LED随身灯、小米二合一数据线、小米随身WiFi、彩虹电池、小米鼠标垫等
    预计成本:600元(+邮费400元)
    
  • 优质用户(活动期间积极参与,并且产出优质内容的):

    对于点赞数量前十的用户,依次发放:米家智能摄像机×1、小米运动蓝牙耳机2×1、小米小钢炮蓝牙音箱×1、小米蓝牙随身音箱×2、小米支架式自拍杆×5
    预计成本:1070元(+邮费100元)
    
  • 隐藏奖项(不确定):

    1、最霸气奖:如果点赞数量第一的用户是第二个用户点赞数的两倍,额外奖励一个小米6的F码
    2、最人缘奖:点赞数中新用户点赞数量最多的单个视频,视频作者将获得小米蓝牙手柄*2(就是我们在算赞数的时候,额外计算一下在活动期间注册的用户的赞,这样可以看出一个视频主拉来了多少的新用户,对于最多的用户给予奖励)
    

    3、最幸运奖:凡是在活动结束后,点赞数量停留在888或8888的用户,公司分别送出小米鼠标一个、小米移动电源高配版一个(若有多个用户则以最早的那个为准)。围观官网实时更新当前符合条件的两个用户。
    预计成本:450元(+邮费30元)

技术上需要解决的点:手机话费的批量充值(虚拟运营商能充值吗?)、新用户的点赞的统计、符合条件用户的实时更新

作者来源

整理的优质短视频作者的来源,PPT形式







简历

从原来的性冷淡风格变成了五彩斑斓的MG动画风格,也算是定下自己以后的设计风格吧。
简历

一些游戏开发设想

最近和同学参加了一个游戏设计比赛,这里放上一些开脑洞的想法。

单车Crash

  • 游戏类别:竞技类游戏
  • 游戏视角:第三人称俯视
  • 游戏玩法:

    1. 碰碰车玩家操纵单车与其他单车碰撞,碰撞产生分数奖励并对其他玩家造成单车耐久度上的损害,碰撞单车的不同位置可以产生不同的效果,侧面碰撞伤害加成50%,背面碰撞伤害加成20%。
      游戏的地图中会有一些机关能对战局造成影响,例如减速区域、火焰区域、加速区域、隐形区域等,玩家可以灵活利用地形以获得优势。
      选择不同的单车还会有不同的单车技能,例如选择小红车可以使自己的耐久度增加10%,冲刺时造成的伤害更大等等类似。
      地图中会不定期刷出战斗用道具,使用道具可以获得增益效果或使得对手获得减益效果。
    2. 占地为王玩家操纵单车在地图中行驶,玩家行驶过的格子会被染成相对应的颜色,倒计时结束时地图中颜色最多的那一个玩家获胜。在游戏中玩家之间可以互相撞击,类似碰碰车模式,不同的是玩家损耗度如果满了则会昏迷8s,同时丢失最近的一个格子(重新成为无人占领状态)
      PS:这个模式还可以尝试线下玩法,借助现实中的共享单车的定位功能,在规定时间内占领街道多的玩家则获胜。
    3. 生死时速类似常见的赛车游戏,不过融入了自行车的一些特性。举个例子,变档:自行车赛车有体力限制,在体力允许的情况下,玩家可以选择冲刺,冲刺时间速度增加,体力消耗完毕仍旧可以冲刺,但是车辆耐久度快速下降。正常行驶时体力会慢慢恢复。除此之外上坡会少量减少体力。用户选择低档可以稍微延长冲刺时间,同时上坡所需要的额外体力消耗减少。用户选择高档,冲刺时间大幅减少,冲刺距离增加,撞人造成的少还增加,车辆会变得极难上坡,上坡会造成车辆耐久度的损耗。
  • 运营玩法
    游戏每次开局需要消耗车辆,车辆数量可以通过时间慢慢恢复,或者通过RMB购买,或者通过骑行相对应的共享单车来获得。


二向纪元

  • 游戏类别:横版射击竞技游戏
  • 背景故事(看看就好):故事发生在很久远的未来。

    有句话说,越是先进的战争,越比我们现在所能想象到的战争要快得多。公元6666年,太阳系不幸的成为了两个超级文明的战斗的中间地带,而当有一方处于劣势,意图全面撤离战场的时候,为了防止优势文明的穷追不舍,劣势文明立刻将太阳系及其所在恒星链全面二向化,用维度的围墙阻止了优势文明的进一步追击。地球文明来不及反应,只能匆忙将逃生火箭射向太空,带着仅存的人类火种,希望能在另一个星球上延续文明。

    公元7654年,已经移民外星球的新人类派出了一只精英队伍,前往已经被二向化的太阳系旧址,力图找回几百年前出逃时无法带走的人类文明,为了应对尚不清楚的危险,这只队伍里的人都分别具有一些特殊的才能,他们也带有能够使自己全面二向化的特殊装备,已经做好了踏入未知维度的全面准备。

    但是,从三维踏入二维会造成二维空间的不稳定,这对当时依靠维度技术防御优势文明的劣势文明是非常不利的,因此劣势文明不允许地球文明频繁穿越太阳系这块空间,所以他们雇佣了宇宙中的赏金猎人,来阻止地球文明。

    两方势力都没有想到的是,多年前太阳系的二向化,没有杀死地球上的所有生物,有一些生物依靠着自身强大的适应性,在二维中进化成了全新的物种,依靠着旧人类留下的科学技术,这个相对野蛮的物种成为了二向地球的新主人。

    三方势力集合在地球旧址,故事也从这里开始。

  • 游戏玩法:玩家通过操纵不同特色的角色,在一定空间内互相攻击。左手控制人物移动,右手控制设计方向及技能。
  • 人物设计:

    1. 刺客该隐:武器为苦无(飞镖),伤害中等,无击退效果。被动技能:二段跳,连续移动速度逐渐增加,至多150%,从背后攻击敌人伤害加倍。小技能:毒镖,向八个方向射出毒镖,毒镖即中敌人后造成流血效果。大技能:无影杀,隐身,跳跃高度增加,二段跳后可接滑翔,在地面移动速度减慢,持续十秒。
    2. 狙击手张三:武器是狙击步枪,伤害高,击退效果较强。被动技能:视野扩大20%,武器具有穿墙效果,穿墙后伤害减少一半。小技能:燃烧弹,向脚下投掷燃烧弹,火焰会向平台两边扩散,并附有较弱击退效果。大技能:弹无虚发,张三可飞到空中任意位置,并取消子弹的穿墙减伤,攻击速度增加。
    3. 弓箭手OD:武器为弓箭,伤害高,击退效果中等。被动技能:被击中的敌人会在一定时间内获得一个“中箭”效果,如果OD击中了带有中箭效果的敌人,则会额外造成50%伤害。小技能:倒刺箭,击中敌人之后将敌人拉至自己身边,敌人可以选择相反方向挣扎已脱离倒刺,不过会受到不小的伤害。大技能,凤凰:射出一只凤凰之箭,凤凰之箭飞行一段距离之后爆炸,在圆形范围内造成火焰伤害,可提前引爆。
    4. 战士麦德勒:武器为战斧,伤害中等,击退效果强。被动技能:缓慢恢复生命,如果保持一定时间内静止则快速恢复生命,静止时受到伤害减少20%。小技能,升龙斧:将敌人击飞至空中,同时恢复伤害40%的血量。大技能,七重:向前上方冲刺,如果遇见敌人则开启七招连招,第七招造成巨大伤害,第三招以后的攻击可以被其他伤害打断。
    5. 术士亚当:武器为双手,伤害较低,无击退效果。被动技能:攻击造成减速,减速效果可最多叠加三层。小技能:冰龙,可穿墙,对接触到的敌人造成强烈的击退效果,对接触到的友军减少技能一半的CD。大技能:傀儡,选中场上的任意队友,在其位置制造出另外三个复制人持续五秒,复制人与本体行为一致,伤害减半,复制人受到的伤害不会影响本体。

两个人物小动画

第一个动画是我很喜欢的一个妹子,我给她设计了这个卡通形象,然后做成了动画。

第二个动画是一个朋友的头像,他自己画的,我觉得很好玩就把他搞成动画动起来了。

个人实习日志app

这是一个记录我这几个月实习经历的App,不知道到时候要交日志了能不能把这个交上去。
第一次尝试不画线稿图、不画草图、不画任何东西直接在Android studio里面进行产品的设计,说实话还是挺累的,对电脑也是一个挺大的考验,Chrome、Android Studio、Android模拟器、Photoshop、Sketch、Ai同时开着,电量那是刷刷的往下掉,我估计以后这样的大招是不会放了。
这貌似也是我第一次尝试做无框化设计,感觉结果是挺惨的……看来我自己的排版能力还是不太强,以后还是不要轻易尝试这种风格了。不过好歹app是写出来了,写的过程的也碰到了很多设计与技术上的矛盾,其中也有不少的妥协,这可能也是这个app设计惨不忍睹的原因吧。

不会放下载地址的,文章里面还有挺多东西涉嫌到公司机密,放几张图好了,感受一下。

7269351cly1feq5u5zqi9j20iu0zkmya7269351cly1feq5u603ymj20u01ko0v1
7269351cly1feq5u603ymj20u01ko0v1

图被渣浪压缩的不能看了,求推荐好用的图床,最好能有开放的api。

最新消息:正在尝试开发自动从这个博客上抓取内容的app。

Dian年终茶话会海报

dian团队2016年年底的年终茶话会,我负责线上海报的设计
这次事件比较凑巧刚好卡在了12月24号举办这个年会,所以想用圣诞树的设计,但是带队老师又不是很喜欢过洋人的节日,所以把Marry Christmas换成了 SAY BYE TO 2016 呼应年终。

看看你能认出多少种语言

小习惯——记录习惯

小习惯是我最近在练手的一个小产品,我在网上没有找到合我心意的记录习惯的app,所以就想着自己设计一个。app现在还比较简陋,但是我会不断的对其进行完善。这个app会随着我对交互设计学习理解的不断深入而不断的改进,有一些比较好的想法我会第一时间在它上面进行设计,并且尽量也能在技术层面上实现它。
很久没有尝试完整的做过一个app的交互稿了,这个app是在小米实习的时候抽空做的,融入了自己的很多的想法。甚至有些想法我也不能在技术上保证能实现,可以说算是完全抛开技术限制而做的一些设计。
因为时间蛮晚了,所以就不一张一张图片上传了,我直接传上pdf,有兴趣的自己下载看吧。

170417最新作品——小习惯

争取以后慢慢把它做出来吧。

dian团队年鉴封面设计

设计风格走古风,装订线与书目的设计都是仿照了身边一本比较古老的书籍

第一种

第二种