Welcome! 登入 註冊
專區首頁 專區百科 專區論壇 專區部落格 專區地圖

Advanced

Change History

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

Changed By: j29927381
Change Date: June 22, 2017 11:14AM

Re: [期末作業]專題網站設計
1.作業網址:http://mepopedia.com/~css105-2c/final/final-1045445162
2.網站主題: 客家‧桐花祭
3.內容描述: 想讓人認識客家族群結合桐花一起描述跟讓人認識他們之間的關係和希望能讓人想認識他們的資訊、只有一點點也好>x<!
4.風格設計: 想使用半插畫半穿插攝影照片的風格,想表現出輕快閱讀的感覺,讓人不會覺得死板
5.組員名單:張雅虹 1045445162
6.個人製作心得:抱歉老師,其實我還有很多很多的東西沒做完TTTTTTTTTTTTTTT先交半成品連自己都沒有覺得做得很好TOT而且雖然說是半成品但還有很多資料沒有整理跟放上去,都在研究語法中時間慢慢耗掉了TT研究的過程真的是需要時間慢慢累積起來的,但是我這次沒有抓好時間跟前置準備作業比想像中花了更多的力氣和時間在上面orz而且因為自己又不想把這樣的作品做得太爛,太龜毛導致現在還是做不完!!!!!!!啊啊啊啊啊而且做好的部分我也覺得對我來說沒有到「好」還是想修改,但時間TTTTTTTTTT
目前研究出來的語法之間是加了HTML之後原本的設定有些跑掉了所以還需要再研究一下&原本內文字體是英文字看起來很美,但改成中文字體就有點不所措還有不知道該抓哪個部分下去修改,很多都是我沒抓好需要的時間才變這樣嗚嗚嗚想一頭去撞豆腐(。

<b>企劃大綱</b>

<b>1.網站主題:</b>

客家‧桐花祭(Design:Neuron HTML)
參考版型: http://www.tooplate.com/live/2085-neuron

<b>2.網站架構(導覽列名稱與檔名)</b>

【客家‧桐花祭】(index.html)
【客家文化】(single-post.html←(hakka.html))
【桐花祭】(single-post.html←flower.html)
【話客家】(about.html←meethakka.html)
【客家與桐花】(contact.html)
【五月雨】(imgallery.html)

<b>3.內容大綱:</b>

介紹客家部分文化跟每年固定舉辦桐花祭之間的關係(五月客家桐花祭),同時也讓大基本瞭解一下客家人的習俗跟以前的表演藝術。

<b>4.主要對象(分析):</b>

大眾、賞花的民眾、想了解客家文化的人

<b>5.網頁架構圖(樹狀圖):</b>

<img width="90%" src="http://i.imgur.com/tXPqg75.jpg" border="0">

<b>6.網頁版型設計圖wireframe</b>

<img width="90%" src="http://i.imgur.com/irPibFG.jpg" border="0">
<img width="90%" src="http://i.imgur.com/SRhtTH2.jpg" border="0">

<b>7.色彩規劃:</b>

白─桃紅、綠─咖啡、加進一些舒適的藍作為相互的色調,希望整體是帶點清新風格的網頁色彩,給人輕鬆閱覽的感覺。

<b>8.歷屆得獎分析(至少三組)</b>

1.食尚大學>>http://www.foosion.tw/
有動圖的onepage,會讓人引起興趣去看一下接下來會出現什麼!
用色都是色塊和簡單的小圖icon,文字也不會讓人看的繁雜冗長,整體很乾淨輕快不會對眼睛造成負擔。
介紹簡潔有力,取名也讓人感覺可愛。
網頁文字描述想朝著這部份發展><><><至於有些小缺點的部分我覺得是標題字某些部分可以再粗一點點!

2.O'big禮物地圖>>http://www.obig.com.tw/
他的版面設計很有趣,是國外信封的風格,也可以讓觀賞者直接帶入那種情緒在裡面。
字體大小跟配圖漸層覺得搭配得剛剛好,大方跟字體變化有秩序。
點進去內文導覽列是直式的蠻有趣的,查詢的點在旁邊也分類的很清楚。
最有趣的地方我認為是地圖更新日誌下拉式的部分,很好玩!!!!

3.夜色台北>>http://www.taiwanonly.tw/index.html
整體網頁營造出跟夜晚的夜色相同的感受,也很喜歡他的特殊字體設計。
網頁的配色相當有質感,導覽列也是不干擾主題式的簡潔、但也有大方俐落的風格。
影片和照片都很厲害的感覺,有聲有色,雖然是跳出式的燈箱設計但讓人感覺很不一樣。

4.台灣字崛>>http://www.words.tw/
一點進去慢慢淡入的字體效果很有質感,字體選用跟大小也有種井然有序的感覺。
圖案居多,字反而在首頁沒有特別去做介紹,不過圖的雙色表現很簡單卻也很有力量,呼應主題跟logo。
它的內容是我五個看下來最喜歡的!透明度和照片色調都很統一,而且標題設計也有復刻的質感。
整體看起來很舒服,排版上也很舒適,雖然有些說明文字是跟著內文去調整,但小筆電會覺得又有些太小了點,不過很喜歡這種質感的表現。

5.大山北月>>http://www.bighillnorthmoon.tw/cafe/
有點偏插畫方式的呈現但同時也有攝影照片輔助,網站也想要朝著類似這種感覺走~
首頁有一個配字起來感覺有山林的壯闊感(?),裡面的資料豐富,雖然圖片感覺有點解析度不足><
字體很有特色!有點像手寫字很童趣。


>>>>>這些網頁的Title都有自己設計一個logo加在上面,看起來又增添不少專業的質感。

<b>9.組員:張雅虹 1045445162</b>
Changed By: j29927381
Change Date: June 08, 2017 11:30PM

Re: [期末作業]專題網站設計
<b>企劃大綱</b>

<b>1.網站主題:</b>

客家‧桐花祭(Design:Neuron HTML)
參考版型: http://www.tooplate.com/live/2085-neuron

<b>2.網站架構(導覽列名稱與檔名)</b>

【客家‧桐花祭】(index.html)
【客家文化】(single-post.html←(hakka.html))
【桐花祭】(single-post.html←flower.html)
【話客家】(about.html←meethakka.html)
【客家與桐花】(contact.html)
【五月雨】(imgallery.html)

<b>3.內容大綱:</b>

介紹客家部分文化跟每年固定舉辦桐花祭之間的關係(五月客家桐花祭),同時也讓大基本瞭解一下客家人的習俗跟以前的表演藝術。

<b>4.主要對象(分析):</b>

大眾、賞花的民眾、想了解客家文化的人

<b>5.網頁架構圖(樹狀圖):</b>

<img width="100%" src="http://i.imgur.com/xLu27nU.jpg" border="0">

<b>6.網頁版型設計圖wireframe</b>

<img width="100%" src="http://i.imgur.com/06SfGQf.jpg" border="0">
<img width="100%" src="http://i.imgur.com/E9oW6w4.jpg" border="0">
<img width="90%" src="http://i.imgur.com/tXPqg75.jpg" border="0">

<b>6.網頁版型設計圖wireframe</b>

<img width="90%" src="http://i.imgur.com/irPibFG.jpg" border="0">
<img width="90%" src="http://i.imgur.com/SRhtTH2.jpg" border="0">

<b>7.色彩規劃:</b>

白─桃紅、綠─咖啡、加進一些舒適的藍作為相互的色調,希望整體是帶點清新風格的網頁色彩,給人輕鬆閱覽的感覺。

<b>8.歷屆得獎分析(至少三組)</b>

1.食尚大學>>http://www.foosion.tw/
有動圖的onepage,會讓人引起興趣去看一下接下來會出現什麼!
用色都是色塊和簡單的小圖icon,文字也不會讓人看的繁雜冗長,整體很乾淨輕快不會對眼睛造成負擔。
介紹簡潔有力,取名也讓人感覺可愛。
網頁文字描述想朝著這部份發展><><><至於有些小缺點的部分我覺得是標題字某些部分可以再粗一點點!

2.O'big禮物地圖>>http://www.obig.com.tw/
他的版面設計很有趣,是國外信封的風格,也可以讓觀賞者直接帶入那種情緒在裡面。
字體大小跟配圖漸層覺得搭配得剛剛好,大方跟字體變化有秩序。
點進去內文導覽列是直式的蠻有趣的,查詢的點在旁邊也分類的很清楚。
最有趣的地方我認為是地圖更新日誌下拉式的部分,很好玩!!!!

3.夜色台北>>http://www.taiwanonly.tw/index.html
整體網頁營造出跟夜晚的夜色相同的感受,也很喜歡他的特殊字體設計。
網頁的配色相當有質感,導覽列也是不干擾主題式的簡潔、但也有大方俐落的風格。
影片和照片都很厲害的感覺,有聲有色,雖然是跳出式的燈箱設計但讓人感覺很不一樣。

4.台灣字崛>>http://www.words.tw/
一點進去慢慢淡入的字體效果很有質感,字體選用跟大小也有種井然有序的感覺。
圖案居多,字反而在首頁沒有特別去做介紹,不過圖的雙色表現很簡單卻也很有力量,呼應主題跟logo。
它的內容是我五個看下來最喜歡的!透明度和照片色調都很統一,而且標題設計也有復刻的質感。
整體看起來很舒服,排版上也很舒適,雖然有些說明文字是跟著內文去調整,但小筆電會覺得又有些太小了點,不過很喜歡這種質感的表現。

5.大山北月>>http://www.bighillnorthmoon.tw/cafe/
有點偏插畫方式的呈現但同時也有攝影照片輔助,網站也想要朝著類似這種感覺走~
首頁有一個配字起來感覺有山林的壯闊感(?),裡面的資料豐富,雖然圖片感覺有點解析度不足><
字體很有特色!有點像手寫字很童趣。


>>>>>這些網頁的Title都有自己設計一個logo加在上面,看起來又增添不少專業的質感。

<b>9.組員:張雅虹 1045445162</b>
Changed By: j29927381
Change Date: June 08, 2017 12:02PM

Re: [期末作業]專題網站設計
<b>企劃大綱</b>

<b>1.網站主題:</b>

客家‧桐花祭(Design:Neuron HTML)
ve/2085-neuron
http://www.tooplate.com/live/2085-neuron

<b>2.網站架構(導覽列名稱與檔名)</b>

【客家‧桐花祭】(index.html)
【客家文化】(single-post.html←(hakka.html))
【桐花祭】(single-post.html←flower.html)
【話客家】(about.html←meethakka.html)
【客家與桐花】(contact.html)
【五月雨】(imgallery.html)

<b>3.內容大綱:</b>

介紹客家部分文化跟每年固定舉辦桐花祭之間的關係(五月客家桐花祭),同時也讓大基本瞭解一下客家人的習俗跟以前的表演藝術。

<b>4.主要對象(分析):</b>

大眾、賞花的民眾、想了解客家文化的人

<b>5.網頁架構圖(樹狀圖):</b>

<img width="100%" src="http://i.imgur.com/xLu27nU.jpg" border="0">

<b>6.網頁版型設計圖wireframe</b>

<img width="100%" src="http://i.imgur.com/06SfGQf.jpg" border="0">
<img width="100%" src="http://i.imgur.com/E9oW6w4.jpg" border="0">
<img width="90%" src="http://i.imgur.com/tXPqg75.jpg" border="0">

<b>6.網頁版型設計圖wireframe</b>

<img width="90%" src="http://i.imgur.com/irPibFG.jpg" border="0">
<img width="90%" src="http://i.imgur.com/SRhtTH2.jpg" border="0">

<b>7.色彩規劃:</b>

白─桃紅、綠─咖啡、加進一些舒適的藍作為相互的色調,希望整體是帶點清新風格的網頁色彩,給人輕鬆閱覽的感覺。

<b>8.歷屆得獎分析(至少三組)</b>

1.食尚大學>>http://www.foosion.tw/
有動圖的onepage,會讓人引起興趣去看一下接下來會出現什麼!
用色都是色塊和簡單的小圖icon,文字也不會讓人看的繁雜冗長,整體很乾淨輕快不會對眼睛造成負擔。
介紹簡潔有力,取名也讓人感覺可愛。
網頁文字描述想朝著這部份發展><><><至於有些小缺點的部分我覺得是標題字某些部分可以再粗一點點!

2.O'big禮物地圖>>http://www.obig.com.tw/
他的版面設計很有趣,是國外信封的風格,也可以讓觀賞者直接帶入那種情緒在裡面。
字體大小跟配圖漸層覺得搭配得剛剛好,大方跟字體變化有秩序。
點進去內文導覽列是直式的蠻有趣的,查詢的點在旁邊也分類的很清楚。
最有趣的地方我認為是地圖更新日誌下拉式的部分,很好玩!!!!

3.夜色台北>>http://www.taiwanonly.tw/index.html
整體網頁營造出跟夜晚的夜色相同的感受,也很喜歡他的特殊字體設計。
網頁的配色相當有質感,導覽列也是不干擾主題式的簡潔、但也有大方俐落的風格。
影片和照片都很厲害的感覺,有聲有色,雖然是跳出式的燈箱設計但讓人感覺很不一樣。

4.台灣字崛>>http://www.words.tw/
一點進去慢慢淡入的字體效果很有質感,字體選用跟大小也有種井然有序的感覺。
圖案居多,字反而在首頁沒有特別去做介紹,不過圖的雙色表現很簡單卻也很有力量,呼應主題跟logo。
它的內容是我五個看下來最喜歡的!透明度和照片色調都很統一,而且標題設計也有復刻的質感。
整體看起來很舒服,排版上也很舒適,雖然有些說明文字是跟著內文去調整,但小筆電會覺得又有些太小了點,不過很喜歡這種質感的表現。

5.大山北月>>http://www.bighillnorthmoon.tw/cafe/
有點偏插畫方式的呈現但同時也有攝影照片輔助,網站也想要朝著類似這種感覺走~
首頁有一個配字起來感覺有山林的壯闊感(?),裡面的資料豐富,雖然圖片感覺有點解析度不足><
字體很有特色!有點像手寫字很童趣。


>>>>>這些網頁的Title都有自己設計一個logo加在上面,看起來又增添不少專業的質感。

<b>9.組員:張雅虹 1045445162</b>
Changed By: j29927381
Change Date: May 29, 2017 10:02PM

Re: [期末作業]專題網站設計
Changed By: j29927381
Change Date: May 29, 2017 03:20PM

Re: [期末作業]專題網站設計
<b>企劃大綱</b>

<b>1.網站主題:</b>

客家‧桐花祭(Design:Neuron HTML)
http://www.tooplate.com/live/2085-neuron

<b>2.網站架構(導覽列名稱與檔名)</b>

【客家‧桐花祭】(index.html)
【客家文化】(single-post.html←(hakka.html))
【桐花祭】(single-post.html←flower.html)
【話客家】(about.html←meethakka.html)
【客家與桐花】(contact.html)
【五月雨】(imgallery.html)

<b>3.內容大綱:</b>

介紹客家部分文化跟每年固定舉辦桐花祭之間的關係(五月客家桐花祭),同時也讓大基本瞭解一下客家人的習俗跟以前的表演藝術。

<b>4.主要對象(分析):</b>

大眾、賞花的民眾、想了解客家文化的人

<b>5.網頁架構圖(樹狀圖):</b>

<img width="100%" src="http://i.imgur.com/xLu27nU.jpg" border="0">

<b>6.網頁版型設計圖wireframe</b>

<img width="100%" src="http://i.imgur.com/06SfGQf.jpg" border="0">
<img width="100%" src="http://i.imgur.com/E9oW6w4.jpg" border="0">
<img width="90%" src="http://i.imgur.com/tXPqg75.jpg" border="0">

<b>6.網頁版型設計圖wiref

2.O'big禮物地圖>>http://www.obig.com.tw/


3.夜色台北>>http://www.taiwanonly.tw/index.html


4.台灣字崛>>http://www.words.tw/

那種情緒在裡面。
字體大小跟配圖漸層覺得搭配得剛剛好,大方跟字體變化有秩序。
點進去內文導覽列是直組員:張雅虹(1045445162)式的蠻有趣的,查詢的點在旁邊也分類的很清楚。
最有趣的地方我認為是地圖更新日誌下拉式的部分,很好玩!!!!

3.夜色台北>>http://www.taiwanonly.tw/index.html
整體網頁營造出跟夜晚的夜色相同的感受,也很喜歡他的特殊字體設計。
網頁的配色相當有質感,導覽列也是不干擾主題式的簡潔、但也有大方俐落的風格。
影片和照片都很厲害的感覺,有聲有色,雖然是跳出式的燈箱設計但讓人感覺很不一樣。

4.台灣字崛>>http://www.words.tw/
一點進去慢慢淡入的字體效果很有質感,字體選用跟大小也有種井然有序的感覺。
圖案居多,字反而在首頁沒有特別去做介紹,不過圖的雙色表現很簡單卻也很有力量,呼應主題跟logo。
它的內容是我五個看下來最喜歡的!透明度和照片色調都很統一,而且標題設計也有復刻的質感。
整體看起來很舒服,排版上也很舒適,雖然有些說明文字是跟著內文去調整,但小筆電會覺得又有些太小了點,不過很喜歡這種質感的表現。

5.大山北月>>http://www.bighillnorthmoon.tw/cafe/
有點偏插畫方式的呈現但同時也有攝影照片輔助,網站也想要朝著類似這種感覺走~
首頁有一個配字起來感覺有山林的壯闊感(?),裡面的資料豐富,雖然圖片感覺有點解析度不足><
字體很有特色!有點像手寫字很童趣。


>>>>>這些網頁的Title都有自己設計一個logo加在上面,看起來又增添不少專業的質感。

<b>9.組員:張雅虹 1045445162</b>
Changed By: j29927381
Change Date: May 29, 2017 03:18PM

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

Original Message

作者: j29927381
Date: May 29, 2017 03:14PM

Re: [期末作業]專題網站設計
企劃大綱

1.網站主題:

客家‧桐花祭(Design:Neuron HTML)
http://www.tooplate.com/live/2085-neuron

2.網站架構(導覽列名稱與檔名)

【客家‧桐花祭】(index.html)
【客家文化】(single-post.html←(hakka.html))
【桐花祭】(single-post.html←flower.html)
【話客家】(about.html←meethakka.html)
【客家與桐花】(contact.html)
【五月雨】(imgallery.html)

3.內容大綱:

介紹客家部分文化跟每年固定舉辦桐花祭之間的關係(五月客家桐花祭),同時也讓大基本瞭解一下客家人的習俗跟以前的表演藝術。

4.主要對象(分析):

大http://i.imgur.com/xLu27nU.jpg

6.網頁版型設計圖wireframe

http://i.imgur.com/06SfGQf.jpg
http://i.imgur.com/E9oW6w4.jpg

7.色彩規劃:

白─桃紅、綠─咖啡、加進一些舒適的藍作為相互的色調,希望整體是帶點清新風格的網頁色彩,給人輕鬆閱覽的感覺。

8.歷屆得獎分析(至少三組)

1.食尚大學>>http://www.foosion.tw/
文化的人

5.網頁架構圖(樹狀圖):



6.網頁版型設計圖wireframe





6.網頁版型設計圖wiref

2.O'big禮物地圖>>http://www.obig.com.tw/


3.夜色台北>>http://www.taiwanonly.tw/index.html


4.台灣字崛>>http://www.words.tw/

那種情緒在裡面。
字體大小跟配圖漸層覺得搭配得剛剛好,大方跟字體變化有秩序。
點進去內文導覽列是直組員:張雅虹(1045445162)式的蠻有趣的,查詢的點在旁邊也分類的很清楚。
最有趣的地方我認為是地圖更新日誌下拉式的部分,很好玩!!!!

3.夜色台北>>http://www.taiwanonly.tw/index.html
整體網頁營造出跟夜晚的夜色相同的感受,也很喜歡他的特殊字體設計。
網頁的配色相當有質感,導覽列也是不干擾主題式的簡潔、但也有大方俐落的風格。
影片和照片都很厲害的感覺,有聲有色,雖然是跳出式的燈箱設計但讓人感覺很不一樣。

4.台灣字崛>>http://www.words.tw/
一點進去慢慢淡入的字體效果很有質感,字體選用跟大小也有種井然有序的感覺。
圖案居多,字反而在首頁沒有特別去做介紹,不過圖的雙色表現很簡單卻也很有力量,呼應主題跟logo。
它的內容是我五個看下來最喜歡的!透明度和照片色調都很統一,而且標題設計也有復刻的質感。
整體看起來很舒服,排版上也很舒適,雖然有些說明文字是跟著內文去調整,但小筆電會覺得又有些太小了點,不過很喜歡這種質感的表現。

5.大山北月>>http://www.bighillnorthmoon.tw/cafe/
有點偏插畫方式的呈現但同時也有攝影照片輔助,網站也想要朝著類似這種感覺走~
首頁有一個配字起來感覺有山林的壯闊感(?),裡面的資料豐富,雖然圖片感覺有點解析度不足><
字體很有特色!有點像手寫字很童趣。


>>>>>這些網頁的Title都有自己設計一個logo加在上面,看起來又增添不少專業的質感。

9.組員:張雅虹 1045445162