Re: [作業02] 網頁格線排版練習

週四, 六月 19. 2014





參考網站網址: http://www.coldstone.com.tw/
(1)網站分類:名人資訊網
(2)網站主題: 葡萄牙足球員Cristiano Ronaldo介紹
(2)對象: 熱愛足球的觀眾以及喜歡Cristiano Ronaldo的球迷
(3)色彩計畫: 紅色為底和葡萄牙球衣作呼應效果
(4)風格設定、網頁看點、預期成效:乾淨俐落 一目了然
(5)請整理以下數值:
字體設定(font-family) 超世紀中黑體
標題級數 18pt
導覽列級數 18pt
內文級數(font-size) 8pt
區塊內與區塊間的距離(padding)(margin) 45px
網站寬度(width) 980px
(6)製作心得:介紹葡萄牙足球員Cristiano Ronaldo,利用已經完整的網站再來改造自己想要做的主題,困難度其實不大,但小地方美感編排以及顏色配置仍需加強。
學號 1015445016楊佩軒

Re: [作業05] HTML5與CSS--網頁版型練習

週四, 六月 19. 2014

(1)作業網址:
雙欄http://mepopedia.com/~web102-a/hw05/hw05-1015445016/1/index1
三欄http://mepopedia.com/~web102-a/hw05/hw05-1015445016/2/index
(2)本頁設計重點:兩種不同風格,一個是熱血足球,一個是溫暖歌詞
(3)製作心得:
這項作業還算容易,套上版型就可以,但是要注意數值不可以出錯

Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型

週四, 六月 19. 2014

1.網址:http://mepopedia.com/~web102-a/hw01/hw01-1015445016/
2.設計概念與製作心得:介紹葡萄牙足球員C羅,搭配紅黃色彩表現足球熱血沸騰的感覺
3.何謂HTML、DIV及CSS
HTML是整個網站的支架
DIV標籤來建立網頁架構區塊
CSS是可以增加美編功能或是一些效果
4.附上至少一個覺得設計很有質感的網站,並說明原因
http://www.addiction.com.tw/
這是知名日式料理上引水產的官方網站,將圖片作為底部讓人可以拉下瀏覽,讓人看了一目了然,文字編排也十分有質感。知名餐廳不但菜色好吃,網頁設計的也相當有質感非常加分!
5.期待這門課的學習成果與收穫為何?
這學期學到很多關於網頁的製作,雖然有些還是有聽沒有懂,但是會盡量摸透,不懂的地方也要麻煩老師指導,希望我們的網頁設計能夠越來越進步,一次比一次做得還成功。

1015445016楊佩軒

Re: [期末作業01] 企劃大綱

週二, 五月 20. 2014

1.網站主題:
2.內容大綱: 介紹台灣的唯一離島國家公園-金門國家公園
3.主要對象(分析): 男女老少,任何想去金門國家公園遊玩的遊客
4.網頁架構圖(樹狀圖):

5.網頁版型設計圖(標示尺寸)
6.色彩規劃:以復古感為主要風格,色彩大多以土黃色、灰色呈現灰灰舊舊、歷經歲月的感覺。
7.資料蒐集: http://www.kmnp.gov.tw/
8.歷屆得獎分析(至少三組)
http://www.twtimes.tw/news.jsp
http://www.wddg.com/#/root/mainmenu
9.組員名單,工作分配:
楊佩軒-網站架構 美術設計
章恩韶-網站架構 特效製作
陳怡捷-網站架構 美術設計
簡正-特效製作 資料收集

Re: [系列包裝作業01] 基本企劃

週一, 五月 5. 2014

組長: 1015445016楊佩軒
組員: 1015445016楊佩軒 1015445038陳奐蓁 1015445061鄧蕎緯 1015445063李治頡

1.主題: papabubble 西班牙手工糖果店
2.企業: papabubble 西班牙手工糖果店
3.系列形態 :




4.市場趨勢: 兒童和年輕人居多
5.品牌狀況: 西班牙Papabubble為現做糖果,天然原料與獨家,現做的好風味與顛覆一般糖果印象的豐富創意造型,店內也提供創意造型糖果的訂製,讓繽紛的糖果藝術狂想更豐富。
6.銷售環境: 台北市敦南商圈仁愛路、西門町等等皆有連鎖店面。
7.樣本元素: 簡易玻璃罐及簡易夾鏈袋,無特殊造型花樣。
8.概念: papabubble的糖果顏色鮮艷造型可愛,因此吸引許多人上前購買,但是糖果包裝一般並沒有特別吸引人,想藉此改造papabubble的包裝,讓papabubble成為一個糖果不只可愛好吃,包裝也十分吸引人且又具有創意的品牌。
9.風格元素: 色彩鮮豔、明視度高、可愛活潑
10.系列規劃: 紙袋、結構設計、展開盒、罐子

Re: [期中作業] HTML與CSS練習--網站實作

週一, 四月 14. 2014

(1)作業網址:http://mepopedia.com/~web102-a/midterm/midterm-1015445016/index.html
(2)網站主題:豆酥朋
(2)對象:喜歡吃泡芙、小點心的人,不分男女老少
(3)色彩計畫: 淡淡粉色系配上一點小花樣點綴
(4)風格設定、預期成效:簡單明瞭、閱讀方便
(5)製作心得:網頁設計好難好難好難..................已經盡力完成雖然還不是做得很好,希望有時間能透徹研究語法並做得更好。

1015445016楊佩軒

Re: [作業03] HTML與CSS練習--首頁實作篇

週三, 四月 2. 2014

(1)作業網址:http://mepopedia.com/~web102-a/hw03/hw03-1015445016/
(2)網站主題:豆酥朋
(2)對象:熱愛美食的大眾
(3)色彩計畫:甜點的粉色系為主
(4)風格設定、網頁看點、預期成效:
風格設定:以淡淡的粉色系為主加上一點花樣點綴
網頁看點:介紹關於豆酥朋相關資訊以及商品介紹
(5)請整理以下數值:
字體設定(font-family): 微軟正黑體 12px
標題級數: 24px
文章標題級數: 微軟正黑體 20px 、
內文級數(font-size):微軟正黑體 12px
區塊內與區塊間的距離padding:0 (margin):0
網站寬度(width)(單位px) 1024#768px
(6)製作心得:還要多多練習才會比較熟悉,目前還是在摸索的階段

1015445016楊佩軒

Re: [作業] A1展版比稿上傳區(12/25上課前上傳)

週三, 十二月 25. 2013

寶藏巖A1 PDF檔
1015445010鄔惠婷
1015445016楊佩軒
1015445038陳奐蓁

寶藏巖A1 JPG檔(檔案太大無法上傳)
1015445061鄧蕎緯



Re: [作業] 標誌及基本系統精稿、指標系統草圖提案及討論

週三, 十二月 4. 2013


視傳2A 1015445016 楊佩軒


視傳2A 1015445010 鄔惠婷

視傳2A 1015445038 陳奐蓁


視傳2A 1015445061 鄧蕎緯


Re: [作業03] 趣遊碗--專題演講--心得報告

週二, 十月 29. 2013

"趣遊碗"的名字利用諧音"去遊玩"來命名,從名字的發想就可以感受的這項設計的趣味性,他們的設計不論是LOGO、商品以及包裝,各種的視覺設計都十分細膩,相當有巧思,不但深入了解當地文化,每個城市、鄉鎮都用心探索,這是非常值得學習的部分,他們也為陶瓷產業帶來更新穎的產品,將這一塊產業更加以放揚光大,增添了設計性與趣味性,如此用心並且充滿人情味的設計,我認為是非常有意義的。

1015445016 楊佩軒

Re: [作業02] 觀光工廠參觀心得報告

週一, 十月 7. 2013

1.工廠名稱:白木屋

2.產業類別:烘焙產品、蛋糕、餅乾、喜餅、伴手禮

3.工廠特色:白木屋有著「即使小,也能功成名就」的信心,憑藉著仔細、用心的態度,揮灑出自成一格的品牌文化內涵。白木屋成立於86年11月02日,品牌定位清晰化,以創意帶動品味。深化顧客滿意以延續品牌的生命,堅持產品不含任何添加物。94年九月進軍囍餅市場,將企業的品牌生命延續,更不斷地著力於人力教育與研發創意,成功地確立將企業生命化。

4.主要對象:老少咸宜

5.LOGO及企業形象規劃(附照片)優缺點、可參考之方向及建議:

白木屋的LOGO就如同他的名字,以一間白色小屋子為主,優點是這個LOGO清楚明瞭非常白話,一眼就能看的出來是白木屋的商標。缺點是我認為有點過於複雜,讓人很難深刻記住,除非要多看幾眼。顏色方面我覺得很黯淡,完全沒有甜點令人垂涎欲滴的感覺,如果是鮮豔或是粉嫩色系比較能表現「少女」、「甜點」的感覺。

6.視覺環境規劃(附園區照片,包含圖標、導覽規劃、導覽圖...等)優缺點、可參考之方向及建議:

這是園內的蛋糕模型和吉祥物,很多小朋友會來和吉祥物拍照,我覺得吉祥物的設計非常傳統,其實不會讓人特別感興趣,不會覺得特別可愛,如果可以多增加些設計感跳脫傳統我覺得會更好。

走道和牆壁互相呼應,環境規畫也很舒適明亮。

7.特色商品(附照片)優缺點、可參考之方向及建議:



白木屋的產品都是走精緻的路線,外觀的包裝也都很仔細一點都不馬虎,當然裡面的蛋糕也是很精緻讓蛋糕看起來很可口,每年都有不同的
主打蛋糕讓人期待,時尚簡約讓人的選擇更多。

8.對於本次參觀的具體收穫與心得:
1015445016楊佩軒:
參觀的過程中可以看到他們對品牌的堅持與用心,環境衛生、天然食材是大家有目共睹,不過白木屋的視覺形象方面其實並不會特別吸引我,我認為有再更進步的空間。
1015445038陳奐蓁:
這次參觀在楊梅的觀光工廠-白木屋文化館,我們跟著導覽員的解說,到視聽中心聽白木屋的介紹,了解白木屋的起源和經濟理念與未來的發展,接著到二樓體驗廊參觀甜點的製造過程,他們使用的是精湛的手藝與高科技的技術生產美味的甜點,每個步驟.時間的控管.巧克力的口感,這都符合白木屋的健康的理念,邊聽著導覽員的解說,也不忘身邊所經過的佈置,就像身置在童話世界裡,還記得在影視聽影片裡白木屋堅信只有「鑽石可以切割鑽石」的理念,堅持自創品牌的決心.
1015445010鄔惠婷:
今天參觀位於楊梅的白木屋品牌文化館,發現這附近都是工業廠房居多,相信大家對白木屋這三個字一點也不陌生,是一家蛋糕 喜餅 巧克力和伴手禮的專賣店,一下車子之後便跟隨著解說員帶領著我們到影視廳觀看白木屋的介紹影片,讓我們在短時間可以馬上知道白木屋的起源經歷是如何成功的如何用心努力去經營這個國際品牌,他們的董事長是一位女性他很勇敢朝著自己的夢想前進他也為了白木屋很努力,讓他代表台灣在世界發揚光大,看完影片後便跟隨著解說員到每一層樓一一的觀賞,在參觀他們的製作過程中覺得他們真的是很注重衛生整潔一點也不馬虎,他們都是使用高科技的機器還有最頂級的食材搭配著熟練的動作,讓人可以感覺的到是一間高級有規劃的工廠,淡淡的香味飄滿了整個空間任人有種幸福的感覺
1015445061鄧蕎緯:
我由衷的敬佩他們的品牌能從無到有,從無人不知到現在人人口中的老字號,至歷年來因為他們的用心、細心、堅持、以及品質的精神,讓這個社會的消費者安心食用,此時此刻也讓顧客感受到賣家食品的用心和品質而並且安心購買安心食用,這些除了這次的校外教學我所認知的,還有我小時候其實不管家裡誰生日己乎都是買白木屋的蛋糕,一部分因為種人口中的稱讚,一部分是因為他們的品質讓我們很放心也覺得很美味,而這次校外教學我學到了不管想做到什麼事只要堅持的信念有心就做得到,在這次的過程中我也更深入的了解到白木屋這個品牌是有多麼讓人敬佩
多麼讓人值得學習的地方,這將是我該好好學習的榜樣。

9.參觀完觀光工廠後對品牌是否有不同感受?感受為何?
1015445016楊佩軒:
參觀後讓我了解到原來白木屋不是平常在回家經過看到的這樣而已,原來他的蛋糕多樣化、製作上乾淨整潔。但是我覺得他們可能還是缺少了某些東西,有可能是競爭激烈,其他家好吃的蛋糕餅乾店太多了,又或許是白木屋的產品外觀不夠細緻精美,不會讓我有想去購買的慾望。
1015445038陳奐蓁:
參觀完白木屋文化館之後,發現品牌不單單只是一個商標而已他們對每項產品的用心,所花的技術與創意,都是獨一無二的,經過半天下來對白木屋更加的了解了.
1015445010鄔惠婷:
我覺得感受很不同,一開始原本以為只是普通小有名氣的店,但參觀結束完他們的觀光工廠後我覺得不是我想的那樣,他們很有規劃也很注重整潔什麼事情都一步一步來很有條理很有規序,也讓我越來越佩服白木屋這個品牌,從一間普通的店經營到現在成為家喻戶曉無人不知的蛋糕店,他的創辦人也很讓人佩服朝著自己的理想前進努力
1015445061鄧蕎緯:
以前雖然就知道這個品牌,但經過這次的戶外教學讓我得到從沒認知過的專業精神以及服務品質,不管我以後在哪裡工作,我都會像白木屋一樣堅持自己的本領自己的專業以及堅持。

10.參觀後請寫下你認為何為觀光工廠?
1015445016楊佩軒:
我認為的觀光工廠是有品牌的故事和文化背景,同時也能讓參觀的人得到一些啟示和感想並富有教育意義。
1015445038陳奐蓁:
平常都只是參觀設計展或畫展,卻沒有更深入了解作品背後的實作經驗歷史等等,甜點方面的包裝也是值得我們學習,具有教育意義!
1015445010鄔惠婷:
對我來說我覺得觀光工廠就是具有保存價值能強調此產品的獨特性,還有具有歷史意義保存它的文化性,也能強調主題特色,並且觀光工廠的空間、形象、設計還有服務品質都要有一定的水準還有解說員一定要非常了解此觀光工廠的特色
1015445061鄧蕎緯:
這些能讓我對以後要走入類似的行業有大的幫助不單單只是個觀光工廠,不只品質也包括包裝、和我印象很深刻的綠色環保綠色餐飲這些都將是我未來很有幫助的參考,所以這些都可以幫助很多需要靈感的人收取一些小知識。

Re: [作業01] 視覺傳達設計專題-分組主題與名單

週一, 九月 16. 2013

1015445016楊佩軒
1015445010鄔惠婷
1015445038陳奐蓁
1015445061鄧蕎緯

Re: [期末作業] 個人品牌形象製作與展示

週二, 六月 25. 2013

1.展板電子檔:


2.展出規劃草圖及想法:
我打算前面放一個大箱子和一個小箱子疊起來變成桌子,鋪上布,上面放上信封信紙和我的公仔以及我的徽章,展板後面則用一個黑色中空板來增加它的厚度。

3.預計展出項目:徽章、信封信紙、公仔

4.展出後的展場照片:





視傳1A 1015445016楊佩軒

Re: [作業05] 3D商品表現技法

週二, 六月 4. 2013

學號:1015445016 楊佩軒

1.設計說明:利用我個人設計LOGO搭配標準色製作出的3D餐具和MP3

2.個人成品:



Re: [作業06] 紙公仔製作

週四, 五月 30. 2013