用React刻自己的投资Dashboard Day19 - 2.0版首页内容设计

tags: 2021铁人赛 React

2.0首页想加上各国股市的最新盘势资讯，毕竟这些资料是投资人每天都会需要看一下的，所以放在首页会是不错的选择。

首页会放的资讯包含：

• 台股加权指数昨日收盘及三大法人买卖超资讯
• 美国股市指数昨日收盘资讯，包含：道琼、NASDAQ、标普、费半...等等
• 国际股市指数，主要列出各国主要股市指数昨日收盘资讯

2.0版Wireframe

跟1.0版一样，也是做了三个不同尺寸的设计稿，主要差别在於同一个水平位置显示的资料数量多寡，在大尺寸的部份则是可以多提供一些资讯。

细部请看下面大图：

• width smaller than 576px
  

• width between 576px and 992px
  

• width bigger than 992px
  

小结

今天制作这几个画面也是花了不少时间，还好有Figma这个工具，免费但是非常好用，还是要再帮它推荐一下。
接下来就要开始实作拉，会串接免费的股市资源API，继续制作更多资讯。