用React刻自己的投资Dashboard Day15 - 投资Dashboard 2.0版 Wireframe

有了总体经济的图表之後，接下来就要来制作各国股市的资讯站，笔者最常看的就是台股的资讯，其次则是美股、英股、欧股、日股、汇率、利率...等等，想做的很多，剩下15篇的空间可能写不完，不过没关系，就先从wireframe开始吧！

投资Dashboard 2.0 wireframe

这边只先画了还没点进去各个页面的状况，所以画面都还是以之前总经图表，不过上方导览列的部分加上一些按钮，是各种股市资讯的入口，下图可能有点小，再下面一些有各尺寸分别的图会比较清楚。

• 全部尺寸
  

• 小尺寸(右侧三条线点进去会展开一排按钮)

  

• 中尺寸(上方导览列显示部分按钮，隐藏部分按钮在右侧三条线按钮内)
  

• 大尺寸(将所有按钮显示在导览列上)
  

小结：2.0版实作顺序

接下来的顺序，会先将导览列的功能修改成可扩充按钮的格式，并增加路由功能，不同路由会导引到不同页面(不同的资讯分类)，再来依序写台股技术面、筹码面、基本面，再往右侧攻破一个个按钮。想起来真是充满挑战的感觉呢，就继续画下去吧！