An image to describe post

TUX Creative Co

这些产品有新的迭代:

💡圣诞节前后,不少外国产品停止了更新。最近两期的更新动态可能会比较少。

📖 即刻

即刻发布7.27版本,推出社区内的会员服务和深色模式。
会员服务中,在开通时将会为每个用户生成独一无二的一张会员卡面和编号,首批权益包括:

  • Yellow Page:建立一个关于自己社媒、作品的「社交主页」链接,可作为电子名片使用。
  • 身份标识:社区的独特身份标识,也可设置不对外展示自己的会员身份。
  • 个性图标:提供多套桌面图标支持更换。
  • 特别关心:添加关注的即友,并获取实时更新push。
  • 关键词过滤:屏蔽社区内不感兴趣内容。
  • 动态编辑:可多次修改已经发布的动态。
  • 评论权限:设置谁能评论作者发布的动态。
  • 资料修改:头像昵称更换期缩减到7天。

An image to describe post


📧微信

An image to describe post


🛫️Telegram

  • iOS版上新增了有趣的功能: 防剧透。用户可以对发送的内容进行模糊,由接收者自己选择是否查看。
  • 内测Reaction:支持类似iMessage的表情回复功能。
  • 消息翻译:同样是长按文字,可以使用iOS的内置接口翻译。
  • 二维码:在个人资料、频道和群组信息页面,增加了二维码功能。

An image to describe post


☎️WhatsApp

An image to describe post


📚facebook

facebook今年对 news feed 做了不少的测试和改动,尝试挽回用户:

An image to describe post


❓知乎

  • 知乎上线「段落评论」,在任意位置长按,即可选择评论此段。

An image to describe post


值得关注的新产品:

📃eesel

随着越来多文档工具的web支持越来越丰富,这个小工具支持把这些工具收归到一处

🔍Wonder

百度推出的青春版搜索App,定位年轻群体泛信息服务平台,涵盖搜索、生活服务、考研考公、娱乐等功能。

⛰️希壤

同样是百度推出的国产元宇宙产品。

🔊shasta

Adobe推出的基于浏览器使用的音频剪辑工具。


1MILLION官网重设计-大胆、简约、潮流。

An image to describe post

大胆、简约、潮流,这三词能覆盖大多数面向年轻人的设计需求。也和我最近参与的项目需求很吻合,在项目探索的过程中经历了不少失败的尝试,遇到了好几次返工重造。这周在behance上看见 TUX studio为1MILLION舞室官网做的重设计,觉得是个很好的参考,借此复习一下整个思考过程:如果要做一个大胆、简约、潮流的产品,视觉上的思路可以是怎样的。

项目背景

background

1MILLION舞室是全球知名的舞蹈工作室,设立在韩国首尔。而这次改版主要目的是能够向全世界的访问者 展示舞室的创意世界 以及 提供友好的课程预约通道 。

TUX studio给予新官网风格的三个关键词是:bold(大胆)、clean(简约)、entertaining(潮流),访问者能感受到这里是一个活力动感的空间,是许多著名舞者的基地,不管你是新人还是高手,都可以随时加入到舞群里,尽情享受舞蹈带来的简单快乐。

简约

clean

An image to describe post

TUX Creative Co

考虑到页面上有许多丰富的舞蹈视频和舞者照片的展现,黑色背景确实是很稳妥的选择(避免过深的黑让内容突兀刺眼,也避免过浅的黑使页面脏灰)。视觉上主要使用了:

  • 纯色色块,没有多余的背景纹理装饰
  • 必要的分割线(不带透明度)
  • 粗体大字号(强视觉冲击力)
  • 大图展示,图片上没有叠加文字所以也没有使用遮罩(遮罩的不妥当使用会使页面变脏)
  • 充分留白
  • 几乎没有图标的使用,利索干净的文字排版

An image to describe post

1 million dance studio

大胆 & 潮流

bold & entertaining

潮流有很多种,大胆随性便是1MILLION舞室的潮流风格。不管是在专业的舞台上表演,还是只是在马路边随意晃动,你可以尽情摇摆。官网使用了

  • 有个性的无衬线黑体,主要使用了Grot( 字体购买地址),辅助Noto sans(英文)

An image to describe post

  • 直角,除了课程订阅按钮,几乎都没有使用圆角,棱角和直线给页面带来非常帅酷的气质。

An image to describe post

  • 充满动感的小人动画(这个小人视觉设计上突出了肢体,弱化了头部,配上动画非常hip-hop)

An image to describe post

  • 大面积使用黑白配色,部分页面采用了红黑,蓝黑的搭配,视觉上维持了潮酷的感觉(虽然下面这个页面我觉得按钮还是过于warming了)

An image to describe post

  • 有趣简单的交互,交互细节也挺贴心的

An image to describe post

课程预约

An image to describe post

1 million dance studio

课程查阅和预约页面一目了然。

An image to describe post

1 million dance studio

课程类型都有短视频介绍,并且以颜色做出了区分。

更多动画交互效果可以前往 1million官网 体验,感谢阅读。


友情链接

  • 地心引力:关注效率工具与生活方式的周刊,一起脱离重力束缚。
  • 在诗外:Mostly关于如何成为更好的人类,关注自我成长、文化和科技。汝果欲学诗,功夫在诗外。