Day 6 一样的风格，不一样的体验 - 澳洲跟印度 气象局官网分析

看完了印度整体的网页规划，这个时候我会做一点竞品分析，不免俗的先去看看其他人怎麽做这个产品，毕竟踩在巨人肩上总看得更远。

先来看一下澳洲如何运用跟印度一样版面的配置

比较显着的更动为：主要城市的气温和天气资讯，被放到main content，而导览列仅仅列出各大洲，省略了大部分不太需要的资讯，像是People, SOP, publication等等。

同时，这个网站也把「重要但少用」的资讯，如：关於我们、媒体报导、联络我们和首页，放到了top bar。

在黄色的警告列中列出了所有州，让人可以迅速的点进自己所在的位置去查看警告讯息，而印度的设计是放在分区细节里面，使用者必须进行总共两次的点击才能到目的地。

接下来我们来比较一下澳洲跟印度气象局官网。

在蒐集了许多资料之後，我发现这两个国家的官网版面配置是非常相似的，包含颜色、字体、网页排版、显示的资讯内容等等。（可能是改字同样的模板？）

城市概览

服务

由标题+icon所组成，资讯量比较大的新闻活动和预报

forecast

warning

如出一辙的输入框XD

footer

footer 一样是使用大量的线段区分内容

一样的设计风格，不一样的体验

但很奇怪的是，我们很明显的感受到澳洲的官网比较整齐，看起来比较舒服、易读性也比较高。简单来说，就是比较赏心悦目。这是为什麽呢？

从三点基本 UI 面来分析：

Align 对齐｜不无聊的保险

澳洲的版面整齐程度是相当高的。
该置中、该对齐、和色块安排也相当的简洁有秩序。如果忽略掉它有点歪掉的联络我们（可能是些微的跑版），但不会影响到阅读。

Color Scheme 色彩｜别让颜色说脏话

再来，我将两张截图放到 Adobe XD 里面，用滴管工具去取色。很明显的发现，印度气象局所使用的颜色比澳洲多了几乎一半以上！
色彩是有力量的，水能载舟、亦能覆舟。当使用越多的颜色，使用者便必须花费更多心力去辨别与判断各项功能，所以你的配置与设计技巧必须越优秀。

Spacing 留白｜内容要呼吸呢

澳洲气象局也有给内容适当的间距留白，让 user 在字里行间有空间可以喘气，不会一次性地被资讯轰炸（然後你就会得到一个跳出率超高的网页）。

Spacing 阶层｜别长幼不分

澳洲标题字大过於内容许多，视线只要轻轻地扫过去，就可以看得出这个区块内容是什麽，要强调什麽。

Spacing 一致性｜这不是五个小网页

澳洲所使用的 icon 也相对简洁，但似乎大小与精细度没有统一，会有点局促不安的。

Readability 可读性｜秒懂完胜繁复精美

虽然我觉得在 footer 澳洲（灰底）的线条还是有点过多，其实可以仅用间隔来区分就好，或者是将连结与连结之间的分隔线改成浅白色，不过都是影响不大的 UI 面。

下篇来分析资讯阶层～