克斯尔江作品集

产品设计 / 界面设计 · 乌鲁木齐

三个界面,
三次重做

案例对象都是公开产品。我不做全新的东西,只找出真正卡住人的那一步,把它改掉,其余保持不动。

2026 三件作品 均为个人练习
案例 01 · 会话页 v3 校样
9:41

微信

全部人群服务
  • 周
    周航

    设计稿第三版已经上传,重点看会话行的密度

    2
  • 评
    产品评审群

    李婵:明天十点开始,别迟到

    7
  • 订
    订阅

    今日更新 3 篇 · 折叠的服务号

  • 母
    母亲

    语音 6 秒

  • 陈
    陈默

    那我先按三个 tab 的版本往下做

  • 文
    文件传输助手

    微信重设计-测量表.xlsx

  • 服
    服务通知

    你的快递已放至 3 号柜

390 × 844 一级入口 3 个

作品

2026 / 三件
案例 01

重新设计微信

四个一级 tab 里,有两个在做同一件事。把通讯录并回会话页,把服务号收进文件夹,做一次减法。

交互架构 信息层级 2026 · 三周
阅读案例
9:41

微信

全部人群服务
  • 周
    周航

    设计稿第三版已经上传

    2
  • 评
    产品评审群

    李婵:明天十点开始

    7
  • 订
    订阅

    今日更新 3 篇

  • 母
    母亲

    语音 6 秒

  • 陈
    陈默

    那我先按三个 tab 的版本

  • 文
    文件传输助手

    测量表.xlsx

案例 02

一个长视频应用的起播页

从首页到某一集开始播放要四次点击。把详情页和播放页合成一页,首屏就能选集,缩到两次。

播放流程 界面设计 2026 · 两周
阅读案例
第 04 集 夜里十一点的海
海岸线以北
8.6
剧情·2025·16 集·已看 04
选集共 16 集
010203040506 070809101112
继续播放 04
案例 03

IPTV 用户端的频道页

遥控器只有方向键和确认键。按十英尺的距离重排焦点路径,把从开机到换台按下的次数从八次降到两次。

电视端 焦点模型 2026 · 四周
阅读案例
IPTV
直播 回看 点播 应用
直播 · 全部频道
42 个
CCTV-5 体育
英超 第 12 轮
LIVE
CCTV-1新闻联播
CCTV-6电影 · 长津湖
湖南卫视综艺 · 歌手
东方卫视电视剧 · 城中之城
CCTV-13新闻直播间
北京卫视档案
浙江卫视奔跑吧
江苏卫视非诚勿扰
CCTV-9纪录片 · 蓝色星球
CCTV-5 体育 20:00 英超 第 12 轮
确认 全屏

方法

每个案例都按这三步走
01

先数一步

把用户从打开到完成目的之间的动作写下来,数一遍。多出来的那几次点击,就是重设计的入口,而不是配色。

02

只动一处结构

一次只改一个层级关系,其余保持原样。改得越少,越能说清是哪一处起了作用,也越容易被真的上线。

03

用尺寸说话

每个改动都给出测量:行高、字号、点击次数、首屏可见条数。说不出数字的改动,多半只是换了种好看。

关于

一句话

界面设计的工作,大部分是删掉东西。

我做产品与界面设计,主要处理已有的产品:把它们拆开,找出真正卡住人的那一步,然后只改那一步。三个案例都来自公开产品,是我自己做的练习,没有参与过这些产品的实际设计。

网站本身也是练习的一部分:一套暖纸色的中性色,一处红色批注,把注意力留给界面本身。