Change History
Message: Re: [作業04]網頁排版設計 -以Photoshop製作Mockup與Prototype
Changed By: 松本.豪
Change Date: April 13, 2017 11:18AM
Re: [作業04]網頁排版設計 -以Photoshop製作Mockup與Prototype
Change Date: April 13, 2017 11:18AM
Re: [作業04]網頁排版設計 -以Photoshop製作Mockup與Prototype
作業網址：http://mepopedia.com/~css105-2c/hw04/hw04-1045445117/
(1)不優良網站名稱及網址：花世界花店/http://www.fasuje.com.tw/520new/new-(1).htm
欲修改地方：一時說不上來...有許多地方需要進行統合，因配色較為大膽，整體稍顯雜亂
●網頁無明顯主視覺及主配色，顯得沒有主題，可加以整合。
●網頁整體偏左，可調整置中，較為平衡。
●導覽列顏色可重新統整，或用相近色彩做成延續的概念，較有一致性。
●超連結底線可清除，字體較美觀。
●商品介紹頁面顏色可統一，不同列商品可分明的更詳細，或使用一頁式，分門別類逐步
展開。
●商品介紹頁面可直接使用圖片超連結，文字超連結可不用重複。
●商品圖片可統一尺寸，以免畫面雜亂。
●頑皮豹、多啦A夢以及跳跳小女人可以擇一，甚至發展屬於網頁本身的象徵物(吉祥物)。
●連絡我們及留言板可獨立一個版面，較為明顯。
●整體需有一個主配色，不同頁面色彩可因應不同商品而有所變化。
(2)優良網站名稱及網址：
薰衣草森林/http://www.lavendercottage.com.tw/
●有個明確的主色系，整體色彩圍繞在薰衣草紫，畫面清新。
●畫面逐步引導觀看，清晰明瞭。
●曲線形導覽列搭配小動畫增添畫面活潑性，營造隨興自然的感覺。
花寶愛花園(協和園藝)/http://shop.igarden.com.tw/
●商品導覽列皆於上方，以至於左右側乾淨清爽，也方便及時點選相關連結。
●以一頁式做為網頁板型，瀏覽順暢。
●當季熱門花卉主題使用大圖及文字排版，並連結到相關頁面，主題明確，並增添季節
感，使網頁色彩豐富。
頂戴格拉斯-清境民宿/http://www.dingdai.com.tw/about/
●導覽列隨時保持在上方位置，可隨時點閱其他連結。
●使用幻燈片效果介紹環境，可套用在當季花卉商品中，清楚了解近況優惠商品資訊。
(1)不優良網站名稱及網址：花世界花店/http://www.fasuje.com.tw/520new/new-(1).htm
欲修改地方：一時說不上來...有許多地方需要進行統合，因配色較為大膽，整體稍顯雜亂
●網頁無明顯主視覺及主配色，顯得沒有主題，可加以整合。
●網頁整體偏左，可調整置中，較為平衡。
●導覽列顏色可重新統整，或用相近色彩做成延續的概念，較有一致性。
●超連結底線可清除，字體較美觀。
●商品介紹頁面顏色可統一，不同列商品可分明的更詳細，或使用一頁式，分門別類逐步
展開。
●商品介紹頁面可直接使用圖片超連結，文字超連結可不用重複。
●商品圖片可統一尺寸，以免畫面雜亂。
●頑皮豹、多啦A夢以及跳跳小女人可以擇一，甚至發展屬於網頁本身的象徵物(吉祥物)。
●連絡我們及留言板可獨立一個版面，較為明顯。
●整體需有一個主配色，不同頁面色彩可因應不同商品而有所變化。
(2)優良網站名稱及網址：
薰衣草森林/http://www.lavendercottage.com.tw/
●有個明確的主色系，整體色彩圍繞在薰衣草紫，畫面清新。
●畫面逐步引導觀看，清晰明瞭。
●曲線形導覽列搭配小動畫增添畫面活潑性，營造隨興自然的感覺。
花寶愛花園(協和園藝)/http://shop.igarden.com.tw/
●商品導覽列皆於上方，以至於左右側乾淨清爽，也方便及時點選相關連結。
●以一頁式做為網頁板型，瀏覽順暢。
●當季熱門花卉主題使用大圖及文字排版，並連結到相關頁面，主題明確，並增添季節
感，使網頁色彩豐富。
頂戴格拉斯-清境民宿/http://www.dingdai.com.tw/about/
●導覽列隨時保持在上方位置，可隨時點閱其他連結。
●使用幻燈片效果介紹環境，可套用在當季花卉商品中，清楚了解近況優惠商品資訊。
Changed By: 松本.豪
Change Date: April 13, 2017 10:46AM
Re: [作業04]網頁排版設計 -以Photoshop製作Mockup與Prototype
Change Date: April 13, 2017 10:46AM
Re: [作業04]網頁排版設計 -以Photoshop製作Mockup與Prototype
(1)不優良網站名稱及網址：花世界花店/http://www.fasuje.com.tw/520new/new-(1).htm
欲修改地方：一時說不上來...有許多地方需要進行統合，因配色較為大膽，整體稍顯雜亂
●網頁無明顯主視覺及主配色，顯得沒有主題，可加以整合。
●網頁整體偏左，可調整置中，較為平衡。
●導覽列顏色可重新統整，或用相近色彩做成延續的概念，較有一致性。
●超連結底線可清除，字體較美觀。
●商品介紹頁面顏色可統一，不同列商品可分明的更詳細，或使用一頁式，分門別類逐步
展開。
●商品介紹頁面可直接使用圖片超連結，文字超連結可不用重複。
●商品圖片可統一尺寸，以免畫面雜亂。
●頑皮豹、多啦A夢以及跳跳小女人可以擇一，甚至發展屬於網頁本身的象徵物(吉祥物)。
●連絡我們及留言板可獨立一個版面，較為明顯。
●整體需有一個主配色，不同頁面色彩可因應不同商品而有所變化。
(2)優良網站名稱及網址：
薰衣草森林/http://www.lavendercottage.com.tw/
●有個明確的主色系，整體色彩圍繞在薰衣草紫，畫面清新。
●畫面逐步引導觀看，清晰明瞭。
●曲線形導覽列搭配小動畫增添畫面活潑性，營造隨興自然的感覺。
花寶愛花園(協和園藝)/http://shop.igarden.com.tw/
●商品導覽列皆於上方，以至於左右側乾淨清爽，也方便及時點選相關連結。
●以一頁式做為網頁板型，瀏覽順暢。
●當季熱門花卉主題使用大圖及文字排版，並連結到相關頁面，主題明確，並增添季節
感，使網頁色彩豐富。
頂戴格拉斯-清境民宿/http://www.dingdai.com.tw/about/
●導覽列隨時保持在上方位置，可隨時點閱其他連結。
●使用幻燈片效果介紹環境，可套用在當季花卉商品中，清楚了解近況優惠商品資訊。
作業網址：http://mepopedia.com/~css105-2c/hw04/hw04-1045445117/
欲修改地方：一時說不上來...有許多地方需要進行統合，因配色較為大膽，整體稍顯雜亂
●網頁無明顯主視覺及主配色，顯得沒有主題，可加以整合。
●網頁整體偏左，可調整置中，較為平衡。
●導覽列顏色可重新統整，或用相近色彩做成延續的概念，較有一致性。
●超連結底線可清除，字體較美觀。
●商品介紹頁面顏色可統一，不同列商品可分明的更詳細，或使用一頁式，分門別類逐步
展開。
●商品介紹頁面可直接使用圖片超連結，文字超連結可不用重複。
●商品圖片可統一尺寸，以免畫面雜亂。
●頑皮豹、多啦A夢以及跳跳小女人可以擇一，甚至發展屬於網頁本身的象徵物(吉祥物)。
●連絡我們及留言板可獨立一個版面，較為明顯。
●整體需有一個主配色，不同頁面色彩可因應不同商品而有所變化。
(2)優良網站名稱及網址：
薰衣草森林/http://www.lavendercottage.com.tw/
●有個明確的主色系，整體色彩圍繞在薰衣草紫，畫面清新。
●畫面逐步引導觀看，清晰明瞭。
●曲線形導覽列搭配小動畫增添畫面活潑性，營造隨興自然的感覺。
花寶愛花園(協和園藝)/http://shop.igarden.com.tw/
●商品導覽列皆於上方，以至於左右側乾淨清爽，也方便及時點選相關連結。
●以一頁式做為網頁板型，瀏覽順暢。
●當季熱門花卉主題使用大圖及文字排版，並連結到相關頁面，主題明確，並增添季節
感，使網頁色彩豐富。
頂戴格拉斯-清境民宿/http://www.dingdai.com.tw/about/
●導覽列隨時保持在上方位置，可隨時點閱其他連結。
●使用幻燈片效果介紹環境，可套用在當季花卉商品中，清楚了解近況優惠商品資訊。
作業網址：http://mepopedia.com/~css105-2c/hw04/hw04-1045445117/
Changed By: 松本.豪
Change Date: April 05, 2017 05:54PM
Re: [作業04]網頁排版設計 -以Photoshop製作Mockup與Prototype
Change Date: April 05, 2017 05:54PM
Re: [作業04]網頁排版設計 -以Photoshop製作Mockup與Prototype
(1)不優良網站名稱及網址：花世界花店/http://www.fasuje.com.tw/520new/new-(1).htm
欲修改地方：一時說不上來...有許多地方需要進行統合，因配色較為大膽，整體稍顯雜亂
●網頁無明顯主視覺及主配色，顯得沒有主題，可加以整合。
●網頁整體偏左，可調整置中，較為平衡。
●導覽列顏色可重新統整，或用相近色彩做成延續的概念，較有一致性。
●超連結底線可清除，字體較美觀。
●商品介紹頁面顏色可統一，不同列商品可分明的更詳細，或使用一頁式，分門別類逐步
展開。
●商品介紹頁面可直接使用圖片超連結，文字超連結可不用重複。
●商品圖片可統一尺寸，以免畫面雜亂。
●頑皮豹、多啦A夢以及跳跳小女人可以擇一，甚至發展屬於網頁本身的象徵物(吉祥物)。
●連絡我們及留言板可獨立一個版面，較為明顯。
●整體需有一個主配色，不同頁面色彩可因應不同商品而有所變化。
(2)優良網站名稱及網址：
薰衣草森林/http://www.lavendercottage.com.tw/
●有個明確的主色系，整體色彩圍繞在薰衣草紫，畫面清新。
●畫面逐步引導觀看，清晰明瞭。
●曲線形導覽列搭配小動畫增添畫面活潑性，營造隨興自然的感覺。
花寶愛花園(協和園藝)/http://shop.igarden.com.tw/
●商品導覽列皆於上方，清晰明瞭。
●以一頁式做為網頁板型，瀏覽順暢。
●當季熱門花卉主題使用大圖及文字排版，並連結到相關頁面，主題明確，並增添季節
感，使網頁色彩豐富。●商品導覽列皆於上方，以至於左右側乾淨清爽，也方便及時點選相關連結。
●以一頁式做為網頁板型，瀏覽順暢。
●當季熱門花卉主題使用大圖及文字排版，並連結到相關頁面，主題明確，並增添季節
感，使網頁色彩豐富。
頂戴格拉斯-清境民宿/http://www.dingdai.com.tw/about/
●導覽列隨時保持在上方位置，可隨時點閱其他連結。
●使用幻燈片效果介紹環境，可套用在當季花卉商品中，清楚了解近況優惠商品資訊。
作業網址：http://mepopedia.com/~css105-2c/hw04/hw04-1045445117/
欲修改地方：一時說不上來...有許多地方需要進行統合，因配色較為大膽，整體稍顯雜亂
●網頁無明顯主視覺及主配色，顯得沒有主題，可加以整合。
●網頁整體偏左，可調整置中，較為平衡。
●導覽列顏色可重新統整，或用相近色彩做成延續的概念，較有一致性。
●超連結底線可清除，字體較美觀。
●商品介紹頁面顏色可統一，不同列商品可分明的更詳細，或使用一頁式，分門別類逐步
展開。
●商品介紹頁面可直接使用圖片超連結，文字超連結可不用重複。
●商品圖片可統一尺寸，以免畫面雜亂。
●頑皮豹、多啦A夢以及跳跳小女人可以擇一，甚至發展屬於網頁本身的象徵物(吉祥物)。
●連絡我們及留言板可獨立一個版面，較為明顯。
●整體需有一個主配色，不同頁面色彩可因應不同商品而有所變化。
(2)優良網站名稱及網址：
薰衣草森林/http://www.lavendercottage.com.tw/
●有個明確的主色系，整體色彩圍繞在薰衣草紫，畫面清新。
●畫面逐步引導觀看，清晰明瞭。
●曲線形導覽列搭配小動畫增添畫面活潑性，營造隨興自然的感覺。
花寶愛花園(協和園藝)/http://shop.igarden.com.tw/
●商品導覽列皆於上方，清晰明瞭。
●以一頁式做為網頁板型，瀏覽順暢。
●當季熱門花卉主題使用大圖及文字排版，並連結到相關頁面，主題明確，並增添季節
感，使網頁色彩豐富。●商品導覽列皆於上方，以至於左右側乾淨清爽，也方便及時點選相關連結。
●以一頁式做為網頁板型，瀏覽順暢。
●當季熱門花卉主題使用大圖及文字排版，並連結到相關頁面，主題明確，並增添季節
感，使網頁色彩豐富。
頂戴格拉斯-清境民宿/http://www.dingdai.com.tw/about/
●導覽列隨時保持在上方位置，可隨時點閱其他連結。
●使用幻燈片效果介紹環境，可套用在當季花卉商品中，清楚了解近況優惠商品資訊。
作業網址：http://mepopedia.com/~css105-2c/hw04/hw04-1045445117/
Changed By: 松本.豪
Change Date: April 05, 2017 05:46PM
Re: [作業04]網頁排版設計 -以Photoshop製作Mockup與Prototype
Change Date: April 05, 2017 05:46PM
Re: [作業04]網頁排版設計 -以Photoshop製作Mockup與Prototype
(1)不優良網站名稱及網址：花世界花店/http://www.fasuje.com.tw/520new/new-(1).htm
欲修改地方：一時說不上來...有許多地方需要進行統合，因配色較為大膽，整體稍顯雜亂
●網頁無明顯主視覺及主配色，顯得沒有主題，可加以整合。
●網頁整體偏左，可調整置中，較為平衡。
●導覽列顏色可重新統整，或用相近色彩做成延續的概念，較有一致性。
●超連結底線可清除，字體較美觀。
●商品介紹頁面顏色可統一，不同列商品可分明的更詳細，或使用一頁式，分門別類逐步
展開。
●商品介紹頁面可直接使用圖片超連結，文字超連結可不用重複。
●商品圖片可統一尺寸，以免畫面雜亂。
●頑皮豹、多啦A夢以及跳跳小女人可以擇一，甚至發展屬於網頁本身的象徵物(吉祥物)。
●連絡我們及留言板可獨立一個版面，較為明顯。
●整體需有一個主配色，不同頁面色彩可因應不同商品而有所變化。
(2)優良網站名稱及網址：薰衣草森林/http://www.lavendercottage.com.tw/
●有個明確的主色系，整體色彩圍繞在薰衣草紫，畫面清新。
●畫面逐步引導觀看，清晰明瞭。
●曲線形導覽列搭配小動畫增添畫面活潑性，營造隨興自然的感覺。(2)優良網站名稱及網址：
薰衣草森林/http://www.lavendercottage.com.tw/
●有個明確的主色系，整體色彩圍繞在薰衣草紫，畫面清新。
●畫面逐步引導觀看，清晰明瞭。
●曲線形導覽列搭配小動畫增添畫面活潑性，營造隨興自然的感覺。
花寶愛花園(協和園藝)/http://shop.igarden.com.tw/
●商品導覽列皆於上方，清晰明瞭。
●以一頁式做為網頁板型，瀏覽順暢。
●當季熱門花卉主題使用大圖及文字排版，並連結到相關頁面，主題明確，並增添季節
感，使網頁色彩豐富。●商品導覽列皆於上方，以至於左右側乾淨清爽，也方便及時點選相關連結。
●以一頁式做為網頁板型，瀏覽順暢。
●當季熱門花卉主題使用大圖及文字排版，並連結到相關頁面，主題明確，並增添季節
感，使網頁色彩豐富。
頂戴格拉斯-清境民宿/http://www.dingdai.com.tw/about/
●導覽列隨時保持在上方位置，可隨時點閱其他連結。
●使用幻燈片效果介紹環境，可套用在當季花卉商品中，清楚了解近況優惠商品資訊。
作業網址：http://mepopedia.com/~css105-2c/hw04/hw04-1045445117/
欲修改地方：一時說不上來...有許多地方需要進行統合，因配色較為大膽，整體稍顯雜亂
●網頁無明顯主視覺及主配色，顯得沒有主題，可加以整合。
●網頁整體偏左，可調整置中，較為平衡。
●導覽列顏色可重新統整，或用相近色彩做成延續的概念，較有一致性。
●超連結底線可清除，字體較美觀。
●商品介紹頁面顏色可統一，不同列商品可分明的更詳細，或使用一頁式，分門別類逐步
展開。
●商品介紹頁面可直接使用圖片超連結，文字超連結可不用重複。
●商品圖片可統一尺寸，以免畫面雜亂。
●頑皮豹、多啦A夢以及跳跳小女人可以擇一，甚至發展屬於網頁本身的象徵物(吉祥物)。
●連絡我們及留言板可獨立一個版面，較為明顯。
●整體需有一個主配色，不同頁面色彩可因應不同商品而有所變化。
(2)優良網站名稱及網址：薰衣草森林/http://www.lavendercottage.com.tw/
●有個明確的主色系，整體色彩圍繞在薰衣草紫，畫面清新。
●畫面逐步引導觀看，清晰明瞭。
●曲線形導覽列搭配小動畫增添畫面活潑性，營造隨興自然的感覺。(2)優良網站名稱及網址：
薰衣草森林/http://www.lavendercottage.com.tw/
●有個明確的主色系，整體色彩圍繞在薰衣草紫，畫面清新。
●畫面逐步引導觀看，清晰明瞭。
●曲線形導覽列搭配小動畫增添畫面活潑性，營造隨興自然的感覺。
花寶愛花園(協和園藝)/http://shop.igarden.com.tw/
●商品導覽列皆於上方，清晰明瞭。
●以一頁式做為網頁板型，瀏覽順暢。
●當季熱門花卉主題使用大圖及文字排版，並連結到相關頁面，主題明確，並增添季節
感，使網頁色彩豐富。●商品導覽列皆於上方，以至於左右側乾淨清爽，也方便及時點選相關連結。
●以一頁式做為網頁板型，瀏覽順暢。
●當季熱門花卉主題使用大圖及文字排版，並連結到相關頁面，主題明確，並增添季節
感，使網頁色彩豐富。
頂戴格拉斯-清境民宿/http://www.dingdai.com.tw/about/
●導覽列隨時保持在上方位置，可隨時點閱其他連結。
●使用幻燈片效果介紹環境，可套用在當季花卉商品中，清楚了解近況優惠商品資訊。
作業網址：http://mepopedia.com/~css105-2c/hw04/hw04-1045445117/
Changed By: 松本.豪
Change Date: April 05, 2017 08:59AM
Re: [作業04]網頁排版設計 -以Photoshop製作Mockup與Prototype
Change Date: April 05, 2017 08:59AM
Re: [作業04]網頁排版設計 -以Photoshop製作Mockup與Prototype
(1)原不優良網站名稱及網址：花世界花店/http://www.fasuje.com.tw/520new/new-(1).htm
欲修改地方：一時說不上來...有許多地方需要進行統合，因配色較為大膽，整體稍顯雜亂
●網頁無明顯主視覺及主配色，顯得沒有主題，可加以整合。
●網頁整體偏左，可調整置中，較為平衡。
●導覽列顏色可重新統整，或用相近色彩做成延續的概念，較有一致性。
●超連結底線可清除，字體較美觀。
●商品介紹頁面顏色可統一，不同列商品可分明的更詳細，或使用一頁式，分門別類逐步
展開。
●商品介紹頁面可直接使用圖片超連結，文字超連結可不用重複。
●商品圖片可統一尺寸，以免畫面雜亂。
●頑皮豹、多啦A夢以及跳跳小女人可以擇一，甚至發展屬於網頁本身的象徵物(吉祥物)。
●連絡我們及留言板可獨立一個版面，較為明顯。
●整體需有一個主配色，不同頁面色彩可因應不同商品而有所變化。
(2)參考網站網址與網站名稱：http://www.lavendercottage.com.tw/(2)優良網站名稱及網址：薰衣草森林/http://www.lavendercottage.com.tw/
●有個明確的主色系，整體色彩圍繞在薰衣草紫，畫面清新。
●畫面逐步引導觀看，清晰明瞭。
●曲線形導覽列搭配小動畫增添畫面活潑性，營造隨興自然的感覺。(2)優良網站名稱及網址：
薰衣草森林/http://www.lavendercottage.com.tw/
●有個明確的主色系，整體色彩圍繞在薰衣草紫，畫面清新。
●畫面逐步引導觀看，清晰明瞭。
●曲線形導覽列搭配小動畫增添畫面活潑性，營造隨興自然的感覺。
花寶愛花園(協和園藝)/http://shop.igarden.com.tw/
●商品導覽列皆於上方，清晰明瞭。
●以一頁式做為網頁板型，瀏覽順暢。
●當季熱門花卉主題使用大圖及文字排版，並連結到相關頁面，主題明確，並增添季節
感，使網頁色彩豐富。●商品導覽列皆於上方，以至於左右側乾淨清爽，也方便及時點選相關連結。
●以一頁式做為網頁板型，瀏覽順暢。
●當季熱門花卉主題使用大圖及文字排版，並連結到相關頁面，主題明確，並增添季節
感，使網頁色彩豐富。
頂戴格拉斯-清境民宿/http://www.dingdai.com.tw/about/
●導覽列隨時保持在上方位置，可隨時點閱其他連結。
●使用幻燈片效果介紹環境，可套用在當季花卉商品中，清楚了解近況優惠商品資訊。
作業網址：http://mepopedia.com/~css105-2c/hw04/hw04-1045445117/
欲修改地方：一時說不上來...有許多地方需要進行統合，因配色較為大膽，整體稍顯雜亂
●網頁無明顯主視覺及主配色，顯得沒有主題，可加以整合。
●網頁整體偏左，可調整置中，較為平衡。
●導覽列顏色可重新統整，或用相近色彩做成延續的概念，較有一致性。
●超連結底線可清除，字體較美觀。
●商品介紹頁面顏色可統一，不同列商品可分明的更詳細，或使用一頁式，分門別類逐步
展開。
●商品介紹頁面可直接使用圖片超連結，文字超連結可不用重複。
●商品圖片可統一尺寸，以免畫面雜亂。
●頑皮豹、多啦A夢以及跳跳小女人可以擇一，甚至發展屬於網頁本身的象徵物(吉祥物)。
●連絡我們及留言板可獨立一個版面，較為明顯。
●整體需有一個主配色，不同頁面色彩可因應不同商品而有所變化。
(2)參考網站網址與網站名稱：http://www.lavendercottage.com.tw/(2)優良網站名稱及網址：薰衣草森林/http://www.lavendercottage.com.tw/
●有個明確的主色系，整體色彩圍繞在薰衣草紫，畫面清新。
●畫面逐步引導觀看，清晰明瞭。
●曲線形導覽列搭配小動畫增添畫面活潑性，營造隨興自然的感覺。(2)優良網站名稱及網址：
薰衣草森林/http://www.lavendercottage.com.tw/
●有個明確的主色系，整體色彩圍繞在薰衣草紫，畫面清新。
●畫面逐步引導觀看，清晰明瞭。
●曲線形導覽列搭配小動畫增添畫面活潑性，營造隨興自然的感覺。
花寶愛花園(協和園藝)/http://shop.igarden.com.tw/
●商品導覽列皆於上方，清晰明瞭。
●以一頁式做為網頁板型，瀏覽順暢。
●當季熱門花卉主題使用大圖及文字排版，並連結到相關頁面，主題明確，並增添季節
感，使網頁色彩豐富。●商品導覽列皆於上方，以至於左右側乾淨清爽，也方便及時點選相關連結。
●以一頁式做為網頁板型，瀏覽順暢。
●當季熱門花卉主題使用大圖及文字排版，並連結到相關頁面，主題明確，並增添季節
感，使網頁色彩豐富。
頂戴格拉斯-清境民宿/http://www.dingdai.com.tw/about/
●導覽列隨時保持在上方位置，可隨時點閱其他連結。
●使用幻燈片效果介紹環境，可套用在當季花卉商品中，清楚了解近況優惠商品資訊。
作業網址：http://mepopedia.com/~css105-2c/hw04/hw04-1045445117/
Changed By: 松本.豪
Change Date: March 31, 2017 10:47PM
Re: [作業04]網頁排版設計 -以Photoshop製作Mockup與Prototype
Change Date: March 31, 2017 10:47PM
Re: [作業04]網頁排版設計 -以Photoshop製作Mockup與Prototype
(1)原網站名稱及網址：花世界花店/http://www.fasuje.com.tw/520new/new-(1).htm
欲修改地方：一時說不上來...有許多地方需要進行統合，因配色較為大膽，整體稍顯雜亂
●網頁無明顯主視覺及主配色，顯得沒有主題，可加以整合。
●網頁整體偏左，可調整置中，較為平衡。
●導覽列顏色可重新統整，或用相近色彩做成延續的概念，較有一致性。
●超連結底線可清除，字體較美觀。
●商品介紹頁面顏色可統一，不同列商品可分明的更詳細，或使用一頁式，分門別類逐步
展開。
●商品介紹頁面可直接使用圖片超連結，文字超連結可不用重複。
●商品圖片可統一尺寸，以免畫面雜亂。
●頑皮豹、多啦A夢以及跳跳小女人可以擇一，甚至發展屬於網頁本身的象徵物(
(2)參考網站網址與網站名稱：http://www.lavendercottage.com.tw/吉祥物)。
●連絡我們及留言板可獨立一個版面，較為明顯。
●整體需有一個主配色，不同頁面色彩可因應不同商品而有所變化。
(2)參考網站網址與網站名稱：http://www.lavendercottage.com.tw/(2)優良網站名稱及網址：薰衣草森林/http://www.lavendercottage.com.tw/
●有個明確的主色系，整體色彩圍繞在薰衣草紫，畫面清新。
●畫面逐步引導觀看，清晰明瞭。
●曲線形導覽列搭配小動畫增添畫面活潑性，營造隨興自然的感覺。(2)優良網站名稱及網址：
薰衣草森林/http://www.lavendercottage.com.tw/
●有個明確的主色系，整體色彩圍繞在薰衣草紫，畫面清新。
●畫面逐步引導觀看，清晰明瞭。
●曲線形導覽列搭配小動畫增添畫面活潑性，營造隨興自然的感覺。
花寶愛花園(協和園藝)/http://shop.igarden.com.tw/
●商品導覽列皆於上方，清晰明瞭。
●以一頁式做為網頁板型，瀏覽順暢。
●當季熱門花卉主題使用大圖及文字排版，並連結到相關頁面，主題明確，並增添季節
感，使網頁色彩豐富。●商品導覽列皆於上方，以至於左右側乾淨清爽，也方便及時點選相關連結。
●以一頁式做為網頁板型，瀏覽順暢。
●當季熱門花卉主題使用大圖及文字排版，並連結到相關頁面，主題明確，並增添季節
感，使網頁色彩豐富。
頂戴格拉斯-清境民宿/http://www.dingdai.com.tw/about/
●導覽列隨時保持在上方位置，可隨時點閱其他連結。
●使用幻燈片效果介紹環境，可套用在當季花卉商品中，清楚了解近況優惠商品資訊。
作業網址：http://mepopedia.com/~css105-2c/hw04/hw04-1045445117/
欲修改地方：一時說不上來...有許多地方需要進行統合，因配色較為大膽，整體稍顯雜亂
●網頁無明顯主視覺及主配色，顯得沒有主題，可加以整合。
●網頁整體偏左，可調整置中，較為平衡。
●導覽列顏色可重新統整，或用相近色彩做成延續的概念，較有一致性。
●超連結底線可清除，字體較美觀。
●商品介紹頁面顏色可統一，不同列商品可分明的更詳細，或使用一頁式，分門別類逐步
展開。
●商品介紹頁面可直接使用圖片超連結，文字超連結可不用重複。
●商品圖片可統一尺寸，以免畫面雜亂。
●頑皮豹、多啦A夢以及跳跳小女人可以擇一，甚至發展屬於網頁本身的象徵物(
(2)參考網站網址與網站名稱：http://www.lavendercottage.com.tw/吉祥物)。
●連絡我們及留言板可獨立一個版面，較為明顯。
●整體需有一個主配色，不同頁面色彩可因應不同商品而有所變化。
(2)參考網站網址與網站名稱：http://www.lavendercottage.com.tw/(2)優良網站名稱及網址：薰衣草森林/http://www.lavendercottage.com.tw/
●有個明確的主色系，整體色彩圍繞在薰衣草紫，畫面清新。
●畫面逐步引導觀看，清晰明瞭。
●曲線形導覽列搭配小動畫增添畫面活潑性，營造隨興自然的感覺。(2)優良網站名稱及網址：
薰衣草森林/http://www.lavendercottage.com.tw/
●有個明確的主色系，整體色彩圍繞在薰衣草紫，畫面清新。
●畫面逐步引導觀看，清晰明瞭。
●曲線形導覽列搭配小動畫增添畫面活潑性，營造隨興自然的感覺。
花寶愛花園(協和園藝)/http://shop.igarden.com.tw/
●商品導覽列皆於上方，清晰明瞭。
●以一頁式做為網頁板型，瀏覽順暢。
●當季熱門花卉主題使用大圖及文字排版，並連結到相關頁面，主題明確，並增添季節
感，使網頁色彩豐富。●商品導覽列皆於上方，以至於左右側乾淨清爽，也方便及時點選相關連結。
●以一頁式做為網頁板型，瀏覽順暢。
●當季熱門花卉主題使用大圖及文字排版，並連結到相關頁面，主題明確，並增添季節
感，使網頁色彩豐富。
頂戴格拉斯-清境民宿/http://www.dingdai.com.tw/about/
●導覽列隨時保持在上方位置，可隨時點閱其他連結。
●使用幻燈片效果介紹環境，可套用在當季花卉商品中，清楚了解近況優惠商品資訊。
作業網址：http://mepopedia.com/~css105-2c/hw04/hw04-1045445117/
Changed By: 松本.豪
Change Date: March 31, 2017 10:44PM
Re: [作業04]網頁排版設計 -以Photoshop製作Mockup與Prototype
Change Date: March 31, 2017 10:44PM
Re: [作業04]網頁排版設計 -以Photoshop製作Mockup與Prototype
(1)原網站名稱及網址：花世界花店/http://www.fasuje.com.tw/520new/new-(1).htm
欲修改地方：一時說不上來...有許多地方需要進行統合，因配色較為大膽，整體稍顯雜亂
●網頁無明顯主視覺及主配色，顯得沒有主題，可加以整合。
●網頁整體偏左，可調整置中，較為平衡。
●導覽列顏色可重新統整，或用相近色彩做成延續的概念，較有一致性。
●超連結底線可清除，字體較美觀。
●商品介紹頁面顏色可統一，不同列商品可分明的更詳細，或使用一頁式，分門別類逐步
展開。
●商品介紹頁面可直接使用圖片超連結，文字超連結可
(2)參考網站網址與網站名稱：http://www.lavendercottage.com.tw/不用重複。
●商品圖片可統一尺寸，以免畫面雜亂。
●頑皮豹、多啦A夢以及跳跳小女人可以擇一，甚至發展屬於網頁本身的象徵物(
(2)參考網站網址與網站名稱：http://www.lavendercottage.com.tw/吉祥物)。
●連絡我們及留言板可獨立一個版面，較為明顯。
●整體需有一個主配色，不同頁面色彩可因應不同商品而有所變化。
(2)參考網站網址與網站名稱：http://www.lavendercottage.com.tw/(2)優良網站名稱及網址：薰衣草森林/http://www.lavendercottage.com.tw/
●有個明確的主色系，整體色彩圍繞在薰衣草紫，畫面清新。
●畫面逐步引導觀看，清晰明瞭。
●曲線形導覽列搭配小動畫增添畫面活潑性，營造隨興自然的感覺。(2)優良網站名稱及網址：
薰衣草森林/http://www.lavendercottage.com.tw/
●有個明確的主色系，整體色彩圍繞在薰衣草紫，畫面清新。
●畫面逐步引導觀看，清晰明瞭。
●曲線形導覽列搭配小動畫增添畫面活潑性，營造隨興自然的感覺。
花寶愛花園(協和園藝)/http://shop.igarden.com.tw/
●商品導覽列皆於上方，清晰明瞭。
●以一頁式做為網頁板型，瀏覽順暢。
●當季熱門花卉主題使用大圖及文字排版，並連結到相關頁面，主題明確，並增添季節
感，使網頁色彩豐富。●商品導覽列皆於上方，以至於左右側乾淨清爽，也方便及時點選相關連結。
●以一頁式做為網頁板型，瀏覽順暢。
●當季熱門花卉主題使用大圖及文字排版，並連結到相關頁面，主題明確，並增添季節
感，使網頁色彩豐富。
頂戴格拉斯-清境民宿/http://www.dingdai.com.tw/about/
●導覽列隨時保持在上方位置，可隨時點閱其他連結。
●使用幻燈片效果介紹環境，可套用在當季花卉商品中，清楚了解近況優惠商品資訊。
作業網址：http://mepopedia.com/~css105-2c/hw04/hw04-1045445117/
欲修改地方：一時說不上來...有許多地方需要進行統合，因配色較為大膽，整體稍顯雜亂
●網頁無明顯主視覺及主配色，顯得沒有主題，可加以整合。
●網頁整體偏左，可調整置中，較為平衡。
●導覽列顏色可重新統整，或用相近色彩做成延續的概念，較有一致性。
●超連結底線可清除，字體較美觀。
●商品介紹頁面顏色可統一，不同列商品可分明的更詳細，或使用一頁式，分門別類逐步
展開。
●商品介紹頁面可直接使用圖片超連結，文字超連結可
(2)參考網站網址與網站名稱：http://www.lavendercottage.com.tw/不用重複。
●商品圖片可統一尺寸，以免畫面雜亂。
●頑皮豹、多啦A夢以及跳跳小女人可以擇一，甚至發展屬於網頁本身的象徵物(
(2)參考網站網址與網站名稱：http://www.lavendercottage.com.tw/吉祥物)。
●連絡我們及留言板可獨立一個版面，較為明顯。
●整體需有一個主配色，不同頁面色彩可因應不同商品而有所變化。
(2)參考網站網址與網站名稱：http://www.lavendercottage.com.tw/(2)優良網站名稱及網址：薰衣草森林/http://www.lavendercottage.com.tw/
●有個明確的主色系，整體色彩圍繞在薰衣草紫，畫面清新。
●畫面逐步引導觀看，清晰明瞭。
●曲線形導覽列搭配小動畫增添畫面活潑性，營造隨興自然的感覺。(2)優良網站名稱及網址：
薰衣草森林/http://www.lavendercottage.com.tw/
●有個明確的主色系，整體色彩圍繞在薰衣草紫，畫面清新。
●畫面逐步引導觀看，清晰明瞭。
●曲線形導覽列搭配小動畫增添畫面活潑性，營造隨興自然的感覺。
花寶愛花園(協和園藝)/http://shop.igarden.com.tw/
●商品導覽列皆於上方，清晰明瞭。
●以一頁式做為網頁板型，瀏覽順暢。
●當季熱門花卉主題使用大圖及文字排版，並連結到相關頁面，主題明確，並增添季節
感，使網頁色彩豐富。●商品導覽列皆於上方，以至於左右側乾淨清爽，也方便及時點選相關連結。
●以一頁式做為網頁板型，瀏覽順暢。
●當季熱門花卉主題使用大圖及文字排版，並連結到相關頁面，主題明確，並增添季節
感，使網頁色彩豐富。
頂戴格拉斯-清境民宿/http://www.dingdai.com.tw/about/
●導覽列隨時保持在上方位置，可隨時點閱其他連結。
●使用幻燈片效果介紹環境，可套用在當季花卉商品中，清楚了解近況優惠商品資訊。
作業網址：http://mepopedia.com/~css105-2c/hw04/hw04-1045445117/
Changed By: 松本.豪
Change Date: March 31, 2017 10:40PM
Re: [作業04]網頁排版設計 -以Photoshop製作Mockup與Prototype
Change Date: March 31, 2017 10:40PM
Re: [作業04]網頁排版設計 -以Photoshop製作Mockup與Prototype
(1)原網站名稱及網址：花世界花店/http://www.fasuje.com.tw/520new/new-(1).htm
欲修改地方：一時說不上來...有許多地方需要進行統合，因配色較為大膽，整網頁整體偏左，需要調整，
面顏色可統一，不同列商品可分明的更詳細，或使用一頁式，分門別類逐步
展開。
●商品介紹頁面可直接使用圖片超連結，文字超連結可不用重複。
相近色彩做成延續的概念，較有一致性。
●超連結底線可清除，字體較美觀。
●商品介紹頁面顏色可統一，不同列商品可分明的更詳細，或使用一頁式，分門別類逐步
展開。
●商品介紹頁面可直接使用圖片超連結，文字超連結可
(2)參考網站網址與網站名稱：http://www.lavendercottage.com.tw/不用重複。
●商品圖片可統一尺寸，以免畫面雜亂。
●頑皮豹、多啦A夢以及跳跳小女人可以擇一，甚至發展屬於網頁本身的象徵物(
(2)參考網站網址與網站名稱：http://www.lavendercottage.com.tw/吉祥物)。
●連絡我們及留言板可獨立一個版面，較為明顯。
●整體需有一個主配色，不同頁面色彩可因應不同商品而有所變化。
(2)參考網站網址與網站名稱：http://www.lavendercottage.com.tw/(2)優良網站名稱及網址：薰衣草森林/http://www.lavendercottage.com.tw/
●有個明確的主色系，整體色彩圍繞在薰衣草紫，畫面清新。
●畫面逐步引導觀看，清晰明瞭。
●曲線形導覽列搭配小動畫增添畫面活潑性，營造隨興自然的感覺。(2)優良網站名稱及網址：
薰衣草森林/http://www.lavendercottage.com.tw/
●有個明確的主色系，整體色彩圍繞在薰衣草紫，畫面清新。
●畫面逐步引導觀看，清晰明瞭。
●曲線形導覽列搭配小動畫增添畫面活潑性，營造隨興自然的感覺。
花寶愛花園(協和園藝)/http://shop.igarden.com.tw/
●商品導覽列皆於上方，清晰明瞭。
●以一頁式做為網頁板型，瀏覽順暢。
●當季熱門花卉主題使用大圖及文字排版，並連結到相關頁面，主題明確，並增添季節
感，使網頁色彩豐富。●商品導覽列皆於上方，以至於左右側乾淨清爽，也方便及時點選相關連結。
●以一頁式做為網頁板型，瀏覽順暢。
●當季熱門花卉主題使用大圖及文字排版，並連結到相關頁面，主題明確，並增添季節
感，使網頁色彩豐富。
頂戴格拉斯-清境民宿/http://www.dingdai.com.tw/about/
●導覽列隨時保持在上方位置，可隨時點閱其他連結。
●使用幻燈片效果介紹環境，可套用在當季花卉商品中，清楚了解近況優惠商品資訊。
作業網址：http://mepopedia.com/~css105-2c/hw04/hw04-1045445117/
欲修改地方：一時說不上來...有許多地方需要進行統合，因配色較為大膽，整網頁整體偏左，需要調整，
面顏色可統一，不同列商品可分明的更詳細，或使用一頁式，分門別類逐步
展開。
●商品介紹頁面可直接使用圖片超連結，文字超連結可不用重複。
相近色彩做成延續的概念，較有一致性。
●超連結底線可清除，字體較美觀。
●商品介紹頁面顏色可統一，不同列商品可分明的更詳細，或使用一頁式，分門別類逐步
展開。
●商品介紹頁面可直接使用圖片超連結，文字超連結可
(2)參考網站網址與網站名稱：http://www.lavendercottage.com.tw/不用重複。
●商品圖片可統一尺寸，以免畫面雜亂。
●頑皮豹、多啦A夢以及跳跳小女人可以擇一，甚至發展屬於網頁本身的象徵物(
(2)參考網站網址與網站名稱：http://www.lavendercottage.com.tw/吉祥物)。
●連絡我們及留言板可獨立一個版面，較為明顯。
●整體需有一個主配色，不同頁面色彩可因應不同商品而有所變化。
(2)參考網站網址與網站名稱：http://www.lavendercottage.com.tw/(2)優良網站名稱及網址：薰衣草森林/http://www.lavendercottage.com.tw/
●有個明確的主色系，整體色彩圍繞在薰衣草紫，畫面清新。
●畫面逐步引導觀看，清晰明瞭。
●曲線形導覽列搭配小動畫增添畫面活潑性，營造隨興自然的感覺。(2)優良網站名稱及網址：
薰衣草森林/http://www.lavendercottage.com.tw/
●有個明確的主色系，整體色彩圍繞在薰衣草紫，畫面清新。
●畫面逐步引導觀看，清晰明瞭。
●曲線形導覽列搭配小動畫增添畫面活潑性，營造隨興自然的感覺。
花寶愛花園(協和園藝)/http://shop.igarden.com.tw/
●商品導覽列皆於上方，清晰明瞭。
●以一頁式做為網頁板型，瀏覽順暢。
●當季熱門花卉主題使用大圖及文字排版，並連結到相關頁面，主題明確，並增添季節
感，使網頁色彩豐富。●商品導覽列皆於上方，以至於左右側乾淨清爽，也方便及時點選相關連結。
●以一頁式做為網頁板型，瀏覽順暢。
●當季熱門花卉主題使用大圖及文字排版，並連結到相關頁面，主題明確，並增添季節
感，使網頁色彩豐富。
頂戴格拉斯-清境民宿/http://www.dingdai.com.tw/about/
●導覽列隨時保持在上方位置，可隨時點閱其他連結。
●使用幻燈片效果介紹環境，可套用在當季花卉商品中，清楚了解近況優惠商品資訊。
作業網址：http://mepopedia.com/~css105-2c/hw04/hw04-1045445117/
Changed By: 松本.豪
Change Date: March 31, 2017 10:32PM
Re: [作業04]網頁排版設計 -以Photoshop製作Mockup與Prototype
Change Date: March 31, 2017 10:32PM
Re: [作業04]網頁排版設計 -以Photoshop製作Mockup與Prototype
Changed By: 松本.豪
Change Date: March 31, 2017 10:29PM
Re: [作業04]網頁排版設計 -以Photoshop製作Mockup與Prototype
Change Date: March 31, 2017 10:29PM
Re: [作業04]網頁排版設計 -以Photoshop製作Mockup與Prototype
Changed By: 松本.豪
Change Date: March 31, 2017 10:27PM
Re: [作業04]網頁排版設計 -以Photoshop製作Mockup與Prototype
Change Date: March 31, 2017 10:27PM
Re: [作業04]網頁排版設計 -以Photoshop製作Mockup與Prototype
Original Message
作者: 松本.豪Date: March 31, 2017 10:25PM
Re: [作業04]網頁排版設計 -以Photoshop製作Mockup與Prototype
(1)原網站名稱及網址：花世界花店/http://www.fasuje.com.tw/520new/new-(1(2)參考網站網址與網站名稱：htt(2)參考網站網f108改地方：
網頁整體偏左，需要調整，
相近色彩做成延續的概念，較有一致性。
●超連結底線可清除，字體較美觀。
●商品介紹頁面顏色可統一，不同列商品可分明的更詳細，或使用一頁式，分門別類逐步
展開。
●商品介紹頁面可直接使用圖片超連結，文字超連結可
(2)參考網站網址與網站名稱：http://www.lavendercottage.com.tw/不用重複。
●商品圖片可統一尺寸，以免畫面雜亂。
●頑皮豹、多啦A夢以及跳跳小女人可以擇一，甚至發展屬於網頁本身的象徵物(
(2)參考網站網址與網站名稱：http://www.lavendercottage.com.tw/吉祥物)。
●連絡我們及留言板可獨立一個版面，較為明顯。
●整體需有一個主配色，不同頁面色彩可因應不同商品而有所變化。
(2)參考網站網址與網站名稱：http://www.lavendercottage.com.tw/(2)優良網站名稱及網址：薰衣草森林/http://www.lavendercottage.com.tw/
●有個明確的主色系，整體色彩圍繞在薰衣草紫，畫面清新。
●畫面逐步引導觀看，清晰明瞭。
●曲線形導覽列搭配小動畫增添畫面活潑性，營造隨興自然的感覺。(2)優良網站名稱及網址：
薰衣草森林/http://www.lavendercottage.com.tw/
●有個明確的主色系，整體色彩圍繞在薰衣草紫，畫面清新。
●畫面逐步引導觀看，清晰明瞭。
●曲線形導覽列搭配小動畫增添畫面活潑性，營造隨興自然的感覺。
花寶愛花園(協和園藝)/http://shop.igarden.com.tw/
●商品導覽列皆於上方，清晰明瞭。
●以一頁式做為網頁板型，瀏覽順暢。
●當季熱門花卉主題使用大圖及文字排版，並連結到相關頁面，主題明確，並增添季節
感，使網頁色彩豐富。●商品導覽列皆於上方，以至於左右側乾淨清爽，也方便及時點選相關連結。
●以一頁式做為網頁板型，瀏覽順暢。
●當季熱門花卉主題使用大圖及文字排版，並連結到相關頁面，主題明確，並增添季節
感，使網頁色彩豐富。
頂戴格拉斯-清境民宿/http://www.dingdai.com.tw/about/
●導覽列隨時保持在上方位置，可隨時點閱其他連結。
●使用幻燈片效果介紹環境，可套用在當季花卉商品中，清楚了解近況優惠商品資訊。
作業網址：http://mepopedia.com/~css105-2c/hw04/hw04-1045445117/
網頁整體偏左，需要調整，
相近色彩做成延續的概念，較有一致性。
●超連結底線可清除，字體較美觀。
●商品介紹頁面顏色可統一，不同列商品可分明的更詳細，或使用一頁式，分門別類逐步
展開。
●商品介紹頁面可直接使用圖片超連結，文字超連結可
(2)參考網站網址與網站名稱：http://www.lavendercottage.com.tw/不用重複。
●商品圖片可統一尺寸，以免畫面雜亂。
●頑皮豹、多啦A夢以及跳跳小女人可以擇一，甚至發展屬於網頁本身的象徵物(
(2)參考網站網址與網站名稱：http://www.lavendercottage.com.tw/吉祥物)。
●連絡我們及留言板可獨立一個版面，較為明顯。
●整體需有一個主配色，不同頁面色彩可因應不同商品而有所變化。
(2)參考網站網址與網站名稱：http://www.lavendercottage.com.tw/(2)優良網站名稱及網址：薰衣草森林/http://www.lavendercottage.com.tw/
●有個明確的主色系，整體色彩圍繞在薰衣草紫，畫面清新。
●畫面逐步引導觀看，清晰明瞭。
●曲線形導覽列搭配小動畫增添畫面活潑性，營造隨興自然的感覺。(2)優良網站名稱及網址：
薰衣草森林/http://www.lavendercottage.com.tw/
●有個明確的主色系，整體色彩圍繞在薰衣草紫，畫面清新。
●畫面逐步引導觀看，清晰明瞭。
●曲線形導覽列搭配小動畫增添畫面活潑性，營造隨興自然的感覺。
花寶愛花園(協和園藝)/http://shop.igarden.com.tw/
●商品導覽列皆於上方，清晰明瞭。
●以一頁式做為網頁板型，瀏覽順暢。
●當季熱門花卉主題使用大圖及文字排版，並連結到相關頁面，主題明確，並增添季節
感，使網頁色彩豐富。●商品導覽列皆於上方，以至於左右側乾淨清爽，也方便及時點選相關連結。
●以一頁式做為網頁板型，瀏覽順暢。
●當季熱門花卉主題使用大圖及文字排版，並連結到相關頁面，主題明確，並增添季節
感，使網頁色彩豐富。
頂戴格拉斯-清境民宿/http://www.dingdai.com.tw/about/
●導覽列隨時保持在上方位置，可隨時點閱其他連結。
●使用幻燈片效果介紹環境，可套用在當季花卉商品中，清楚了解近況優惠商品資訊。
作業網址：http://mepopedia.com/~css105-2c/hw04/hw04-1045445117/
MEPO forum
is powered by Phorum.