[自译]Medium的Title,Subtitles&Headings的改进介绍

我们的目标是创造一个能够提供最佳写作体验的空间,让故事的讲述者能够触及到他们的听众。现在,我们很高兴地展示我们在标题方面的提升,这个改变微小而又重要,我们认为你每次在发布文章后,都会会欣赏它。

原文地址:Introducing Improvements to Titles, Subtitles, and Headings

原文作者:Elizabeth Tobey

译文作者:shu℃

1470801807-7308-5NcCpdricZibV2EGL5LSGkGU2KfA

可读性不仅与句子的结构有关。在某些时候,他也关乎页面上的文字。

我们的目标是创造一个能够提供最佳写作体验的空间,让故事的讲述者能够触及到他们的听众。现在,我们很高兴地展示我们在标题方面的提升,这个改变微小而又重要,我们认为你每次在发布文章后,都会会欣赏它。

Medium的编辑器支持两种类型的标题,我们称为H1和H2,一般情况下,它们有两个相似的用途(实际上,完全不同):

-作为故事的标题和副标题

-将故事分为多个部分和细节

在以前的版本,我们将两者使用相同的标题风格。现在,对标题的风格样式以及间距进行了优化,让副标题看起来更像是一个故事的开始。

我们勇敢的作者在在这之前都对主副标题处理的很好,现在他们有了更好的工具,让自己工作的更好。

我们得到了来自平台上人们的聪明和创造力的灵感。在写作的时候,在文章中插入小标题的形式,这是一种方法让标题看起来更好。

引入新的语境标题和副标题

为了更好的可读性。

而不是像过去一样仅作为对一个标题和副标题用例进行优化。我们现在会检查看是否你在一个故事的顶部去使用标题,或者在文章中作为一个部分或者阶段。标题的样式看起来会像是故事之间空间上的补充,而不是相互竞争观众的焦点。

1470801811-4446-y1sHBicbhTvwPrRbXuGRtWIBbicA

我们还修改了工具栏中的主副标题选择,从H1和H2的形式改为了更加清晰准确的表达,当你选择了格式的选项,到底会发生什么你也并不知道。因为使用HTML的术语来描述主副标题可能并不是最清晰的传达信息的方式。

1470801810-2354-wPBGr29Stxgjfdac37NZV1u32u9w

这些标题的变化,现在已经实际应用在了所有的帖子上,写过的文章都会自动重新格式,这样你就可以花更多的时间去讲述你的故事,而不会纠结在格式上。

Medium总是不断发展,我们将继续构建更棒的写作体验,更漂亮的Medium。你可以分享你的见解,继续讲述你的故事。

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/16809/

(0)
iouedioued
上一篇 2016-08-05 09:55
下一篇 2016-08-11

相关推荐

  • Coding Nap:迭代式体感交互设计分享

    CodingNap是为程序员设计的一款办公室睡眠闹钟。程序员是一个不分昼夜工作的群体,十分需要短暂而高质量的睡眠。当程序员十分疲惫需要休息时,按下Coding Nap的按钮,它便为程序员设定了9分钟的睡眠之旅。同时Codin…

    2015-11-18
  • APP细节打磨绝招 “微交互动画”

    著名魔术师 Dariel Fitzkee 曾经说过:“魔术是表演和细节的艺术。”而交互设计同样是如此。设计师大多能够很好的控制设计的大方向,但是细节处理不当的话,会让优秀的设计方案功亏一篑,要不怎么说“细节当中藏有魔鬼”呢?也正是因此,那些精心设计的微交互会让用户体验显得精巧而到位。

    2016-09-08
  • UX案例学习:HubSpot如何重新设计他们的主页

    这个故事就是一个设计师如何集中研究,协作,坚持以用户为核心为底线,安排一份紧凑的时间规划。

    2016-08-24
  • 网易云音乐交互设计:如何让用户感知到个性化推荐

    一般用户会以为都是热门推荐,只有非常细心的用户才可能发现,比如你最近听了不少古典音乐,那在首页上就会看到古典相关的歌单推荐。

    2016-10-25
  • [译]UX设计之商品详情页

    现如今,30%的在线购物行为发生在手机端上。 对于在线购物一事,所有用户都期望能够得到快速、流畅的体验。因此,在购物过程的每一个阶段,即使付之最小的努力都有可能利于用户的整个体验过程(我们也应该以利于用…

    2016-06-30
  • 如何写一份出色的交互设计文档,给程序员以美的享受?

    交互设计文档分为两个版本:一个是界面元素标注版,另一个是附带交互逻辑版。那么,具体的写法和要求如何呢?

    2016-07-11
  • 5步快速制作移动动效

    Sketch+Keynote双剑合璧:5步快速制作移动动效 2014年,Facebook推出了新闻阅读应用Paper,诸多交互细节与炫酷动效启动了界面设计的新时代,Google的Material Design更是将移动动效提升到了app基础体验环节的高度。…

    2015-04-11
  • axure 折叠菜单

    第一步:拖拽三个”动态面板“空间到制作区,分别命名为MB1、MB2、MB3,属性width:200,height:130。 每个动态面板都设置两个状态,分别为State1、State2。 打开MB1面板的State1状态,在里面添加一个名称为section1…

    2015-01-12
  • 走心的收纳设计

    走心的收纳设计

    IxD案例 2017-03-13
  • APPLE WATCH案例学习!

    编者按:这篇实战的对象是Wallaby,一款个人财务APP,文章总结了四点经验:导航、通知、复杂任务以及动效。每个方面都有需要注意的问题和对应的解决方法,进入译文 >>> Wallaby是一款个人财务app,可以在…

    2015-05-21