Re: [第一週] 資料蒐集與首頁設計

週五, 七月 4. 2014

參考網站網址:http://www.kanazawa-bidai.ac.jp/(大概就是參考藝術創作的網站會放些什麼)

一、網站蒐集及分析:
1.主題設定,原網址:http://www.lumin-art.org.tw/

[IMG]http://i.imgur.com/839Jx2Y.jpg[/IMG]

2.原網站優缺點分析
 優點:導覽列很簡單,讓人很容易上手這個網站。
 缺點:網站樣式兩側怪怪的,並不好看,這個網站種種相關資訊樣樣不缺,
但是如果有個展覽行事曆給大家看就更好了。

3.相關國內外網站列表分析:

[IMG]http://i.imgur.com/JtuVIMf.jpg[/IMG]

台灣 / 家畫廊 http://www.jia-artgallery.com/
北京 / 艾米李畫廊 http://www.amyligallery.com/
日本 / ブリヂストン美術館 http://www.bridgestone-museum.gr.jp/
美國 / National Gallery of Art http://www.nga.gov/

4.選定參考網站優缺點分析與首頁截圖分析:
(1)網址:http://www.youraga.ca/
(2)網站名稱:Art Gallery of Alberta
(3)風格與色彩分析:使用白色的底,搭配亮色系的文字,應該是想呈現小活潑的感覺。
(4)優點:雖然是個簡樸的網站,但是卻容納了許多連結,各個連結分類的很好。
(5)缺點:選擇使用亮的文字顏色,可能是想配合活動所以才用這麼活潑的顏色,但是紅色又加
上死板的字體看起來有點俗氣;首頁動圖的部分有幾張設計得很不搭其他圖。

(6)首頁截圖分析

[IMG]http://i.imgur.com/CBwq0nT.jpg[/IMG]

二、新設計網站說明
(1)網站分類,原網址:http://www.lumin-art.org.tw/
(2)網站主題:光之藝廊
(3)對象:有特殊需求的族群及熱愛藝術創作的人們
(4)色彩計畫:森林綠
(5)風格設定:大自然的感覺 / 透明清澈的樣子,內在醞釀許多意想不到的養分。
網頁看點:首頁能移動的當期展覽宣傳、導覽列有下拉的功能、增加畫廊行事曆。
預期成效:希望內裡保有豐富外在簡易好操作。
(6)請整理以下數值:
字體設定:微軟正黑體
標題級數:24px
文章標題級數:14px
內文級數:11px
網站寬度:1233px

(7)製作心得:在找尋要做的主題考慮了很久,最後選擇光之藝廊來做,是因為它的規模不會像國美館或是
北美館那樣大,而且雖然小小的,卻五臟俱全,希望最後的成果會很好。

* 改過後的首頁 ↓

[IMG]http://i.imgur.com/hBFvTmP.jpg[/IMG]

* 滑鼠移過的效果 ↓

[IMG]http://i.imgur.com/SQBECIC.jpg[/IMG]

* 新增首頁網址: ↓
首頁-圖的移動效果: http://mepopedia.com/~web102-c/intern/w1-1015445219/index.html
分頁-最新消息:http://mepopedia.com/~web102-c/intern/w1-1015445219/light2-news.html
分頁-展覽資訊:http://mepopedia.com/~web102-c/intern/w1-1015445219/light3-ex.html
展覽資訊的小子頁:http://mepopedia.com/~web102-c/intern/w1-1015445219/light3-ex-1.html

* 新增一個PDF檔


學號:1015445219 王斯亭

Re: [期末作業] 系列包裝設計

週三, 六月 18. 2014

視傳二C :)-D
1015445212 - 賴韻伃
1015445219 - 王斯亭

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

週二, 六月 17. 2014

1.作業網址: http://mepopedia.com/~web102-c/final/final-1015445219/
2.網站主題:Tainan Yeah Yeah
3.內容: 運用照片帶領觀賞者喜歡上臺南,
主要是希望能藉由格狀的照片讓人自己去挑選想去臺南的哪裡玩。
4.主要對象:猶豫不決該去臺南哪裡玩的人。
5.風格設計:白色清晰的風格,小小的黃配綠裝飾。
6.組員名單: 1015445219 王斯亭
製作心得:嘗試用不同的方式製作這次的網頁,打掉重來兩次,很多小細節的部分改了又改,
雖然花了很多時間,但是額外學習到更多語法,而且做完之後真的很開心,
因為能將自己拍的照片整合,並且打上文字,害我又想去臺南玩了 :)o

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

週日, 五月 25. 2014

(1)作業網址:http://mepopedia.com/~web102-c/hw09/hw09-1-1015445219
(2)製作心得:這樣就能把之前在photoshop排的做出來了,真的是太棒了,好好玩 (:D

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

週三, 五月 21. 2014

1.網站主題:大甲圖鑑小百科
2.內容大綱:利用手繪小圖鑑介紹大家的文化及自然還有美食。
3.主要對象(分析):提供給想去大甲遊玩的民眾。
4.網頁架構圖(樹狀圖):

[IMG]http://i.imgur.com/PgXIgUI.jpg[/IMG]

5.網頁版型設計圖(標示尺寸)
6.色彩規劃:協調的嫩色系
7.資料蒐集:大甲芋頭城提供的各種行程,還有自己的經驗。
8.歷屆得獎分析(至少三組)

::第七屆評審特別獎 「天鵝脖子街-創意烘焙」::
http://120.97.121.85/swan/index/index.aspx

[IMG]http://i.imgur.com/MUZLmEL.jpg[/IMG]

[IMG]http://i.imgur.com/LcnbNuP.jpg[/IMG]

插畫風格的首頁,連結也是以插畫的方式呈現,
風格強烈用法掌握的剛好不會太多,
版型簡單易懂,讓閱讀者能快速賞握網頁,
整體乾淨清晰,色調溫柔和諧。

::第十一屆佳作「和風北投‧行腳踏查」::
http://imagetaiwan.net.tw/

[IMG]http://i.imgur.com/dX8GZMf.jpg[/IMG]

[IMG]http://i.imgur.com/C0NcEM4.jpg[/IMG]

利用美麗的照片滿版網頁頁面,
半透明的框框讓視覺上覺得添加了設計感,
除了文化及景點還結合了故事,
每個連結點下去後的畫面會和文字有關聯。


::第十一屆佳作「阿嬤的故鄉‧金門的歲月流轉」::
http://kinmen.venusmall.tw/

[IMG]http://i.imgur.com/fnIATTA.jpg[/IMG]

[IMG]http://i.imgur.com/fm4Es4m.jpg[/IMG]

整個網頁走的是復古懷舊的風格,
色調配置的恰如其份,
照片也調整和網頁能融合的色調,
細心編排整體網頁,
最喜歡的部份是他們說的故事,
切確的點題讓人非常心動。

9.組員名單:1015445219 王斯亭

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

週二, 五月 20. 2014

1.網站主題:大甲圖鑑小百科
2.內容大綱:藉由手繪小圖鑑介紹大甲在地文化
3.主要對象(分析):提供給想去大甲遊玩的旅客們
4.網頁架構圖(樹狀圖):
5.網頁版型設計圖(標示尺寸)
6.色彩規劃:
7.資料蒐集:
8.歷屆得獎分析(至少三組)
9.組員名單,工作分配:

Re: [系列包裝作業02] 包裝策略提案

週二, 五月 20. 2014

組員名單:1015445212 賴韻伃、1015445219 王斯亭:)-D

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

週日, 五月 18. 2014

學校:朝陽科技大學 / 視覺傳達設計
作品名稱:沙拉嘿喲Salad Hey Yo
設計類別:視覺傳達設計類
[IMG]http://i.imgur.com/UqxHb3g.jpg[/IMG]

[IMG]http://i.imgur.com/ZcBhfHc.jpg[/IMG]

作品說明:提供上班族群簡單的做菜方式,讓他們愛上做菜且可以健康的吃。
心得:我很喜歡他們放在邊邊的實際蔬菜的樣子,通常視覺傳達設計類都會局限於平面,但是他們卻將馬鈴薯洋蔥白蘿蔔番茄等等放在邊邊,真的是太可愛了!然後我喜歡他們用水彩畫出蔬菜的人物。

學校:大葉大學 / 工業設計系
名稱:繭單式
設計類別:工業設計系類
[IMG]http://i.imgur.com/yqgvHsP.jpg[/IMG]

[IMG]http://i.imgur.com/uliaDys.jpg[/IMG]
說明:像是幼蟲成繭的過程,一個成就和故事,儘管不切實際或者不被重視。從生活中找到樂趣跟不喜歡的事情,改變甚至設計自己的人生。
心得:純粹喜歡他們用的配色和排版方式,然後還有"繭"這個想法(喜歡)。

學校:國立高雄大學 / 創建系
名稱:水星人
[IMG]http://i.imgur.com/Nj33CaO.jpg[/IMG]
說明:藉由占星學發想內涵,再藉此發展細胞種子的水星世界,假想於來自水星或擁有水星特質的人們。
心得:雖然覺得他們大版面這次用的沒上次好,但是覺得構想還蠻有趣的;其實每次都會很期待國立高雄大學的,因為喜歡他們結合光來呈現作品,還有其他特種媒介做為作品素材。

作品名稱:食玩
[IMG]http://i.imgur.com/iL5mj9f.jpg[/IMG]
心得:如果有買食玩習慣的人大概也會知道它的梗,我覺得人物臉頰胖胖的極為討喜,作品實際尺寸和旁邊的作品比起來相較之下小了許多,不過也正是如此符合食玩的特點。

作品名稱:轉瞬光
[IMG]http://i.imgur.com/xcgiVaF.jpg[/IMG]
心得:真的很喜歡光刺穿洞口發出的光芒,實際的樣子沒那麼明顯,所以就找了它的宣傳照片,真的很美,超級喜歡(tu)

[IMG]http://i.imgur.com/83gAzX8.jpg[/IMG]
心得:這個我忘記叫什麼了,但是鯨魚也會發光喔,然後他用的媒介上次大葉也有用,很喜歡他的質感。


對於本次參觀的具體收穫與心得:
覺得現在很多學生都很喜歡簡單線條的設計,看到了許多大量的使用簡單線條設計的作品,但是這種類型一多就會發現哪些強哪些弱,所以反而特別喜歡用不同媒介做的作品,風格定義其實並沒有很偏袒喜歡哪些類型,但如果是視覺傳達設計類的,當然還是第一眼被吸引得最為喜愛。收穫就是:要會思考怎麼讓時下的人們喜愛,卻又不和其他人相互雷同。

有興趣的設計方向:立體結合插畫或是繪本等。

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

週日, 五月 18. 2014

這次的演講真的是最貼近我們的演講,
他說了許多關於非常多的經驗
他所說的這些經驗可能都是我們未來會遇到的,
無論是對設計的自我要求及對工作上的態度等等,
他為我們深深上了一堂課(tu)(tu)(tu)(tu)(tu)

很多時候面對老師給我們的作業,
很多人抱持的心態都是:有交就好、這樣就可以了,
但是在學校,老師是不會要求我們重做,也不會管你有沒有做到很完美,
但走出了學校,客戶及上司要求的不可能像在學校一樣輕鬆,
所以我們必須慢慢培養出自我要求的態度,
當自己覺得做到一百分也是不夠的,
就像講師說的我們必須做的一百二十分。

另外,我們常常還會認為厲害的人就是理所當然的厲害,
但我們卻都沒發覺他們其實原本都和我們站在同一個起跑點上,
雖然嘴巴常常都說自己的願景,
而行動上卻只是停在那裡,
其實我們也可以像厲害的人一樣,
要有那份熱誠態度才能磨練出飽足的實力。

1015445219 王斯亭

Re: [作業08] HTML/CSS/jQuery 物件小動畫、燈箱效果

週六, 五月 17. 2014

(1)作業網址:http://mepopedia.com/~web102-c/hw08/hw08-1015445219
(2)製作心得:我覺得燈箱比滑動更容易理解,但是我不曉得怎麼將point2也用初燈箱效果,
我有嘗試用point1來做,下面燈箱的語法也試著做了,
但是不管怎麼點point2就是沒反應,不然就是point2可以點了但是換point1沒反應 :S
但是還是盡力做了一個魁地奇了,到時候會再把point2加進去的。﹒

學號 1015445219

Re: [作業07] jQuery動態煥頁效果

週五, 五月 16. 2014

(1)作業網址:http://mepopedia.com/~web102-c/hw07/hw07-1015445219
(2)製作心得:很複雜,原本想直接拿期中的改,可是卻不知道要從哪裡下手,花了很久的時間才改好,很想只要左右移動就好,只是如果改了高度(因為不想往下拉,下面都空空的),就會變得圖跑來跑去,所以這個作業我做的不是很完美 :-(

學號 1015445219

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

週三, 四月 30. 2014

(1)作業網址:http://mepopedia.com/~web102-c/hw06/hw06-1015445219/index.html
(2)製作心得:好好玩喔~~~(tu)

1015445219

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

週日, 四月 27. 2014

(1)作業網址:http://mepopedia.com/~web102-c/hw05/hw05-1015445219
(2)本頁設計重點:介紹say lou lou,還有他們的專輯和歌曲。
about and music是雙欄式
albums是三欄式
(3)製作心得:一開始做的時候不知道調到什麼,突然就變成只有字,
後來重新用了兩三次就很順利地做下去,然後眼睛快花了::o

學號1015445219

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

週日, 四月 27. 2014

組長:1015445219 王斯亭
組員:1015445212 賴韻伃、1015445219 王斯亭

1.主題:米菓包裝
2.企業:有田製菓
[IMG]http://i.imgur.com/DA8ISz4.jpg[/IMG]
3.系列形態 :
口味:有田海苔卷、有田海苔小粒
包裝形式:
(1)《有田製菓》海苔小粒(90g/包)
(2)《有田製菓》海苔小卷(80g/包)
(3)《有田製菓》海苔卷(70g/包)
4.市場趨勢
 主要客戶群為主婦及老人,產品合宜各個年齡層。
5.品牌狀況
 米菓類、餅乾類、糖果類、有機食品。
6.銷售環境
 販售管道為連鎖便利商店、大賣場、食品零售商。
7.樣本元素
 有田製菓的商標、日文標題、日文小標題、有田製菓紅色印章圖示、新鮮密封標章、標榜的文字、有效期限。
8.概念
 目前有田製菓商品包裝外型為樸素日式風格,包裝都是以大容量設計,主要客群多為主婦及老人,為了吸引更多年輕族群購買,所以想將有田製菓海苔米菓類等產品,發展出小容量的包裝。此外,將設計出結合日本文化節慶的可愛包裝,藉此更能增加年輕族群購買的意願。
9.風格元素
一、日本日常:郊遊、花、西瓜、風鈴、陽光、貓咪、暖桌、橘子
二、日本節慶:雛人形、鯉魚旗、妖怪
10.系列規劃
《日本日常》
春天出遊賞賞花
夏天在日式走廊上吃西瓜
秋天與貓相伴睡午覺
冬天在暖桌看電視剝橘子
《日本節慶》
女兒節
男孩節
撒豆節

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

週二, 四月 15. 2014

(1)作業網址: http://mepopedia.com/~web102-c/midterm/midterm-1015445219
(2)網站主題:大好き(吃)eat!eat!eat!eat!
(2)對象: 給喜歡吃的人
(3)色彩計畫: 綠色系
(4)風格設定、預期成效: 插畫風格、希望能有舒服的感覺
(5)製作心得:本來想加進去可以有雙欄的
但是不知道為什麼變得很lag 就不用了:(

1015445219