倪爽 Profile picture
Sep 15 6 tweets 3 min read
科技媒体的品牌和产品设计还能怎么升级?

昨天著名的科技媒体 The Verge 发布了充满野心的新版本,除了截然不同的品牌 logo 和大胆的配色,作为主产品之一的网站也展现了前所未见的外观和使用体验

The Verge 表示这是为未来十年的读者设计的媒体网站

#设计参考

下面截图分别是首页x2、内容页 ImageImageImage
整体而言,这次改版最主要的变化来自幕后,The Verge 的母公司 Vox 为此发布了一个面向手机用户的全新内容发布平台

从产品设计角度来看:

- 首页的主要特色是引入了类似于 feed 的 Storystream 新闻提要,这模糊了传统媒体和社交媒体之间的界限
- 内容页的排版更加灵活,支持各种非标准化排版
从品牌设计角度来看:

The Verge 不但重新设计了 logo,用高度抽象、几何化的图形代替了原来的“不可能三角”和粗体文字,而且使用了极其大胆、跳跃的配色

只从外观和视觉语言来说,现在的 The Verge 网站不像媒体,更像是广告公司的展示网站,品牌风格也更适合 Hyperbeast、Vice 之类文化背景的媒体 ImageImage
当然,既然是为未来十年设计的新网站,现在没必要太激动,一年之后再看吧
补充一下 the verge 的移动版页面截图,这才是他们最想通过改版设计创造的新体验

首页尤其明显,创造了一种媒体、社交媒体混合的感觉 ImageImageImageImage
The Verge 的网站改版项目花了两年时间,他们特别做了一期播客节目,介绍整个改版背后的故事

这是一家科技媒体对今天的媒体、用户的思考,以及对未来十年媒体、用户的想象,值得仔细收听

theverge.com/23352835/verge…

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with 倪爽

倪爽 Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @nishuang

Sep 17
灵动岛的正确用法

在上面复刻一个 tamagochi 电子宠物,实时养小猫
除了可爱、有趣,这个设计最大的优点是把小猫放在灵动岛外面

以大部分设计师、开发者的思维定势,加上“我要突出灵动岛”的心理暗示,绝大部分人肯定会把小猫放在灵动岛里面(那就变成坐牢了)
刚发现:灵动岛养宠物的 APP 还可以定制不同的动物

猫🐱,狗🐶, 刺猬🦔,狐狸🦊和蝾螈🦎.

Read 4 tweets
Sep 16
明亮的光线,充分展示了 iPhone 14 Pro Max dynamic island 灵动岛内部的丑陋细节

深色的黑来自实体的物理器件、浅色的黑来自显示屏上画出来的灵动岛,理论上二者都是纯黑,但因为二者材质不同,明亮光线下的色差非常明显

#设计参考
另外一位用户实拍的灵动岛在阳光下的效果

也是明显的色差
实拍一下我的 iPhone 13,阳光下也能看到刘海内部有色差

以前的刘海只是 UI 之外打酱油的次要视觉元素,基本上大家对刘海都视而不见,更别说是刘海内部结构

但是呢!很遗憾!现在的灵动岛变成了 UX 的一部分,既要盯着看、又要点击交互、还要欣赏它的变化,这时候的视觉上的小缺陷就不容易视而不见了 Image
Read 4 tweets
Sep 16
多达11万字的周报👍

一般的周报要么是记流水账为目的的 log,要么是摘要、汇总为目的的 report,而且都会以时间、以用户为基本单位,存为一条条记录、或者一个个独立小文件,以便于组织内容

放弃管理系统,拿单个巨大的文档来同时实现 log 和 report ,用文档的段落和文字格式来组织内容,太神奇了😯
原推下面说这个小组一共 20 人

我简单算了一下,按信息系统来理解,一年 50 周 x 20 人相当于整个文档里有 1000 条记录,110000 / 1000 相当于每条记录 110 字

但从领导(周报的目标用户)角度来看,这个信息系统也许只有 50 条记录、每条 2200 字,所以放在一个文档里,免得分散管理、临时找不到?
另外我算下来每人的周报内容 110 字,字数跟一条推文差不多,110 字的日报都算精炼的、110 字的周报就极其简练了

按信息系统来理解,110 字周报的信息量也很少,估计也会有一种流程或方法去汇总这些信息,帮领导处理不同j颗粒度的信息
Read 4 tweets
Sep 15
为什么苹果非要设计一个手指根本够不着的 dynamic island 灵动岛交互?

也许它是未来苹果 扩展现实/XR 交互策略的一个暗示!

这是所有灵动岛文章里最有趣的一篇,作者是著名设计师,他认为苹果在最佳实践中出现颠覆,那这个颠覆很可能是其他某个领域的最佳实践

#设计入门

proofofconcept.pub/p/welcome-to-d… Image
作者列举苹果在产品上测试新交互范式的例子:

- 在触控板上测试 3D touch、然后引入 Watch
- 文件连续性奠定了 Universal Control 的基础
- 也许 TouchBar 是 Dynamic Island 的原型?

作者觉得灵动岛的交互不是为点击设计的,更适合 HUD 显示器,是未来 XR 交互的一部分

非常有趣的文章,推荐阅读
多聊几句帮各位设计师理解这篇文章的背景:

一般人会被灵动岛的动态效果所吸引,但动效只是交互操作的结果、相对次要,更重要的是交互操作的认知和操作的难度

苹果在这两方面,远比安卓等其他竞争对手更强大,通俗地说,苹果比谁都更善于设计小朋友、老奶奶也会用的交互方式

Read 5 tweets
Sep 15
Figma 将被 Adobe 收购

收购后的 Figma 将保持独立运营,原有定价不变、社区等外围服务也不变…对大家影响不大

注:

收购肉眼可见的好处是,将来 Figma 和 Adobe 软件之间的互通会更顺畅,跨软件设计会更便利

收购有可能的坏处是 Figma 会加速地越来越大、复杂,大家又会呼唤新一代简单的 Figma🤷‍♂️
媒体说这次 Adobe 收购 Figma,交易金额将是 200 亿美元左右

据说 Adobe 计划把自己的社区和 Figma 结合,将来会把 Figma 捆绑到 Adob​​e Creative Suite 里

theverge.com/2022/9/15/2335…
哈哈,看来 Adobe 收购 Figma 瞬间启动了大家的“大公司都是邪恶的”神经

Adobe 肯定不是什么好鸟,但是新工具也未必靠谱、尤其是免费软件,非要说一个软件既免费、又好用、还稳定……这个账我就算不明白了😂

Read 4 tweets
Sep 6
不知道问题里的“好用”指什么,我就展开回答吧

1,容易学、容易使用的“好用”

现在的 UI、原型设计软件的学习难度、基本功能都很相似,喜欢国产软件的话建议用 MasterGo(国产 UI 软件公司里,他们应该最有钱),需要和老外程序员、客户打交道的话,建议用 Figma

#设计入门

2,使用效果好的“好用”

现在的 UI、原型设计软件,主要功能分为设计、原型制作、协作、输出这 4 大块

原型制作、协作、输出这几块,都需要跟上下游合作,所以国产的 MasterGo、即时设计更适合国内的习惯,Figma 是事实上的国际标准

设计这个部分,效果取决于设计师、设计团队的能力,跟软件关系不大
3,关于“好用”,网上最流行的问题是:我学哪个软件才能成为 UI 设计师,从此收入高、饭碗无忧?

很遗憾,除非你是官二代、富二代,否则世界上并没有确保前途的 UI 软件

UI、UX 设计是一个快速发展中的行业,软件、设计方法都在不断进化,设计师保持竞争力,需要熟练掌握几个软件、并且不断尝试新软件
Read 5 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(