※这里看上一篇文章↝ [DAY1]网页设计与实作使用工具介绍
好久不见(
因为最近比较忙加上设计稿一直没处理好所以现在才更新
之后可能也没办法按时更但我会慢慢做完的
再请大家见谅ಥ_ಥ
在设计网站介面之前,我们要先列出网站的需求并依需求规划网站架构。
首先,网路书店需要有一个首页,首页中展示的有最新消息、销售排行等资讯。
接着是列出大方向的导览列,网路书店的导览列可能就会是不同语言或类型的书籍。
导览列点击进去后,会是各类的细项,再来才是书籍的详细资讯页面。
在商品量庞大的书店中,搜寻功能是不可或缺的,而搜寻结果同样会连结到书籍详细页面。
既然是一间店,就需要有购物车的功能,为了方便使用者操作,购物车与导览列通常可以在网站的各个页面点击的到,这个在我们之后要使用的React框架就可以很方便的实现。
最后,会员部分则有注册、登入等功能,来得及的话希望可以实现纪录未结帐购物车的功能。
此外,我加入了书籍收藏的功能(其实就等于是第二个购物车),让使用者可以加入一些目前没有要结帐或是有其他需求希望快速找到的书籍。
知道了我们的网站需求后,就可以製作网站架构图(Sitemap)以利后续各区内容规划
↓下图是我根据需求製作的Sitemap
网站架构图有很多种形式,这边只是依我的需求製作的,不一定适合每个网站(特别是正式规划製作的网站),可以再自己斟酌一下!
以上是这次的内容,希望可以赶快生出设计稿〒▽〒
(做到审美疲劳还在努力中
下次Wireframe篇见!