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
作品展示
點我看連結
日間瀏覽模式
夜間瀏覽模式