1. 程式人生 > >雲邊有個小書屋——基於墨刀的讀書APP原型化系統

雲邊有個小書屋——基於墨刀的讀書APP原型化系統

鏈接 選擇 運行環境 運行 就會 浪費 更改 電子 mage

雲邊有個小書屋——基於墨刀的讀書APP原型化系統

開發背景:近年來,環保問題越來越引起全球人民的關註,人們開始通過各種方式來保護我們共同的地球家園。而紙張浪費一直是眾多問題中的比較嚴重的一個,所以國家越來越提倡使用電子書籍,我們的讀書軟件也就應運而生。作者也是一個熱愛讀書的人,用過很多讀書的APP,但都各有優缺點,不盡人意。於是, 作者使用墨刀——一款在線原型設計工具——設計了這款讀書APP。

產品信息:

  1.產品名稱:雲邊有個小書屋

  2.產品類型:讀書APP

  3.運行環境:IOS

功能模塊:

  1.登錄界面:輸入用戶名和密碼,然後點擊登錄按鈕,即可登錄;點擊註冊按鈕,即可進入註冊界面進行註冊。

  技術分享圖片

  2.註冊界面:在登錄界面點擊註冊按鈕後,就會跳轉到註冊界面,如下左圖,輸入用戶名和密碼,然後確認密碼,點擊確認會跳轉到註冊成功界面,如右圖,註冊成功之後點擊返回登錄界面進行登錄。

  技術分享圖片          技術分享圖片

  3.書屋界面:成功登錄之後,會進入書屋界面,如下圖,書屋界面有精品推薦分享給用戶,其次,還有各種書籍的分類,包括玄幻,歷史,言情類等等;在搜索框輸入書名/作者名可以進行檢索操作;在頁面的底部,有書屋和書架按鈕,可以進入相應界面;左上角的個人圖標可以進入個人信息界面;右上角的設置按鈕可以進入設置界;點擊書籍封面或者書籍名稱可以進入閱讀界面。

  技術分享圖片     

  4.書架界面:點擊書架按鈕可以進入書架界面,如下圖,在此界面可以查看自己書架上的書籍,點擊書籍封面或者書籍名稱可以進入閱讀界面;點擊書屋可以返回書屋界面。

  技術分享圖片             

  5.個人信息界面:點擊書屋或者書籍界面的個人信息按鈕,可以拉出個人信息抽屜,如下圖,在此界面可以查看或者更改個人信息;點擊退出登錄,可以返回登錄界面;左滑個人信息頁面或者點擊右側屏幕,可以關閉個人信息抽屜。

  技術分享圖片

  6.設置界面:點擊右上角設置圖標,可以拉出設置抽屜界面,如下圖,在此界面可以進行字體大小設置,字體顏色設置,字體選擇,頁面背景設置,開啟/關閉夜間模式。

  技術分享圖片

  7.閱讀界面:點擊書屋或者書架界面的書籍封面或者書籍名稱可以進入閱讀界面,如下圖,

  技術分享圖片          技術分享圖片  

我的感悟:在本次的原型化系統設計作業的完成過程中,我體會到了產品設計人員的不易之處。一方面要考慮到用戶的各種需求,設計各種功能界面;另一方面,要設計界面的排版,排版過程中,既要考慮到排版的合理性,也要方便用戶操作;而且,界面既要有吸引力,也要體現出優雅簡潔的特點,要讓用戶一眼看過去就大概知道如何使用。雖然此次只是簡單的原型化系統設計,但增加了作者對系統邏輯實現的期待!

最後,附上本次原型化系統的設計鏈接:https://modao.cc/app/NKTIkpAoMiKdvyzZrdInlunxZmQUcbZ

  

雲邊有個小書屋——基於墨刀的讀書APP原型化系統