The F2E - 前端修練精神時光屋-第九關 - 筆記軟體

The F2E - 前端修練精神時光屋-第九關 - 筆記軟體

 
緣由

因為對UI有興趣,且剛接觸這領域只有一小段時間,為了能增加自己的作品,剛好從六角學院粉絲團上得知了The F2E - 前端修練精神時光屋這活動,於是就決定要參加了!
有分為UI設計組、前端工程組;活動期間是2019/7/4-2019/9/9 為期9週的活動(UI組),每週一中午12點公佈題目,隔週一中午前12點完成,投稿上傳作品即當週成功闖關。

我參加的是UI設計組,目標是盡量完成這9週共9個作品。

第九關作品順利在時間內交件了~ 9週共9個作品全部都完成了~。:.゚ヽ(*´∀`)ノ゚.:。 


 

第九關 - 筆記軟體

題目網址:https://challenge.thef2e.com/news/20

題目內容

user story

  • 筆記服務請挑選任一操作載體來設計,例:桌面版、網頁版、Mobile APP
  • 我可以新增一個筆記,填寫文章內容
  • 我可以將筆記打星號,以方便快速搜尋
  • 我的筆記擁有日/夜間瀏覽模式
  • 若您挑選的是 deksop、網頁版筆記服務,在筆記列表上,至少要有兩種以上檢視筆記方式,例如卡片檢視、摘要檢視、純文字列表檢視等等
  • 我可以在筆記裡,將文字變成粗體、斜體、下底線等基本樣式,並且載入連結
  • 我可以在筆記裡插入圖片、檔案
創作過程

理念

網頁版介面,有分日間/夜間瀏覽模式。
裡面的卡片檢視有設計成便利貼、有截角的外觀。

Wireframe

(待補)

使用軟體/技術/素材

  • 使用軟體:Adobe XD (介面設計)
  • 素材:Iconfinder (ICON)、FLATICON (ICON)
  • 作品縮圖:Photoshop
作品展示

點我看連結

日間瀏覽模式

夜間瀏覽模式