移动端时代，虽然Twitter的移动客户端已改版多次，但对PC端网页设计改版真的异常克制。近日，Twitter终于抵挡不住改版的「诱惑」，对PC端大刀阔斧，从里到外翻新整个网页设计。虽然网站改版总会对用户带来不适应不理解，以及各种负面反馈，但对网站而言有时又真的不得不做。下面，郑州建站公司伟之琦将为大家分享「Twitter网页版的设计改版分析」，希望能给各位有不同的启发。
网页设计案例分享：Twitter网页版的设计改版分析
从整体视觉风格来看，新版Twitter的PC端网页设计给人更现代的感觉，且和移动端版本设计保持一致，其改版内容包括：
1. 原本置于顶部的导航栏，被功能性更强的左侧栏取代，承载起主要导航功能。其中，原本被隐藏的「书签(bookmarks)」和「列表(lists)」，这次改版直接显示在侧边栏中。
2. 旧版的「热门事件」存在感较低，于第一屏的左侧侧边栏中，只有标签，容易被人忽略;新版则单独占据右侧侧边栏「Trends for you」，且以Twitter中标志性的标签(Hashtags)的形式呈现。此外，搜索栏同样被挪到右侧边栏，并置于「Trends for you」的顶部，其巧妙之处在于：当用户搜索内容时，搜索结果直接覆盖在右侧，而不会占据中间的主要信息流。
▲ 旧版Twitter推文弹出框
▲ 新版Twitter推文
3. 新版Twitter不仅在布局上更扁平，在交互上也有相应的变化。旧版Twitter中，当点击具体推文条目时，内容会以弹窗框形式呈现;新版则会在当前层中直接扩展开显示，不会弹出，主要信息流不会因此被覆盖，整个Twitter变得开阔，整体融合感和有机感也变得更加强烈。
4. 新版Twitter提供更丰富的个性化设计体验，虽然旧版Twitter也可定制字体大小色彩，之前都是随意设置，这会让很多并不熟悉的用户难以控制好文本和色彩的对比度，降低整体视觉的愉悦度;新版的配色和文字大小经过调校后，能给用户带来足够的选择空间，同时还可保持整体视觉体验上的愉悦性设计。
5. 潮流最IN的「Dark Mode」也随着本次改版一并大包更新。关于深色模式的控制，Twitter和其他平台略有不同，其所设计的Dark Mode方式有两种：「昏暗(Dim)」，其背景色为深灰;「熄灯(Light Out)」，其背景色几乎全黑。
任何社交媒体平台发展到某一阶段时，都可能会面临各种各样问题，Twitter同样不例外。因此，为了满足用户不同需求，Twitter改版也是不得已的措举。
