broken image

  • 洞察 Insights
  • 商店 Store


      All picture& design are licensed under the Creative Commons Attribution 3.0 license.

      Darksang copyright ©2015-2022 .

      This template doesn't support hiding the navigation bar.

      手机动态壁纸设计要点随记

      Key points of mobile dynamic wallpaper design

      最近研究了下手机动态壁纸设计,总结了一些设计要点和心得,希望与设计同行交流。

      一加手机今年推出了新机型,老罗抖音带货,的确是小小火了一把,再加上一贯的口碑,还有国际化的设计团队,相信今年会有出色表现。

      在这里不多做解读预测,毕竟我是做设计的,就从手机壁纸分析下要点,和动态手机壁纸设计的一些随想吧。

      首先分析一下大厂的动态壁纸设计做法和实现:

      一加手机据说是首先画了设计图,然后用openGL管线渲染和着色,做出了云端的效果:

      broken image

      一加手机的云端效果

      broken image

      管线渲染通道

      broken image

      实现逻辑

      从第三张图片可以看到,目前动态可交互壁纸的实现逻辑,动态,可交互,实时渲染,大厂会开发一套设计工具(魅族),协助实现,整体比较前沿,然后后期配合开发调节OpenGL渲染参数,实现效果。如果你是TA备注1,你要懂艺术,懂开发语言(Java),至少要能与开发配合实现,实时调整构想和实现方案。

      技术部分:

      因为目前跟我交流的这个厂没有做这么细致的准备,所以前期我只做了art的部分,后期计划UE4做渲染和互动,当然这是赶鸭上架的感觉,不过前期准备阶段,的确只能做这些,幸好UE也是用OpenGL做设备渲染,所以输出是通的,如果开发到位,可以做细致的调节,嵌入引擎也可以,拿参数做效果也可以,大概是这个计划。

      设计部分:

      我出了10套动态效果图(Demo),各类的动态风格,AE做的后期,后期会全部Po上来,各路神仙也可以过一把指点江山的瘾。应该在作品页面展示,目前只放了预热。

      设计总结部分:

      我觉得T品牌备注2动态壁纸的方向和要点:
      1.本土化(独特性)
      2.艺术感(从美出发)
      3.适合UI和ID的设计(设备UI设计,卖的不单纯是UI)
      4.多样化(探索阶段,也埋包手机用户数据)
      5.动态渲染(这个很复杂,需要开发配合)

      以下逐一展开做表述:

      1.本土化

      因为手机主要出口到海外特定领域,文化风格与普遍意义的地域有很大区别,色彩比较浓烈,结合本地经济和消费需求的制约,会与欧美或者中国市场有所区别,所以本土形和品牌调性我认为要有所区别,壁纸设计要加入品牌意识。

      2.艺术感

      壁纸大部分是表现的美,艺术与美是永恒的,基础的,几何的,有规律性的,要符合格式塔美学和用户审美。这是一个地基。

      3.适合UI和ID的设计

      做设备设计么,做的不只是设计或者UI要符合公司调性,产品策略,ID的设计风格,这样也符合格式塔美学和荣格意识三层结构的心理模型(有兴趣进一步了解设备设计和荣格意识三层结构的,可以移步这里)。

      4.多样化

      其实是企业发展阶段决定的,要埋包做数据分析用户的喜好。目前要提供尽多的可能行。

      5.动态渲染

      这个前面已经做过表述。

      TBD:后续会更新设计过程稿,同步于作品页面,敬请期待!

      备注1: 即Tech Artist 技术美术

      备注2: T品牌是代称,因为设计到一些机密信息

      订阅
      上一篇
      2020年移动设备设计的10个趋势
      下一篇
      情感化设计在UX设计层面如何展开工作
       回到主页
      Cookie的使用
      我们使用cookie来改善浏览体验、保证安全性和数据收集。一旦点击接受,就表示你接受这些用于广告和分析的cookie。你可以随时更改你的cookie设置。 了解更多
      全部接受
      设置
      全部拒绝
      Cookie设置
      必要的Cookies
      这些cookies支持诸如安全性、网络管理和可访问性等核心功能。这些cookies无法关闭。
      分析性Cookies
      这些cookies帮助我们更好地了解访问者与我们网站的互动情况,并帮助我们发现错误。
      首选项Cookies
      这些cookies允许网站记住你的选择,以提供更好的功能和个性化支持。
      保存