Re: [期末作業] 專題網站設計

週二, 六月 17. 2014

1.作業網址: http://mepopedia.com/~web102-a/final/final-1015445054/index
2.網站主題: 阿逗仔遊樂園
3.內容:介紹全台知名遊樂園
4.主要對象: 喜愛遊樂園的外國人
5.風格設計: 利用簡單的台灣北中南東色系 ,做出可愛的感覺。
6.組員名單,工作分配,製作心得:
035鍾怡暄- 標籤DIV 網頁內容 滑鼠變換影像
043鍾恵婷-繪製插畫 網頁內容 滑鼠變換影像
045李艾倢 — 網頁內容 FLASH 網頁內容 滑鼠變換影像
050李凌岑- 標籤DIV 網頁內容 滑鼠變換影像
054楊昀真- 網站架構 語法編寫 製作版型 FLASH 滑鼠變換影像

心得:
位置一直歪掉好煩喔~~~ 背景一直弄不上去好煩喔~~~div做好了但是滑鼠一過去就不見

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

週一, 五月 19. 2014

1.網站主題: 阿鬥仔遊台灣

2.內容大綱: 鳳梨酥 番薯 臭豆腐 香蕉 珍珠奶茶 豬血糕

3.主要對象(分析):老外的人總是很喜歡來台灣,因為台灣有許多美食,其鍾鳳梨酥 番薯 臭豆腐 香蕉 珍珠奶茶 豬血糕 都是大家一聽到台灣會想到的唷~~
4.網頁架構圖(樹狀圖):

5.網頁版型設計圖(標示尺寸) :想運用台灣當作轉運點,別國的人穿她們國家的衣服飛來臺灣吃我們嘛~ 1024*768

6.色彩規劃:黃黑色 因為食物大多偏這兩個顏色

7.資料蒐集:http://blog.xuite.net/vicky9665/vicky9665/45599747-%E5%8F%B0%E7%81%A3%E5%90%84%E7%B8%A3%E5%B8%82%E5%90%8D%E7%94%A2

8.歷屆得獎分析(至少三組)
http://timeline.tw/
http://joyingintaichung.idv.tw/
他們兩個都是利用老師教的範本動畫所呈現的,只是改變外觀風格

9.組員名單,工作分配: 楊昀真版面 鍾惠婷 插畫 李凌岑動畫 鍾怡暄 蒐集資料 李艾倢 插畫

Re: [作業] 視覺形象設計策略--專題演講--心得報告

週一, 五月 19. 2014

以前都不會去注意新一代的這些,只會覺得裡面的那些學校設計的人做得好就好啦!
但聽完涂老師講的,真的覺得設計不是為了得獎,而是有沒有改善對方的目地
這樣我得失心就不會很重,不是為了得獎而設計,反而要是為了能不能解決對方的問題而設計

就算客戶不喜歡的作品,我也聽到老師說的,先把設計理念告訴他為什麼要這樣做,不要一直固執想要這樣就是這樣
,有時候他也是有經驗可以教導我們的人耶~~因為很多人來比案壓

還有當你做兩個,另一個客戶說不行的時候,不要灰心,因為老師告訴我們以後還可以用的到

真的覺得老師很厲害
我以後也好想...好想...好想跟他一樣 喔
他真的好有經驗喔
兩的禮拜做完完整的
老師真的事對我們太好了,給我們半個學期做完,我還做不太完整勒
他還可以做那麼精緻
甚至三小時就查完資料
想好這個主題聯想很多有什麼關聯
真是想像力真豐富

Re: [作業] 2014新一代設計展參觀心得報告

週日, 五月 18. 2014

1.學校、作品名稱: 樹德科技大學

2.設計類別: 視覺傳達設計類

3.作品相片:[URL=http://s1274.photobucket.com/user/1015445054/media/10339097_1485480075003402_474686193_n_zpsbfe146f5.jpg.html][IMG]http://i1274.photobucket.com/albums/y428/1015445054/10339097_1485480075003402_474686193_n_zpsbfe146f5.jpg[/IMG][/URL]

4.作品說明:以平面設計表現手法

5.對於作品的心得: 我喜歡這組的,覺得很有創意,他們想到別人沒想到的,現代只有台灣還有再用注音符號,其他國家都沒有了,為了保存,他們就想到ㄒㄧㄤ ㄐㄧㄠ 有兩個意思,1.可以吃的水果 2.兩個平行線互相交差在一起,還有ㄕㄚ ㄩˊ 也有兩個意思,1.動作2.一種海洋生物 等等其他作品,覺得這個真得是台灣的驕傲,而且表現手法可以變成一幅畫,而不是分開畫的喔~~甚至他們還做成一本書,所以他們這組很用心想了很多不一樣的。


6.對於本次參觀的具體收穫與心得: 以前都不會去注意新一代的一些不起眼的設計,因為拿著相機拍那些商品都覺得沒有什麼,但真的要實際去聽才發現他有其中的奧妙,可以改善人們的生活,例如
[URL=http://s1274.photobucket.com/user/1015445054/media/10342606_1485480655003344_1058261942_n_zps2b597b07.jpg.html][IMG]http://i1274.photobucket.com/albums/y428/1015445054/10342606_1485480655003344_1058261942_n_zps2b597b07.jpg[/IMG][/URL]

廚房的洗菜的地方,旁邊總是要放一些洗碗精、菜瓜布和抹布等等,旁邊不能保持乾淨,因為要切好多菜沒位置放,聽過他們設計講解,打開來像廚櫃一樣可以收納,把洗碗精設計掛在竿子上,盒子也是,就不會占空間,覺得很方便。我都想買了

還有要參加新一代設計真的可以到台灣走走晃晃就能發現世界不同的地方,就能變成專題,因為這次樹德讓我好大開眼界喔!!!!尤其是理髮店
7.有興趣的設計方向: 可以改善人們生活的用具和包包,但這些都好難得獎喔!可是很有成就感

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

週五, 五月 9. 2014

(1)作業網址: http://mepopedia.com/~web102-a/hw06/hw06-1015445054/
(2)製作心得:只要把語法放上去就好,但是jqury要怎麼把其他特效語法放上去壓

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

週二, 五月 6. 2014

(1)作業網址:
雙欄http://mepopedia.com/~web102-a/hw05/hw05-1015445054/index
三欄http://mepopedia.com/~web102-a/hw05/hw05-1015445054-1/index
(2)本頁設計重點: 先用圖片再用顏色很好配色
(3)製作心得:
喜歡玩配色,因為很好玩,這樣才有心情研究語法

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

週二, 四月 15. 2014

(1)作業網址: http://mepopedia.com/~web102-a/midterm/midterm-1015445054/index.html

(2)網站主題: 巧克力工坊 The Home Of Made Chocolate

(2)對象: 愛吃巧克力的人

(3)色彩計畫:藍天 咖啡 土黃色

(4)風格設定、預期成效:好好吃的自製巧克力

(5)製作心得: 表格好好用喔~~~

學號 1015445054

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

週二, 四月 1. 2014

1)作業網址:http://mepopedia.com/~web102-a/hw03/hw03-1015445054/
(2)網站主題:喜喜巧克力
(2)對象:愛吃甜甜的女性
(3)色彩計畫:整個色調以咖啡色為主
(4)風格設定、網頁看點、預期成效:
風格設定:以咖啡色為主,想表達出可愛、親切的風格
網頁看點:每一個標籤滑鼠移過去都會有顏色的變化
(5)請整理以下數值:
字體設定(font-family): 微軟正黑體 12px
標題級數: 24px
文章標題級數: 微軟正黑體 20px 、
內文級數(font-size):微軟正黑體 12px
區塊內與區塊間的距離padding:0
(margin):0
網站寬度(width)(單位px) 1024#768px
(6)製作心得一直玩配色,超有趣的,而且一直變色還可以知道語法在哪裡更改,很喜歡這次的網頁設計
學號 1015445054

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

週一, 三月 17. 2014

參考網站網址:http://www.washington.edu/
[URL=http://s1274.photobucket.com/user/1015445054/media/7DB298011_zps4581ae5a.jpg.html][IMG]http://i1274.photobucket.com/albums/y428/1015445054/7DB298011_zps4581ae5a.jpg[/IMG][/URL]

自己做
[URL=http://s1274.photobucket.com/user/1015445054/media/7DB29801_zps21398eae.jpg.html][IMG]http://i1274.photobucket.com/albums/y428/1015445054/7DB29801_zps21398eae.jpg[/IMG][/URL]
(1)網站分類:大學學校網站
(2)網站主題: 介紹特別的動物
(2)對象: 20歲以上
(3)色彩計畫:應用紅綠對比的搭色,但是又不能太跳痛, 希望能給很精緻的感覺
(4)風格設定、網頁看點、預期成效:
風格:精緻清新
網頁看點:
1.上面那一排就像老師說,大家常常用到內容下有個大大的長方形,可以使內容排整齊
2.在下來一點點是五個長方形,可以把旁邊大大的內容移過去,看到裡面的內容
3.背景的變化
4.透明的的使用
5.還有陰影和內光影

預期:能給觀看者有整齊的感覺,還有立體感

(5)請整理以下數值:
字體設定:英文Candara
標題級數、文章標題級數、內文級數(font-size) :最大標題18px,文章標題14px,內文9px
區塊內與區塊間的距離:
padding:50px
margin:43px
網站寬度(width) 780px
(6)製作心得:作網頁真的可以學到怎麼排版,字的大小,內容規劃,創意等等,而且顏色搭配真得很重要?
1015445054

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

週二, 三月 4. 2014

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

2.設計概念與製作心得:
我終於比較知道語法這種東西,而且還比較會背了,好開心喔~~

希望以簡單又大方的方式呈現


3.何謂HTML、DIV及CSS
HTML為網站的架構
Div是區分網站與個架構段落區域
CSS具備美化、特效、動態等效果,裝飾性與修邊

4.附上至少一個覺得設計很有質感的網站,並說明原因

http://www.redalien.com.tw/webc/html/animation/index.php
很可愛又有設計感~~~



說明:

5.期待這門課的學習成果與收穫為何?

以後可以真正的接案子

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

週六, 一月 4. 2014

展版
[URL=http://s1274.photobucket.com/user/1015445054/media/1601244_701081239923124_319011772_n_zps858a1fc8.jpg.html][IMG]http://i1274.photobucket.com/albums/y428/1015445054/1601244_701081239923124_319011772_n_zps858a1fc8.jpg[/IMG][/URL]
[URL=http://s1274.photobucket.com/user/1015445054/media/1579796_577942325614284_507380784_n_zps860bbf2a.jpg.html][IMG]http://i1274.photobucket.com/albums/y428/1015445054/1579796_577942325614284_507380784_n_zps860bbf2a.jpg[/IMG][/URL]
[URL=http://s1274.photobucket.com/user/1015445054/media/1_zpsc047de76.jpg.html][IMG]http://i1274.photobucket.com/albums/y428/1015445054/1_zpsc047de76.jpg[/IMG][/URL]
[URL=http://s1274.photobucket.com/user/1015445054/media/1497622_701081219923126_1598156302_n_zps12c4fc04.jpg.html][IMG]http://i1274.photobucket.com/albums/y428/1015445054/1497622_701081219923126_1598156302_n_zps12c4fc04.jpg[/IMG][/URL]

個人

楊昀真
李凌岑
李艾倢
鍾怡暄(檔案太大 所以再另一邊)
鍾惠婷
已完成

企劃書
已完成

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

週二, 十二月 24. 2013

1015445043鍾惠婷

1015445035鍾怡暄

1015445045李艾倢

1015445050李凌岑

1015445054楊昀真
(美寶她討厭我 所以我上傳好多次了都一直跳到首頁 只能傳圖檔了 gg+Q ^ Q )

[URL=http://s1274.photobucket.com/user/1015445054/media/1015445054694A6600771F-001_zpsefc4a277.jpg.html][IMG]http://i1274.photobucket.com/albums/y428/1015445054/1015445054694A6600771F-001_zpsefc4a277.jpg[/IMG][/URL]

[URL=http://s1274.photobucket.com/user/1015445054/media/1015445054694A6600771F-0002_zps60bc0c6e.jpg.html][IMG]http://i1274.photobucket.com/albums/y428/1015445054/1015445054694A6600771F-0002_zps60bc0c6e.jpg[/IMG][/URL]

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

週三, 十二月 18. 2013

1015445045鍾惠婷
[URL=http://s1274.photobucket.com/user/1015445054/media/1483740_691181630913085_1998013508_n_zpsa901356a.jpg.html][IMG]http://i1274.photobucket.com/albums/y428/1015445054/1483740_691181630913085_1998013508_n_zpsa901356a.jpg[/IMG][/URL]
[URL=http://s1274.photobucket.com/user/1015445054/media/1472239_691180884246493_213833792_n_zpsb6f15f4e.jpg.html][IMG]http://i1274.photobucket.com/albums/y428/1015445054/1472239_691180884246493_213833792_n_zpsb6f15f4e.jpg[/IMG][/URL]
1015445050 李凌岑
第一個是上次的作業
1015445054楊昀真
檔案太大一直傳不上去>''<
[URL=http://s1274.photobucket.com/user/1015445054/media/1015445054694A6600771F_zpsb0762598.png.html][IMG]http://i1274.photobucket.com/albums/y428/1015445054/1015445054694A6600771F_zpsb0762598.png[/IMG][/URL]

[URL=http://s1274.photobucket.com/user/1015445054/media/57305716_zps78916fd8.jpg.html][IMG]http://i1274.photobucket.com/albums/y428/1015445054/57305716_zps78916fd8.jpg[/IMG][/URL]

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

週三, 十二月 11. 2013

楊昀真
[URL=http://s1274.photobucket.com/user/1015445054/media/899650B32A1015445054694A6600771F53575BEE6F016E2F899652257CFB7D711_zpscc116e32.png.html][IMG]http://i1274.photobucket.com/albums/y428/1015445054/899650B32A1015445054694A6600771F53575BEE6F016E2F899652257CFB7D711_zpscc116e32.png[/IMG][/URL]
[URL=http://s1274.photobucket.com/user/1015445054/media/899650B32A1015445054694A6600771F53575BEE6F016E2F899652257CFB7D71-02_zpsb35e3047.png.html][IMG]http://i1274.photobucket.com/albums/y428/1015445054/899650B32A1015445054694A6600771F53575BEE6F016E2F899652257CFB7D71-02_zpsb35e3047.png[/IMG][/URL]

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

週二, 十二月 3. 2013

鍾惠婷
[URL=http://s1274.photobucket.com/user/1015445054/media/1480646_684202141611034_1106935219_n_zpscf6c4cee.jpg.html][IMG]http://i1274.photobucket.com/albums/y428/1015445054/1480646_684202141611034_1106935219_n_zpscf6c4cee.jpg[/IMG][/URL]

楊昀真
[URL=http://s1274.photobucket.com/user/1015445054/media/53575BEE_zps2abddc05.jpg.html][IMG]http://i1274.photobucket.com/albums/y428/1015445054/53575BEE_zps2abddc05.jpg[/IMG][/URL]
名片
[URL=http://s1274.photobucket.com/user/1015445054/media/53575BEE540D7247-01_zps0a9b50ff.png.html][IMG]http://i1274.photobucket.com/albums/y428/1015445054/53575BEE540D7247-01_zps0a9b50ff.png[/IMG][/URL]
[URL=http://s1274.photobucket.com/user/1015445054/media/53575BEE540D7247-02_zps21efaf74.png.html][IMG]http://i1274.photobucket.com/albums/y428/1015445054/53575BEE540D7247-02_zps21efaf74.png[/IMG][/URL]

李艾倢
[URL=http://s1274.photobucket.com/user/1015445054/media/1470092_682742595077221_339874163_n_zps54493ff0.jpg.html][IMG]http://i1274.photobucket.com/albums/y428/1015445054/1470092_682742595077221_339874163_n_zps54493ff0.jpg[/IMG][/URL]

李凌岑
[URL=http://s1274.photobucket.com/user/1015445054/media/1488496_562115370530313_536316969_n_zpsa7063a1b.jpg.html][IMG]http://i1274.photobucket.com/albums/y428/1015445054/1488496_562115370530313_536316969_n_zpsa7063a1b.jpg[/IMG][/URL]

鍾怡暄
[URL=http://s1274.photobucket.com/user/1015445054/media/1488474_776355589047784_1775347224_n_zps836062b2.jpg.html][IMG]http://i1274.photobucket.com/albums/y428/1015445054/1488474_776355589047784_1775347224_n_zps836062b2.jpg[/IMG][/URL]