
#10yearchallenge:知名网站网页界面设计的十年之变 | Wotech Electronics
Vũ Khôi
Tác giả tại Wotech Electronics Blog

#10yearchallenge:知名网站网页界面设计的十年之变
Vũ Khôi
Wotech Electronics 博客作者
过去十年,网页界面设计发生了怎样的变化?

10yearchallenge(十年挑战)风潮似乎仍在社交媒体上风靡一时。为了跟上这股潮流,今天Markdao就带你一起探索全球访问量最大的网站在过去10年里是如何改变自己的网页界面设计的。
Google的网页界面设计有哪些变化?
Google搜索引擎在过去10年中最显著的变化,是2015年的Logo重设计。这是一个重要的里程碑,因为Google从1990年到2010年一直使用旧Logo,未做任何改动。此外,如果你留心观察,会发现Google的网页界面设计如今变得更加简约,留白空间也更大,不像以前那么杂乱。

网页界面设计与YouTube的蜕变
10年前,YouTube作为Google的子公司才刚刚出现2年。一个十年过去,YouTube的网页界面设计发生了明显的变化:与Google一样,YouTube网站也采用了网格化设计风格,尽可能做到极致简约。

Amazon与#10yearchallenge
过去10多年间,超过8000亿美元流入了Amazon的市值,产品线也不计其数,但Amazon的网页界面设计却变得越来越简洁。相比过去把所有信息都堆上主页的做法,如今的Amazon力求只展示最突出的、最重要的信息,其余信息则归入各个菜单。

最大的社交网络Facebook是如何改变网页界面设计的?
答案是:与其他网站相比,Facebook在过去10年里的网页界面设计似乎没有太大变化,最突出的就是其首页(homepage)。唯一的微小变化,是这个社交网络在2015年重新设计了Logo。

Reddit:过去十年的网页界面设计"蜕变"
Reddit已经存在了10多年,其间只经历过几次改动;直到2017年年中,如今的网页界面设计才正式发布,到2018年年中,Reddit开始上线各个不同的大型主题小组。

Wikipedia的网页界面设计也有了一些变化
如果你是Wikipedia的忠实用户,你或许也能发现,过去10年里只有语言球形图标有一些小改动,以及球体下方可选语言列表的精简。

#10yearchallenge与Yahoo!
在过去十年里,Yahoo有几处虽小但容易察觉的变化:一是色调改为紫色,二是重新设计了新Logo。但那种"塞得满满当当"(jam-packed,即把所有东西都放上主页)的版式,始终是Yahoo一成不变的风格!

Yahoo
The New York Times(纽约时报)
The New York Times的网页界面设计变化,是努力让自己更像一份印刷报纸:简单的分区分隔线、黑色文本和四栏版式。

Craigslist
可以说,自1995年创立以来,Craigslist的网站没有太多显著变化。但如果你仔细观察,会发现Craigslist网站的留白更多了、文本更大了,对空间的运用也更出色了。

IMDB
IMDB在过去10年中对网页界面设计做了相当大的改动,即侧重于视频内容、电影奖项和本周上映的影片。

CNN
CNN与纽约时报类似,网站版式更简洁,具有清晰的视觉层级,文本以更大的字号呈现。

Microsoft
2009年的Microsoft还是一家完全不同的公司。只需对比2009年和2019年Microsoft网页界面设计中菜单栏上的各个栏目,我们就能看出Microsoft已经把重心从技术软件转向了适合普通用户的工具。

Apple的十年网页界面设计变迁之路
10年前,Apple Store刚成立6个月,应用下载量才刚刚庆祝突破5亿次。到如今,Apple Store已售出超过1300亿个应用,是过去的260倍。此外,网站主页也换上了新装:采用全新的设计语言,以及铺满全屏的大幅图像。

Walmart
Walmart像许多其他网站一样简化了自己的网页:更多留白,更少内容。

Zillow
同样遵循网页界面设计的极简风格,Zillow似乎只在主页上呈现最突出的细节,其他信息则隐藏在页眉(header)和页脚(footer)之中。

Yelp
Yelp是网页界面设计扁平化设计(flat design,即网格化设计)风格的另一个例子:大量留白、大而易读的字号以及大幅图片。具体来说,这个网站能帮你找到离你最近的餐厅。

Stack Overflow
Stack Overflow的主页仍然保留热门问题列表,不过经过10年,主页部分新增了面向新用户的注册板块。

Etsy
过去10年里,Etsy开辟了新的发展方向:不再只是一个手工艺品市场,而是一个服务于复古(vintage)、个性化、独特风格等其他商品的电子商务网站。

与Markdao Agency Vietnam一起打造专业的网页界面设计
总而言之,通过Markdao刚刚介绍的这些知名网站的网页界面设计变化,大家应该可以看到:经过一个十年,各网站的潮流几乎都变得更为现代,采用网格化风格、尽可能简约,只呈现主要内容,并搭配高质量、铺满全屏的图片。这也被预测为网页设计(thiết kế web)2019年的趋势,能为访问你网站的客人带来舒适、现代、专业的感觉。
如果你对网站设计(thiết kế website)相关的任何信息有需求或疑问,请随时联系Markdao!
地址:14 Phan Tôn, phường Đa Kao, quận 1, TP.HCM(胡志明市第一郡)
热线(HOTLINE):+84 2871 099 090
相关文章
Bài viết liên quan

25 tháng 10, 2026 · 3 phut doc
2024年网页设计趋势预测如何? | Wotech Electronics
关于 2024 年网页设计趋势——步入 2024 年,年初正是我们为新事物预留时间的时刻。这也非常适合设计师群体唤醒我们内心的"艺术之魂"。闲话不多说,快来和 Markdao 一起浏览 2024 年的 UX/UI 设计趋势吧,说不定您就能为自己接下来的网页设计项目"迸发"出一个绝妙的点子呢!

25 tháng 10, 2026 · 1 phut doc
什么是网站(Website)?网站的详细定义及其带来的商业价值
什么是网站(https://www.markdao.com.vn/blog/website-la-gi)——这个问题或许已经无需定义,因为在如今这个信息时代,网站对每一家企业而言都是不可或缺的组成部分。正是网站帮助用户更近距离地接触企业所提供的产品和服务,从而提升经营效益。此外,要在当今竞争如此激烈的环境中求发展,网站是一个重要因素,它将带你走向品牌与销量上的双重成功。

25 tháng 10, 2026 · 1 phut doc
什么是SEO标准网站?一场"打赢"Google SEO标准的战役 | Wotech Electronics
99%的用户在购买前会先搜索信息,73%的用户只会访问排名前10的网站,并认定它们是值得信赖的品牌……在数字营销爆发的时代,这些数字有力地印证了SEO标准网站的重要性。然而,许多人对什么是SEO标准网站(https://www.markdao.com.vn/blog/huong-dan-toi-uu-seo-website-chuan-seo-on-page)仍然相当模糊,并未真正理解。达到SE…