Re: [作業09] 網頁探索-切版練習與HTML+CSS設計

週二, 五月 27. 2014

[size=small]
(1)作業網址:http://mepopedia.com/~web102-a/hw09/hw09-1-1015445039/home.html
(2)製作心得: 只改了home,HTML裡夾了好多東西看了好討厭阿!!!很久沒碰DW的感覺好陌生。

作業二是..
[IMG]http://i.imgur.com/6YRJoS3.png[/IMG]
yay
[/size]

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

週一, 五月 19. 2014

1.網站主題:森森不息
2.內容大綱:介紹台灣特有樹木種類
3.主要對象(分析): 大眾
4.網頁架構圖(樹狀圖): [URL=http://s1309.photobucket.com/user/Pei_Hua__Cao/media/672A547D540D-1_zps1676b55f.jpg.html][IMG]http://i1309.photobucket.com/albums/s621/Pei_Hua__Cao/672A547D540D-1_zps1676b55f.jpg[/IMG][/URL]
5.網頁版型設計圖(標示尺寸)
6.色彩規劃: 黑 白線條風
7.資料蒐集: 圖書
8.歷屆得獎分析(至少三組)
9.組員名單,工作分配:
林伊柔 蒐集資料 網站架構
洪靜琪 蒐集資料 特效製作
黃郁茹 蒐集資料 網站架構
曹珮驊 蒐集資料 美術部分

Re: [作業06] jQuery動態網頁初探

週二, 五月 6. 2014

[size=small](1)作業網址: http://mepopedia.com/~web102-a/hw06/hw06-1015445039

(2)製作心得:
把背景圖片拿掉了 比較看得出動態的變化
不知道.slideToggle中文叫什麼但是配上hide滿有趣的
notepad++比DW好用嗚嗚T__T

學號 1015445039


樓上XDDDDDDDDD[/size]

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

週二, 四月 15. 2014

1015445040-黃郁茹


(1)作業網址: http://mepopedia.com/~web102-a/midterm/midterm-1015445040/hw03/index.html
(2)網站主題: lofter介紹
(2)對象: 20-40歲的文藝族群
(3)色彩計畫: 灰黑白
(4)風格設定、預期成效: 簡約的設計,清淡的色調帶出文青風格
(5)製作心得: 各種心有餘而力不足,須再磨練

學號 1015445040

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

週二, 四月 15. 2014

[size=small](1)作業網址: http://mepopedia.com/~web102-a/midterm/midterm-1015445039/index.html
(2)網站主題: 個人日記網站
(2)對象: 全年齡 女性
(3)色彩計畫: 女性化 溫和 簡單
(4)風格設定、預期成效: 簡單明瞭大方 方便閱讀
(5)製作心得: 到目前是有點複雜但還可以接受的範圍
學號 1015445039[/size]

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

週二, 三月 11. 2014

參考網站網址: http://www.myeunhyuk.com/





[hr]

(1)網站分類: 資料網站

(2)網站主題: Justdoit手工資訊站

(2)對象: 15歲以上女性

(3)色彩計畫:粉嫩色系/粉紅、

(4)風格設定:幾何色塊
 網頁看點:首頁有最新DIY資訊相簿可左右翻閱、圖片為主文字為輔
 預期成效:以圖片為主

(5)請整理以下數值:



(6)製作心得:主題真的很難想,大部分的時間都在找圖片、不知道該做什麼主題的
 但是主題一確定,照片找到後就不難...一開始也很猶豫要不要用這個網頁改
 有點猶豫,意外的是改出來和原本的風格完全不同!! \ >▽< /
 
學號 1015445039

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

週二, 三月 4. 2014

1.網址:http://mepopedia.com/~web102-a/hw01/HW01-1015445039/

2.設計概念與製作心得:
因為下面歌詞句子都比較短,怕看起來太空,所以版面寬度設成700左右,比較有狹長集中的感覺。
自己寫比起DW麻煩了一點,但是在排語法的時候自己寫反而比DW好控制,而且知道現在要改的地方是哪裡。

3.何謂HTML、DIV及CSS
HTML 資料
DIV 架構
CSS 美化

4.附上至少一個覺得設計很有質感的網站,並說明原因
http://fixedagency.com/
色彩繽紛還會搭配一些小動畫,讓人感到有興趣,
不會還不知道這個網站在做什麼就直接就關掉他。
http://weather.json.tw/#hsinchu_country
簡單 清楚 明瞭

5.期待這門課的學習成果與收穫為何?
至少能學到配合動畫的網頁程度

Re: [期末作業] 期末作業最終繳交區(最後繳交期限1/5(日))

週一, 一月 6. 2014

展場照片


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

週三, 十二月 25. 2013

眷村博物館

1015445039 洪靜琪
1015445012 林伊柔
1015445053 曹珮驊
1015445040 黃郁茹

Re: [作業] 導覽地圖及目前進度修正整理上傳區(12/18上課前上傳)

週三, 十二月 18. 2013

視傳二A 眷村博物館

1015445012 林伊柔
1015445039 洪靜琪
1015445053 曹珮驊

Re: [作業] 指標系統完稿及目前進度整理上傳區(12/9上課前上傳)

週三, 十二月 11. 2013

視傳二A 眷村博物館

1015445012 林伊柔
1015445039 洪靜琪

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

週二, 十二月 3. 2013

1015445053 曹珮驊
[URL=http://s1293.photobucket.com/user/caopeihua/media/672A547D540D-1_zps64f5082d.jpg.html][IMG]http://i1293.photobucket.com/albums/b599/caopeihua/672A547D540D-1_zps64f5082d.jpg[/IMG][/URL]

1015445012 林伊柔
[URL=http://s1293.photobucket.com/user/yirou120534/media/77376751_zps1cf7999a.png.html][IMG]http://i1293.photobucket.com/albums/b599/yirou120534/77376751_zps1cf7999a.png[/IMG][/URL]

1015445039 洪靜琪
[URL=http://i851.photobucket.com/albums/ab72/TORNGYAN/672A547D540D-2.png.html][IMG]http://i851.photobucket.com/albums/ab72/TORNGYAN/672A547D540D-2.png[/IMG][/URL]

1015445040 黃郁茹
[img]http://i1096.photobucket.com/albums/g332/blue81588/77376751.png[/img]

Re: [作業] 品牌插畫設計實作

週二, 十一月 26. 2013

主題:Chi植物園 (1015445039)
[color=#FF0000](1)概念草圖。[/color]

最後挑了最下面的那個

[color=#FF0000](2)電繪完稿作品。[/color]


[color=#FF0000]3.品牌創立的想法、故事。[/color]
[size=small]多肉植物中最有名的就是仙人掌了,所以就以仙人掌作代表。
這次創造的小女孩對於喜愛的仙人掌總是抱在手中,連座椅都是仙人掌造型的,
雖然仙人掌的刺讓他總是促著眉頭,但是喜歡就是喜歡,痛也不放手。
(仙人掌的花語:永恆不變的愛、孤獨的堅強、溫暖和熱情。)[/size]

[color=#FF0000]4.心得[/color]
[size=small]老師的繪畫過程很詳細而且簡單,卻也讓我注意到很多平常畫圖不會留意的地方
而且沒想到那麼精細的圖居然用四種工具交替就完成了,收穫很多!!
這次學了Q版的人物,希望下次可以學學真人CG的那種效果,或是服裝飾品繪製等等:D[/size]

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

週三, 十月 9. 2013

前期的趣遊碗雖然也是在碗裡畫地圖,開啟了知名度,卻是只有將碗拿到手中的人才可以品味他的精緻,
包裝很有創意,碗卻因為包裝變成了藝術品被供起來欣賞,失去了碗本身的價值意義。
後來他們開始把"人"的元素加進去,讓碗與人有了連結。
直到"來碗府城"邀請了一百個小吃店的老闆一起留下他們的筆跡,
雖然碗底的圖案不像之前的那樣精緻了,卻更富有人情味,
而當地商家也因為這個碗而有了連結。

在"推銷產品的設計"和"聯繫人與人的關係的設計"之間的取捨,趣遊碗做了一個很具代表性的示範。

1015445039 洪靜琪

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

週三, 十月 2. 2013

組別:組員:
1015445012-林伊柔
1015445039-洪靜琪
1015445040-黃郁茹
1015445053-曹佩驊
[code]
1.工廠名稱:郭元益糕餅博物館 – 綠標生活館 (楊梅館)
2.產業類別:主要為糕餅,副產業則有西式禮盒、麵包烘培坊、婚紗會館。
3.工廠特色:郭元益的糕餅博物館占地龐大,有如宮殿一般的廠房和外層的紅瓷磚,表現出它獨特的傳統風格。
4.主要對象:中、老、青階層皆有涉及。
5.LOGO及企業形象規劃(附照片)優缺點、可參考之方向及建議:
[URL=http://s851.photobucket.com/user/TORNGYAN/media/1-9.jpg.html][IMG]http://i851.photobucket.com/albums/ab72/TORNGYAN/1-9.jpg[/IMG][/URL]
郭元益的產業是自1867年開始經營的,長久的歷史讓企業有著穩固的傳統,
其LOGO樣式也經歷了七次的改變。早期是漢餅起家的郭元益一直都用著帶有中國風的LOGO,
2007年使用至今的第七代LOGO也不例外!更換死板的印刷體使用手寫的書法體,
保留特有中國風又不失設計感。缺點大概是LOGO可組合的型態不夠多。
用最簡單的手寫字體表達出企業特有的傳統形象,就算沒有繁華的圖示當LOGO也可以很完美。

6.視覺環境規劃優缺點、可參考之方向及建議:
[URL=http://s851.photobucket.com/user/TORNGYAN/media/3-6.jpg.html][IMG]http://i851.photobucket.com/albums/ab72/TORNGYAN/3-6.jpg[/IMG][/URL]
整面由原料外袋拼成的牆,有趣且讓人印象深刻。
在上二樓的必經之處,不同的袋包裝材質也不同,拼湊起來質感卻相當平衡。

[URL=http://s851.photobucket.com/user/TORNGYAN/media/4-5.jpg.html][IMG]http://i851.photobucket.com/albums/ab72/TORNGYAN/4-5.jpg[/IMG][/URL]
雕花簍空分隔牆,也是令人記憶深刻的設計,透過暖燈光照在白色刻花上,讓人感到愉悅。
[URL=http://s851.photobucket.com/user/TORNGYAN/media/8-4.jpg.html][IMG]http://i851.photobucket.com/albums/ab72/TORNGYAN/8-4.jpg[/IMG][/URL]
有趣的是他們的綠豆糕上的也有一樣的細緻花紋。

7.特色商品(附照片)優缺點、可參考之方向及建議:
[URL=http://s851.photobucket.com/user/TORNGYAN/media/9-2.jpg.html]
[IMG]http://i851.photobucket.com/albums/ab72/TORNGYAN/9-2.jpg[/IMG][/URL]
郭元益的鳳梨酥在2007年榮獲台北市政府鳳梨酥文化節金獎,
有趣可愛的外包裝為郭元益的鳳梨酥增添的許多風采。
優點:取風和日麗的諧音鳳和日梨讓人加深印象,外觀做得像顆方正的小鳳梨,當擺飾也很有趣。
缺點:外殼可能會因為沒有鳳梨酥止滑而脫落。

[URL=http://s851.photobucket.com/user/TORNGYAN/media/6-4.jpg.html][IMG]http://i851.photobucket.com/albums/ab72/TORNGYAN/6-4.jpg[/IMG][/URL]

[URL=http://s851.photobucket.com/user/TORNGYAN/media/7-2.jpg.html][IMG]http://i851.photobucket.com/albums/ab72/TORNGYAN/7-2.jpg[/IMG][/URL]
這是郭元益旗下的西式禮盒產業《拉法頌》的商品,以一個時尚的化妝箱作為發想,
將禮盒裡的西式餅乾佯裝成精緻的化妝用品,作為送禮的禮盒看來有趣又大方。
優點:優雅精緻的外箱就算裡面餅乾吃完也讓人捨不得丟棄,從化妝箱來發想可提升討論度。
建議:看起來像化妝品的餅乾只有在第一層,或許底層的餅乾包裝也可以和化妝物品有相關性。

[/code]
[hr]心得
[code]
[size=small]《1015445040-黃郁茹》
8.對於本次參觀的具體收穫與心得:
郭元益和白木屋這兩個都是常常聽人提起的品牌,而這次參觀的兩家觀光工廠都各有優缺。
郭元益的工廠很有它的傳統特色,但是參觀動線不佳,動線方向沒有明確標示,停下來看展示品回過神來就分不清東西;
而白木屋則是單一動線,將他們製作蛋糕的過程透明化加入參觀裡我覺得很有趣,
只是有些狹窄的廊道若碰上人多就容易有來回人流的堵塞。

9.參觀完觀光工廠後對品牌是否有不同感受?感受為何?
一個品牌的經營實在是需要長久的努力和時間的累積,才能造就一個受肯定的優良品牌。
而它的背後到底需要盡多少心力,在這次的參觀中我有稍微的體悟到了。

10.參觀後請寫下你認為何為觀光工廠?
對於觀光工廠我認為把製作過程透明化給消費者參觀是一個很有趣且重要的作法,
自信的展出品牌旗下那些食品如何去製作、如何品質管理,
除了帶給消費者良好的印象外也將會是一個很好的宣傳效果。[/size]
[hr]
[size=small]《1015445053-曹佩驊》
8.對於本次參觀的具體收穫與心得:
白木屋的巧克力挺好吃的,可以從觀光工廠裡面看到他們的內部作業讓人感覺挺有趣的。
而且他們還有互動教室可以與遊客一起互動做糕餅的樂趣,可惜沒有體會到~ 殘念。
郭元益的導覽員很有趣 ~ 而且真是熱情。
芝麻糕好香好好吃,真不愧是百年老店,觀光工廠內的資源回收藝術真是有趣,
一大片的,就讓人想摸摸看。
感覺這兩間來說 ,個人比較喜歡郭元益的,大概是因為他的建築物我覺得比較美,
而且導覽員比較可愛,還有其他活動跟我們互動 感覺就很不錯。

9.參觀完觀光工廠後對品牌是否有不同感受?感受為何?
感覺一個品牌背後的故事挺多的,郭元益就讓我有這種感覺。
原本還真的以為他就是普通的糕餅店,然後店名是第一任老闆的名字 結果原來不是阿。
而且他遠渡來台發展,從原本的糕餅店發展到現在有許多其他的旁支事業。
讓人覺得這個品牌真是越發展越多元化,有融入生活的感覺。

10.參觀後請寫下你認為何為觀光工廠?
藉由遊客觀光來宣揚他們的理念,而且可以一起互動從互動裡面了解一家公司背後的故事與發展,
進而想購買他們的產品,算是另類的宣傳手法,比起店面店員單單介紹,
消費者自己親身去觀光工廠裡了解更能激起購買的慾望。[/size]
[hr]
[size=small]
《1015445012-林伊柔》
8.對於本次參觀的具體收穫與心得:
這次去參觀完後對於觀光工廠的印象有很大的改變,兩邊都導覽的很有趣,
工廠裡的設計也非常契合主題,非常能理解各品牌的故事和理念。當然也買得非常開心,哈哈。
表示館內的設計會讓人產生購買的慾望,也達到了販賣的目的,我覺得滿厲害的,
設計的最終除了讓人欣賞外,應該就是能順利販賣了,
這種能讓人無形中就花錢買單的催眠,真是非常厲害 。

9.參觀完觀光工廠後對品牌是否有不同感受?感受為何?
參觀後了解品牌成立的不易,從一開始的什麼都沒有到有一定的規模,
中間的管理規畫,不只是製造生產販賣,還有更多的細節,
每一塊積木都好好的放在自己的位子才能組成更大的積木,
原來品牌不是自己所想的單純只是個logo和理念,是更深的理念和長遠的計畫,
一切的設計不只是為了美觀,而是與自己要宣達的理念契合才有意思。

10.參觀後請寫下你認為何為觀光工廠?
我認為的觀光工廠就是開放大家參觀產品的生成過程,誠實的公布製造的一切,
同時也宣揚自己的品牌概念,讓大家了解所要做的要表達的,
不只是冷冷的製造工廠,我覺得也可以比喻成一件可供人進出參觀的作品。
[/size]
[hr]
[size=small]《1015445039-洪靜琪》
8.對於本次參觀的具體收穫與心得:
郭元益觀光工廠,雖然外觀是舊式建築裡面卻很現代化,還結合綠色建築觀念。
介紹古時候的習俗和體驗拋繡球的部分很有趣,
由原料外袋拼成的牆,讓人記憶深刻想拍照留念。
而介紹影片不是看完就算了的,之後的有獎問答提出了工廠值得留意的地方,
不過參觀動線有點亂,當人多的時候很容易混團。
販售區打卡,吉祥物就有折扣是個不錯的宣傳手法。
白木屋的動線就比較清楚,二樓的走廊值得讓人來回走個幾遍,
將每年的主題蛋糕陳列出來,能引起想品嘗的共鳴之外,也能更清楚蛋糕的設計意義。
翻花糖的作品穿插擺設在商品之間,會讓人不自覺得想移動腳步看下去。

9.參觀完觀光工廠後對品牌是否有不同感受?感受為何?
參觀前對這兩家糕餅類的品牌印象就只有喜餅、蛋糕等商品,
但參觀完之後發現兩家的差異說大其實滿大,
一邊是傳統糕餅起家,一邊是西式蛋糕,
但是說相似也滿相似的,兩邊的影片介紹都有提到要從心出發,
強調給客人的幸福感。感受到糕餅不只是糕餅,
在製作過程中他被賦予著期待,代表著各自的品牌,
能帶來幸福和被感受到品牌的用心。

10.參觀後請寫下你認為何為觀光工廠?
當一個品牌要長久經營,必然要隨著時間推化演變。
觀光工廠就是將他的演化過程展現出來,使大眾能更了解品牌的存在意念。
[/size]
[/code]