ROSE APP

電子書App 作業

B.A.P ROSE

B.A.P 在3月7日發行第六張單曲專輯《ROSE》,回歸行程表公開。

連續多天釋出預告照的 B.A.P,今天 (17日) 正式宣佈發行全新單曲專輯《ROSE》回歸,並公開包含著一束玫瑰花的回歸行程海報。

經紀公司 TS Entertainment 表示,《ROSE》是繼去年11月發行的正規二廾《NOIR》象徵的黑色後,以紅色為主題的「顏色系列」,如果說《NOIR》是確認 B.A.P 音樂特性,那《ROSE》則是包含著 B.A.P 想向現代人所傳遞的訊息的專輯。

原文網址: http://kpopn.niusnews.com/=K0o4lab9 © Kpopn kpopn.niusnews.com

以上是安利,正式開始來介紹作業,如同上方的介紹文,我選擇BAP的新專輯ROSE為主題。

其中包含成員介紹、ROSE的曲目,還有他們上一張專輯NOIR,為什麼增加NOIR呢?是因為ROSE 的發行宣傳文中有一句話“form noir”

noir是法語,意思是黑暗,上一張專輯充滿了對社會的批判、對人性的絕望,但卻又不失希望,而這次的ROSE則是寫實了現代人的精神通病,恐醜、厭食、自殺、屠殺主義等等,從NOIR到ROSE,也顯示了對人性的期望。

奇怪,好像還在安利,以下真的來介紹作業了。

APP的介面有三個主題B.A.P、ROSE、NOIR

B.A.P 是六個成員的介紹,用table 做表格,cell包含了他們的照片和名字

ROSE 該專輯的曲目名稱和時間,底圖是該專輯封面

NOIR 該專輯的曲目名稱和時間,底圖是該專輯封面

PS:看到介面最下方BAR的ICON了嗎?為何會如此符合主題呢?

因為那是我進 illustrator 做的!!!!(花了不少時間,就為了那小小的三個ICON)BAP就用他們官方的ICON(沒錯就是帶著面具的兔子,叫做MATOKI)ROSE就自己畫玫瑰的剪影,NOIR比較難,要用專輯封面,所以先描圖再輸出

在做ICON最麻煩的是位子和大小,因為是PNG圖示如果太下方會遮到字,太上方會超出BAR,所以三個分別調整七次、四次、三次才完成。

放大版bar icon

左圖頁面上的ROSE 就是這次的作業的APP

APP 的ICON也是進AI做的,不過很簡單,原圖是ROSE專輯的另一個封面。

說了這麼多,來看看APP整個使用起來的樣子吧!

PS:歌詞都是可以捲動的文字區塊,但因為我個人是用Trackpad所以很難上下滑動,才導致歌詞看起來卡卡的。

來說說這次遇到的各種困難吧!

第一個,ROSE和NOIR的頁面表格原本多出很多格,後來用Container View把表格畫面剪短。

第二個,跑模擬器的時候發現APP頁面上的文字可以被編輯,找了好久才發現text view 的 editable 必須記得取消勾選。

第三個,bar 的icon size一直不對,都差一點點,但是沒有找到可以直接用xcode解決的辦法,所以比較熟悉illustrator(ai)的情況下,我選擇硬暴,就是進ai修好了,放進去icon,不對就再進ai修,反覆了十幾次,如同文章上一段所說的。

心得:在做的時候,其實一直想嵌入音樂、網址或是影片,但是都失敗,激起來想要學更多語法的心情啊!!!

github連結:https://github.com/DKellachun/B.A.P_ROSE-app.git

安利時間:

B.A.P — SKYDIVE M/V

(from NOIR) 血腥慎入

B.A.P — WAKE ME UP M/V

(from ROSE)

--

--