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

週一, 六月 23. 2014

1.學校、作品名稱:銘傳大學 芹壁包裝
2.設計類別: 包裝設計類、視覺傳達設計類
3.作品相片:[img]https://scontent-a-pao.xx.fbcdn.net/hphotos-xfa1/t31.0-8/10010816_513513935421500_1139155929554653662_o.jpg[/img]
4.作品說明: 利用芹壁當地的特有閩式建築做成包裝
5.對於作品的心得: 他的包裝雖然有大有小,還有斜屋頂的設計,但他也求環保性質,利用單張紙的展開技術做成包裝,這點我們可以好好去做研究。
6.對於本次參觀的具體收穫與心得: 近年來的包裝形式除了食品以外,也添加的當地特有的形式及色彩,達到在地文化的特色發展,許多作品也深入地做研究探查,這點我們可以努力去效法。
7.有興趣的設計方向:研究當地特有產品並深入去了解當地的風俗民情,再賦予另一種價值。

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

週二, 六月 17. 2014

1.作業網址: http://mepopedia.com/~web102-c/final/final-1015445243/

2.網站主題: 心台中 Heart Taichung
3.內容: 介紹台中市生活圈
4.主要對象: 想認識 想逛台中的朋友
5.風格設計: 復古風?!
6.組員名單,工作分配,製作心得:就....這樣特效 跑來跑去 滑來滑去 淡入淡出 跳來跳去 恩

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

週三, 五月 21. 2014

黃凱敬
張玉婷
單曉涵
蔡佳芸

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

週二, 五月 20. 2014

(1)作業網址: http://mepopedia.com/~web102-c/hw08/hw08-1015445243/
(2)製作心得: 就拿作業7的下去加~~就不知不覺就做出來了ˊ_>ˋ ((遭全班毆
學號 1015445243

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

週二, 五月 13. 2014

http://mepopedia.com/~web102-c/hw07/hw07-1015445243/
原本第一天轉場效果做不出來~可是到了第二天後~奇蹟的做出來了ˊ_>ˋ

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

週二, 五月 13. 2014

1.網站主題: 台中街遊

2.內容大綱: 介紹台中相關著名景點街道、小吃

3.主要對象(分析): 主要對想為大眾或是想旅遊台中的對象

4.網頁架構圖(樹狀圖):
[IMG]http://i.imgur.com/tYS0NJh.jpg[/IMG]

5.網頁版型設計圖(標示尺寸)

6.色彩規劃: 以橘紅暖色系作為主色調

7.資料蒐集: 資料為日後場勘資料彙整

8.歷屆得獎分析(至少三組)
http://timeline.tw/
http://desing.org.tw/
http://joyingintaichung.idv.tw/

9.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):

組員名單:黃凱敬、陳筱涵、張玉婷、蔡佳芸
工作分配:
頁面主視覺:小噗、玉婷
照片整理及處理<改解析度+校色>
主視覺用PS做好
圖片分割處理
包含文字及照片編排
動態效果構想

網頁語法動態:凱敬、筱涵
製作網頁基本架構規範
動態語法的編寫
轉場特效製作

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

週二, 五月 6. 2014

(1)作業網址:http://mepopedia.com/~web102-c/hw06/hw06-1015445243/
(2)製作心得:終於學到jQuery惹~~~反正我玩起特效來還是那ˋ麼噁心

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

週三, 四月 30. 2014

組長: 黃凱敬
組員: 張玉婷、單筱涵、蔡佳芸

視覺傳達設計~~~
1.主題: 金莎禮盒包裝

2.企業: 金莎巧克力

3.系列形態 :
[u]三顆小包裝[/u]──這是專為核心消費層(18─25歲)設計的,這些年輕人重複採買頻繁,其定位在日常自我消費的層面上。
[img]http://www.justbook.com.tw:8080/pic/digi/F1-03_sml.jpg[/img]

[u]五顆紙盒裝[/u]──把三顆裝的裝潢豪華化,數量增至五顆,就使其進入價格水準較高,但市場較狹窄的層面。其定位在刻意追求美觀、矜貴包裝而不計價格、一切以品性及形象為時尚的消費層面上。在量上,它既可滿足個人,又可與人分享,還可當作小禮物給好友、親人以一份小小的溫馨。
[img]http://img.gohappy.com.tw/images/product/4/147885/147885_3.jpg[/img]

[u]八顆心型盒裝[/u]──這是包裝外型設計獨特的禮品類定位,其對象是大量的非巧克力消費者,用以作為情人節、母親節及友濟生日的禮物。
[img]http://www.savesafe.com.tw/ProdImg/1001/864/00/1001864_00_main.jpg[/img]

[u]十六顆盒裝[/u]──它是為迎合最廣闊的消費層而設計的。主婦或家庭其他成員常常購備家中作為日常糖果,或作為朋友互相探訪的小禮物,得體而不過于隆重,也可作為節日、聚會的集體禮物。
[img]http://img3.douban.com/lpic/s9117870.jpg[/img]


[u]二十四顆盒裝[/u]──這是將金莎華麗、矜貴的特色表達得淋漓盡致的一類,它往往成為春節或較隆重場合的最受青睞的禮物。
[img]http://link.photo.pchome.com.tw/s11/amy6955/7/135720582365/[/img]




4.市場趨勢:
核心消費層18─25歲消費者

5.品牌狀況:
1984年,初出茅廬的義大利金莎巧克力,面對巧克力市場領導者、國際著名品牌吉百利、M&M’S的市場割據和日趨萎縮的巧克力市場,以香港、台灣市場為切入口,周密思考、精心策劃,憑借獨特、超常規的行銷方略,一舉成為世界巧克力糖果行業中一支主流力量。公司在香港上市次年,已穩居20%市場份額,在台灣上市當年,便創下了24%市場佔有率的佳績。經過十年的悉心經營,金莎的銷量已占香港市場近30%,台灣市場近40%。在世界各地市場也名列前茅,成為國際著名品牌,其成功之舉被譽為營銷史上的經典範例

6.銷售環境:
販售管道為連鎖便利商店、大賣場、食品零售商、禮品店或花店。

7.樣本元素:
以單一顆的臻果巧克力作排列或堆疊成不同的包裝形式禮盒

8.概念:
五種不同的包裝,體現了金莎的消費者定位思想和跨越不同市場區層的能力,使一顆同質的巧克力,發揮出自零食到禮品的多種功能,吸引不同層次的廣大消費者。
金莎成功的產品策略並不是費列羅的主觀臆想,而是建築于其長期了解市場架構及導向,對消費者及消費行為研究基礎之上的。注重對市場及消費者的研究,是金莎確定產品策略、市場策略的必備步驟。正是透過這種積極尋找有效的產品形式與管道,了解把握消費者接受程度的理念與行為準則,使金莎穩操入市的勝券。

9.風格元素:
金色 時尚 高貴風格
常會搭配情人節、聖誕節相關節日推不同的包裝形式

10.系列規劃:
聖誕節、情人節、感恩節推出不同以往的造型結構包裝
或是新人的喜餅禮盒推出新式的金沙喜餅禮盒

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

週二, 四月 29. 2014

(1)作業網址:http://mepopedia.com/~web102-c/hw05/hw05-1015445243
(2)本頁設計重點:做三欄式數據版面調整,以及誇大的陰影設計
(3)製作心得:就......這樣....拿這著計算機按來按去、加來加去、撿來撿去,跟雙欄的差不多吧
((不用點連結點的那麼開心 因為讓他放水流~~~我沒做ˊ_>ˋ

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

週二, 四月 15. 2014

http://mepopedia.com/~web102-c/midterm/midterm-1015445243

(1)作業網址:
(2)網站主題:A咖傑森
(2)對象: 想認識她的人
(3)色彩計畫: 黃色 咖啡色系
(4)風格設定、預期成效: 成效就這樣~~看了就知道
(5)製作心得: 做到眼睛快脫窗了~~~
1015445243

Re: [作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

週二, 四月 8. 2014

(1)作業網址:http://mepopedia.com/~web102-c/hw04/hw04-1015445243/works.html
(2)本頁設計重點: 表格內文的排法 段落樣式 icon運用
(3)製作心得: 就~~連link的分頁也做了 似乎其中作業好像做完了 ˊ_>ˋ
學號 1015445243 黃凱敬

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

週二, 四月 1. 2014

(1)作業網址: http://mepopedia.com/~web102-c/hw03/hw03-1015445243/
(2)網站主題: A咖傑森
(2)對象:想認識他的人
(3)色彩計畫: 土、黃色
(4)風格設定、網頁看點、預期成效: 簡單直覺
(5)請整理以下數值:
字體設定(font-family)
14PX

標題級數、文章標題級數、內文級數(font-size)(單位px)
24PX 20PX 14PX

區塊內與區塊間的距離(padding)(margin)(單位px)
(padding)(margin)20px

網站寬度(width)(單位px) 800PX
(6)製作心得: 就醬而已~恩~ ˊ_>ˋ
學號1015445243

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

週四, 三月 6. 2014

(1)網站分類: 官方消息網站.部落格
(2)網站主題:Lea Michele
(2)對象: 對Lea Michele有興趣的人
(3)色彩計畫: 紫色質感風
[hr]
(4)風格設定、網頁看點、預期成效:
原始網頁
http://www.bigdaddyweave.com/

[hr]
修改網頁


[hr]
修改網頁(滑過後效果)


[hr]
修改網頁(其中一項子頁)


[hr]
(5)請整理以下數值:
[u]字體設定(font-family)[/u]
標題級數
Trebuchet MS 23px

文章標題級數
Trebuchet MS 21 px

[u]內文級數(font-size)[/u]
內文-Georgia 13 px
間距 18 px

[u]區塊內與區塊間的距離(padding)(margin)[/u]
padding-top 10px
margin 10px

[u]網站寬度(width)[/u]
960px

(6)製作心得:
心得哦....就在重做一次~~~做到快高血壓了.....((倒
雖然有少一點點東西但比較沒什麼差別((自我催眠中~~
可能選擇的一個比較簡單的版面去製作.所以內容可能跟原網站沒什麼大不同
但其中的困難點可能就是選字問題
因為我們不熟悉網路上的供應的字體有哪些
加上我們平常熟悉輸出的作品排版
很少接觸到網頁上的字體排版的呈現
所以在行距及字距間的拿捏上還要再多加的訓練

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

週三, 二月 19. 2014

1.網址:
http://mepopedia.com/~web102-c/hw01/hw01-1015445243 ((進到IE就......醜態百出 :-P
http://mepopedia.com/~web102-c/hw01/hw01-1015445243-1/ (無聊實驗性質製作...點入前請三思..)


2.設計概念與製作心得:
製作概念喔~~就....有整體性吧!! 心得喔......恩.....就......一切盡在不言中 ˊ_>ˋ

3.何謂HTML、DIV及CSS
HTML就是所謂的架構就((好像建築的鋼筋
DIV就是容器一層一層的包覆著((就像房間的格局一樣
CSS就是美化及特效相關語法((就像是裝潢整修~~~

4.附上至少一個覺得設計很有質感的網站,並說明原因
http://learnlakenona.com/ 整體的視覺色彩及動態性
http://www.ascensionlatorre.com/home 視覺的一致性
http://www.vogue.co.uk/ 簡潔明瞭的視覺性及快瀏覽器的的自適性功能

5.期待這門課的學習成果與收穫為何?
就希望能訓練做出一個能適用於大眾平台的視覺規劃網站

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

週三, 一月 8. 2014

世博組
[img]https://lh5.googleusercontent.com/FcrgAlZ8R-r_Z5aK41CPkSOMWTpA5M5rC0bQrQa1gZA=w533-h888-no[/img]

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


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