Day 16 wireframe 黑白线稿 ( 细节精修+填入资讯 )

来找设计师一起 side project,前後端 / UIUX 皆可ㄛ。配对单连结:
https://docs.google.com/spreadsheets/d/1-6YCUfqaB7dQLQa34pbuCHgYvXU3eYZ0dvDcPszhE4g/edit?usp=sharing


印度气象局官网:https://mausam.imd.gov.in/#.

prototype 大家自己玩玩看,应该会每天更新ㄅ:
https://xd.adobe.com/view/bd7fd57a-8e2f-44b0-bc26-322e98708133-e82c/


hi大家,今天是快乐又爆炸的礼拜五,所以我们要来处理资讯架构了。

没啦 就是把该填东西填进去。
因为之前其实都有稍微想过了,所以其实也不会很困难,那我们开始吧~


处理 sidebar 资讯(先忽略 icon)

今天主要是处理 sidebar 的部分,我会尽量放入所有的资讯连结、各种页面,所以要将他好好的分析归纳一下。

  1. about: 我会将 about 放在最上面(主要是印度好像很注重这个ㄚ)。
  2. departments; 再来是各部门的气象网站,再来是应付资讯相关的比如说newsletter publication还有各种新闻稿都放在这里
  3. services: 我将原本的印度气象局网站底下的 services 三项挪到这边。他们占一个大项可能比重太多了,但嫌注意不足也是可以放在 footer。
  4. SOP: 可能比较少用因为是大量的pdf所以我放在最下面当然这是一个有点临时的分法

hamburger我有小小的调整一下,把他整个往下拉, warning 放在最上面,比较符合使用动线。

weather 跟 climate 这两个地方我想了很久,要怎麽去判断在里面各种预报系统?

我认为最好的方式是看使用者进入这个网站的目的是什麽,通常想知道「天气」,和想知道「气候」的,不会是同一群人。

原本气象局全部都放在 forecasts 里面,共有 12 项,但我觉得看起来是有点杂乱的,而且性质也有不同,所以我决定分成短期的 weather ,跟比较长期 climate 。

这样子分的话,其实整体判断也会相对简单许多,然後我把天气相关的自然灾害、天气现象放在 natural event 中。

footer 资讯

footer这里的资讯,我将不常用的 link,如说招募、database login、招标等等放在最底下,并且降低它的透明度。

然後整整理了一下原本的 forcasts 这块,发现几乎是重复的,所以我把它整栏删掉。

剩下可能会常用的LINK塞在相关网站,social LINK 我有把他整个拉下来了。

其实 footer 我动的不是很多,主要是 UI 的部分。

资讯配置差不多的页面

specialized forecasts 还没有时间弄><

明天再说,我们的线稿其实都差不多了,所以明天我们将会把剩下的资讯搞定+配点色。

好ㄌ我要累死了,大家早点岁,早岁早起身体好。


<<:  Day 16 JavaScript boxing vs unboxing

>>:  Day 16 - 用 useReducer 取代 Redux !?

Day 16 Simple Network Management Protocol (SNMP) 相关安全

Simple Network Management Protocol (SNMP) SNMP 简易网...

[Day06] - 新拟物风按钮(四) - 事件处理

昨天文末时 , 请 邦友 设定的 3 项属性不知道各位做出来了吗 ? 如果没有 , 可以到 neuo...

[Day18] Vue 3 单元测试 (Unit Testing) - Conditional rendering & Elements visibility

Conditional Rendering 在写元件时最常见的就是会使用 v-if 来动态插入和删除...

[Day27]-数据图表的设计2

Numpy模组 主要是可以支援多维度空间的阵列与矩阵运算 绘制波形 绘制矩形阵列资料 随机数的应用...

【Day11】数据展示元件 - Badge

元件介绍 Badge 可以让我们在其 children element 的右上角(预设位置)显示一个...