6 CAKE專案
我們是從喜歡吃甜點作為出發點,網頁內容是向大家分享甜點的美味,
透過簡單的介紹文來傳遞美食的來由與各店家的相關資訊,
介紹項目以「蛋糕」與「派」為主,讓使用者輕鬆找到想要的甜點。
同樣喜歡甜點的六位女孩,對於甜點有一致的認同:「甜點是人們生活中不可欠缺的一部分」。
甜點有著一種讓人展開笑顏的不可思議力量,我們希望將更多美味的甜點介紹給同樣喜歡甜點的你們。

主題理念
6 CAKE是由六位喜歡美食的女孩所組成的團隊,
團隊成員們走遍全台各店家,將親自品嚐過的甜品拍照、記錄下來,
並且以撰寫推薦文的方式放在網路平台上,向各位使用者們分享甜品資訊。

▼點選圖片進入6 CAKE網站▼

6 CAKE 概念圖

▲不曉得為什麼用IE瀏覽網頁比較完整▲  

 


 

 

這學期的進階網頁設計在課堂上完全沒有開到Dreamweaver這個軟體,

大多時間都在談一些有的沒的,

每個禮拜都在聽老師用奇怪的發音講課:

「碗站(網站)、PO-TOO-SHOP(Photoshop開頭PH發音唸成PO)、金weaver(Dreamweaver)」

or 炫耀財利之云云:

「我這週買了xx,可是比較喜歡白色那款,好想買!下週再帶xx白色款給你們看!」

閒暇之餘聽著也蠻好笑,不過向老師請教問題的時候就沒有那麼好玩了呵呵。

 

少部分認真時間都在用Photoshop製作像下面這種網頁分割頁面,

全部弄好之後再利用學期最後兩週的時間自己回家摸索將東西丟入Dw製作成網頁。

LOGO  

再度被推選為組長的關係,儘管老師根本不在乎我們的進度,自己幾乎每週都在向組員們催稿,

跟我這種每次都要求修好幾個細節的人相處應該蠻累哈哈!

收到資料後,網站視覺統一架構大部分由自己做統整,其他部分交給組員自己構想、規劃,

雖然每次統一完視覺畫面後都會問「有意見歡迎提出//」

但大部分時間大家好像都不怎麼提意見的樣子?(莫非我太兇?)

所以一些東西就是由自己先擬定好之後再告訴大家該怎麼製作...

有問過其中一位組員,她是說因為比較信任我的能力所以就很放心地沒有意見,

天啊...這樣聽來壓力倍增啊!我的意見不總是最好的哇www(崩潰)

總覺得有那麼一股獨裁政權的味道不太好。

 

組員總共有六人,每個人代表不同口味的蛋糕,

一開始只是自己心血來潮用Illustrator隨便用個Strawberry Cake,

想不到後來還真的在自己負責的「關於我們」派上用場!

6 CAKE BG-140506  

不得已只好增加其他六顆蛋糕,文章開頭提到6CAKE團隊顧名思義有6人,

最終畫出巧克、草莓、抹茶、藍莓、布丁、香草六種口味代表6人,

左邊就是我們團隊的LOGO(一整個混),

說實在累慘,人真的不要沒事找事做XD

 

抹茶是轉學生關係,以前從來沒有碰過Dw,

本學期進階網頁設計又是必修,所以她在這方面碰上非常多困難,

剛好分派給她的「蛋糕子頁」部分屬於語法需要用到fancybox

產生像創革開啟圖片的那種特殊效果,

為了達到目的,有向負責「蛋糕」和「派」子頁的兩名組員放過解釋說明圖,也親自找例子示範:

03-蛋糕-點閱前說明-140531

點選小圖片之後會在頁面上直接出現不同的大圖(一堆蕾絲的底圖也是我做的規格):

03-蛋糕-點閱後-140531  

結果說明圖效果完全不理想,抹茶不會就算了,包含負責「派子頁」的布丁在內兩人都不會用,

甚至還讓我懷疑他們根本看不懂我上面兩張說明圖是在講什麼...

結果還硬著頭皮當面對我說「理解了!」

對於別人不懂裝懂這點很容易使我炸毛

加上他們又不曉得何謂「爬文學習」的概念,

最終變成自己氣憤爬文先架好整個網頁,製作好懶人封包之後再丟給他們修改圖片連結...

(好吧!出這道難題給他們的我一開始也不懂怎用的)

順便據老師解說游標經過按鈕會變成100%透明度的設定似乎會和fancybox衝到的樣子所以失效

 

大家說好每個人個介紹一種派和一種蛋糕來寫推薦文,

再將拍好的照片交給負責「蛋糕」和「派」子頁的抹茶和布丁來修圖、放進蕾絲底圖做美編,

結果我從布丁那兒得到以下這種東西(不放不行我真的想吐嘈想到受不鳥):

提拉米蘇派 法式草莓派  

乾喔誰可以告訴我到底看到!?

這是大二設計系的學生去背出來的圖檔...河道上也唸過了可是不放出來真的非常非常受不鳥。

對我就是這麼壞我非得要PO出來吐嘈一番才行!

 

後來就不想浪費時間就親自幫布丁去背了,一切就這樣隨風帶過吧。

06-3.png  

 04-3  

說真的去背有很難嗎...?

以上是這次團隊合作比較好笑又無奈的事蹟(?)

 

 

負責製作「首頁」的藍莓幾乎每週都被我噹著要重新修改頁面一次,

而老師每週看進度也老是要她修改這個修改那個,

累積下來壓力應該也蠻大的,「首頁」版面至今不知道更正了多少次又丟棄了多少種版本?

而且藍莓本身是一位碰上困境會想盡辦法自己力求生存的性格,

感覺在置入相片瀏覽語法的時候應該是失敗了無數次才成功。

slide_1 slide_2 slide_3 slide_4 slide_5 slide_6  

偷偷說上面的照片都是我或姊姊大人拍的,

最左邊那張其實非能吃的食物,而是人家專題製作展覽在看台上展出的杏仁布丁樣品,

而最右邊那張只不過是中式早餐店附贈的一碗沙拉XD

 

負責「美食地圖」的草莓感覺對她有點過意不去,

原本的版面是她自己裁切地圖再加工成圖片,置入APdiv元素做頁面切換,

貌似為了位移問題也搞了超長一段時間,

結果弄了老半天被我一夜之間將版面全部改頭換面,變成鑲嵌Google地圖的方式,

而且連背景都消失得無影無蹤,我這麼做好像很沒禮貌,

可總不能自己要通宵還逼著別人通宵改東西吧ˊ_>ˋ

 

最後是負責「聯絡我們」的香草,

團隊當中唯一一個當組長給的要求超出老師教學範圍時,會自己去爬文找解答的成員!

讓我察覺到了自己並不孤單,一樣都是會「爬文學習」的好同伴,

全部成員交上來的子頁當中只有她使用的程式語法是我無法理解的範圍啊XD

 

聽說要來個很攏統的總結:

很久沒有進行多人團隊合作的作業了,

過程當中不盡然全都按照自己的念頭來進行,

即便真的有些讓人抓狂的事情發生,

而在上頭大部分的段落都在針對這些小差錯進行爆發...

很難講這些究竟是不是自己的完美主義念頭造就的不滿?

但至少最後還是落得了一個好的成果,

因為我們還是製作出完整的網站,

(並且在班上成果當中算是數一數二的)

集思廣益尋找不同腦袋的共通點來進行創作,

便是所謂團隊真正的價值核心吧?

 

創作者介紹
創作者 姞零£ 隨筆小室。 的頭像
姞零

姞零£ 隨筆小室。

姞零 發表在 痞客邦 留言(0) 人氣( 377 )