码迷,mamicode.com
首页 > 移动开发 > 详细

云边有个小书屋——基于墨刀的读书APP原型化系统

时间:2018-10-10 22:02:38      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:读书   设计   oda   image   个人信息   排版   环保   app   简洁   

云边有个小书屋——基于墨刀的读书APP原型化系统

开发背景:近年来,环保问题越来越引起全球人民的关注,人们开始通过各种方式来保护我们共同的地球家园。而纸张浪费一直是众多问题中的比较严重的一个,所以国家越来越提倡使用电子书籍,我们的读书软件也就应运而生。作者也是一个热爱读书的人,用过很多读书的APP,但都各有优缺点,不尽人意。于是, 作者使用墨刀——一款在线原型设计工具——设计了这款读书APP。

 

产品信息:

  1.产品名称:云边有个小书屋

  2.产品类型:读书APP

  3.运行环境:IOS

 

功能模块:

  1.登录界面:输入用户名和密码,然后点击登录按钮,即可登录;点击注册按钮,即可进入注册界面进行注册。

  技术分享图片

  2.注册界面:在登录界面点击注册按钮后,就会跳转到注册界面,如下左图,输入用户名和密码,然后确认密码,点击确认会跳转到注册成功界面,如右图,注册成功之后点击返回登录界面进行登录。

  技术分享图片          技术分享图片

  3.书屋界面:成功登录之后,会进入书屋界面,如下图,书屋界面有精品推荐分享给用户,其次,还有各种书籍的分类,包括玄幻,历史,言情类等等;在搜索框输入书名/作者名可以进行检索操作;在页面的底部,有书屋和书架按钮,可以进入相应界面;左上角的个人图标可以进入个人信息界面;右上角的设置按钮可以进入设置界;点击书籍封面或者书籍名称可以进入阅读界面。

  技术分享图片     

  4.书架界面:点击书架按钮可以进入书架界面,如下图,在此界面可以查看自己书架上的书籍,点击书籍封面或者书籍名称可以进入阅读界面;点击书屋可以返回书屋界面。

  技术分享图片                                 

  5.个人信息界面:点击书屋或者书籍界面的个人信息按钮,可以拉出个人信息抽屉,如下图,在此界面可以查看或者更改个人信息;点击退出登录,可以返回登录界面;左滑个人信息页面或者点击右侧屏幕,可以关闭个人信息抽屉。

  技术分享图片

  6.设置界面:点击右上角设置图标,可以拉出设置抽屉界面,如下图,在此界面可以进行字体大小设置,字体颜色设置,字体选择,页面背景设置,开启/关闭夜间模式。

  技术分享图片

  7.阅读界面:点击书屋或者书架界面的书籍封面或者书籍名称可以进入阅读界面,如下图,

  技术分享图片          技术分享图片  

 

我的感悟:在本次的原型化系统设计作业的完成过程中,我体会到了产品设计人员的不易之处。一方面要考虑到用户的各种需求,设计各种功能界面;另一方面,要设计界面的排版,排版过程中,既要考虑到排版的合理性,也要方便用户操作;而且,界面既要有吸引力,也要体现出优雅简洁的特点,要让用户一眼看过去就大概知道如何使用。虽然此次只是简单的原型化系统设计,但增加了作者对系统逻辑实现的期待!

最后,附上本次原型化系统的设计链接:https://modao.cc/app/NKTIkpAoMiKdvyzZrdInlunxZmQUcbZ

 

  

 

云边有个小书屋——基于墨刀的读书APP原型化系统

标签:读书   设计   oda   image   个人信息   排版   环保   app   简洁   

原文地址:https://www.cnblogs.com/chengdawei/p/9768738.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!