Day 21 民生公共物联网资料应用竞赛 线稿转精稿

(靠腰昨天网路好像挂掉,文没发出去)

来找设计师一起 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/

印度气象局其实已经差不多了,所以今天就分享最近正在参加的「民生公共物联网资料应用竞赛」设计过程。


昨天的线稿,倒数两天!

昨天,我将线稿微调过,使用比较符合科技感的主视觉,今天我们要将他完成。到目前我们进行了4天,距离竞赛截止剩下最後两天!


底图选定

首先,要先选定一张有震撼力的底图,这两张是差不多模式,但不同远近的图。

第一张是算近景,然後可以仔细的看到凹凸起伏,景深也比较深。
第二张是远景,好处是比较有俯视壮阔感,要在地图上作画会比较容易。

虽然应该要为使用者着想,但因为是比赛,还是要选一张有「效果」的图XDDD

底图去浮水印+调色

我将第一张稍微调下颜色,将对比度拉高,使线条比较锐利,还有去了浮水印。

他们两个都是从图库网站找的,虽然我们会将他的 resource 放在海报下方,我们还在犹豫要不要购买><

Adobe 印章工具其实去浮水印满快的,做起来的成品破绽也不多。但是其实版权问题还是犹豫了蛮久,今天晚上应该会会再跟朋友讨论一下要不要购买。

比较不同的图适合度

接下来将这些图放到我设计好的介面当中,这时候就会发现第一张图其实画色阶还蛮难的,很怪XD


第二张图可能画色阶会更明显一点,所以也还在想这两张要用哪一张。其实我个人是觉得第一张还蛮壮阔的,但是画图有点违和,是否会让评审认为可行性不佳。

我会比较偏向第二张,不过详细情况还是要讨论一下。

我们想要改善的问题:
购买土地状况不熟悉或是各种高风险地段不动产物件时,比如说跨县市、跨不同高度或高风险地质物件等等,往往会资讯不对称,或是花费过多时间来进行初步筛选。(详情可以见前几篇喔)

简单解释一下它的功能:

一、导览列+side bar:

  1. 导览列中:你可以选择气候、水质、治安、地质、辐射等不同分类,然後去观看不同的参数,只要政府有开放API,基本上都可以进行串接。
  2. 使用自选范围的功能,去限制着想要观看的位置。
  3. 立体地形模式:可以选择不同的地形模式,2D、3D跟卫星云图
  4. 时间轴:可以看到这段时间内,土地是如何的变化

最右边我放了是比较少动到的东西:

  1. 比如说:放大、缩小、回首页。回首页就是回到最原始的大小。
  2. color bar :采用同个色系。

然後我真心觉得参加竞赛很有意思,而且很「方便」><

  1. 得到一个作品
  2. 团队合作的经验
  3. 拓展人脉
  4. 参赛纪录
  5. 幸运的话有名次
  6. 甚至还有奖金XD

一举数得啊啊啊,决定以後专门找人打比赛!还有一些细节可以修,倒数两天 gogogo!!

放上男友帅背照给大家呵呵呵一下。


<<:  [Day22] Websocket Injection

>>:  [Day22] Follow Along Links

Swift 新手-使用者介面(UX/UI/Core)

什麽是使用者介面? 使用者介面是介於使用者与硬体而设计彼此之间互动沟通相关软件,目的在使得使用者能够...

SEO优化指南:2021适合初学者的网站最佳化策略

有在经营开店平台、品牌官网或是网站的人,应该都有听说过SEO,不过可能略知一二,或是对於SEO的涵...

自动化测试,让你上班拥有一杯咖啡的时间 | Day 12 - 如何下载档案

此系列文章会同步发文到个人部落格,有兴趣的读者可以前往观看喔。 在 E2E 测试中,不仅有选取元素...

[Day22]The 3n + 1 problem

上一篇介绍了Palindromes,上一题讲解了如何辨别是不是镜像字或是回文字的题目,只要先辨别出镜...

D22 - 如何用 Apps Script 自动化地创造与客制 Google Slides?(三)一次看完所有档案的预览

今天的目标: 当要整理 Google Drive 时,会发现好多的档案、文件不确定哪个要怎麽做。一个...