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

Advanced

Change History

Message: Re: [作業04]網頁排版設計-以Photoshop製作Mockup與Prototype

Changed By: kiki2007810
Change Date: June 14, 2017 02:02AM

Re: [作業04]網頁排版設計-以Photoshop製作Mockup與Prototype
作業網址:http://mepopedia.com/~css105-2b/hw04/hw04-1045445056

(1)原網站名稱及網址:
麥當勞歡樂送:https://www.mcdelivery.com.tw/tw/home.html
修改的原因:
*很沒質感的網站
*很普通且沒設計感
*屬於較舊型的排版

(2)參考網站名稱與網址:
Tradestone Confections:https://tradestoneconfections.com/
參考的原因:
*排版很有質感
*風格清新簡單
*讓人一目了然
*視覺閱讀上也很輕鬆

(3)色彩計畫:以白色為背景,襯托食物的色彩。
(4)風格特色:簡約,清新

(5)製作時請特別注意以下數值,並比較與平面排版之差異:
字體設定(font-family)
導覽列:15px
內文級數:15px(小標題)12px(內文)
網站寬度:960px

(6)製作心得:做完之後發現排版真的很重要,有關視覺上的美感和閱讀者的感受,
而且用ps製作網頁真的輕鬆很多,雖然dw還是製作網頁的主要軟體。這次的作業讓我學到很多。

大標題:原LOGO
導覽列:微軟正黑體
副標題:微軟正黑體
內文:微軟正黑體

導覽列:15px
內文級數:15px(小標題)12px(內文)
網站寬度:960px

(6)製作心得:做完之後發現排版真的很重要,有關視覺上的美感和閱讀者的感受,
而且用ps製作網頁真的輕鬆很多,雖然dw還是製作網頁的主要軟體。這次的作業讓我學到很多。

Original Message

作者: kiki2007810
Date: June 14, 2017 02:00AM

Re: [作業04]網頁排版設計-以Photoshop製作Mockup與Prototype
作業網址:http://mepopedia.com/~css105-2b/hw04/hw04-1045445056

(1)原網站名稱及網址:
麥當勞歡樂送:https://www.mcdelivery.com.tw/tw/home.html
修改的原因:
*很沒質感的網站
*很普通且沒設計感
*屬於較舊型的排版

(2)參考網站名稱與網址:
Tradestone Confections:https://tradestoneconfections.com/
參考的原因:
*排版很有質感
*風格清新簡單
*讓人一目了然
*視覺閱讀上也很輕鬆

(3)色彩計畫:以白色為背景,襯托食物的色彩。
(4)風格特色:簡約,清新

(5)製作時請特別注意以下數值,並比較與平面排版之差異:
字體設定(font-family)
導覽列:15px
內文級數:15px(小標題)12px(內文)
網站寬度:960px

(6)製作心得:做完之後發現排版真的很重要,有關視覺上的美感和閱讀者的感受,
而且用ps製作網頁真的輕鬆很多,雖然dw還是製作網頁的主要軟體。這次的作業讓我學到很多。
大標題:原LOGO
導覽列:微軟正黑體
副標題:微軟正黑體
內文:微軟正黑體

導覽列:15px
內文級數:15px(小標題)12px(內文)
網站寬度:960px

(6)製作心得:做完之後發現排版真的很重要,有關視覺上的美感和閱讀者的感受,
而且用ps製作網頁真的輕鬆很多,雖然dw還是製作網頁的主要軟體。這次的作業讓我學到很多。