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

Advanced

Change History

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

Changed By: 1045445188
Change Date: May 04, 2017 10:31PM

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

(1)原網站名稱及網址:
UNIQLO http://www.uniqlo.com/tw/
修改的原因:
|下方資訊看起來有點亂
|配色較單調
|整體看起來較沒特色

(2)參考網站名稱與網址:
Susie Cakes http://susiecakes.com/about/
參考的原因:
|配色簡單,舒適
|字體搭配得宜
|導覽列簡單舒服
|整體看起來很活潑,符合主題

Whippy Cake https://whippycake.com/
參考的原因:
|配色俐落大方,很有個性
|照片的排版很簡單又有質感
|整體架構編排都很清楚

(3)色彩計畫:以白、紅為主色調,灰色為輔助色彩

(4)風格特色:呈現簡約舒適的感覺

(5)製作時請特別注意以下數值,並比較與平面排版之差異:
字體設定
大標題:華康粗黑體
導覽列:華康粗黑體
副標題:華康新特黑體
內文:微軟正黑體

大標題級數 :55pt
文章標題級數 :30pt
內文級數:12px
網站寬度:1349px

(6)製作心得:第一次用ps來做網頁的主視覺,覺得很累,因為東西很多,一個一個排還真累人,
終於把它做完了。
Changed By: 1045445188
Change Date: April 30, 2017 06:28PM

Re: [作業04]網頁排版設計-以Photoshop製作Mockup與Prototype
(1)原網站名稱及網址:
UNIQLOhttp://www.UNIQLO http://store/feature/kids/boys/outer/

ww.uniqlo.com/tw/
修改的原因:
|下方資訊看起來有點亂
|配色較單調
|整體看起來較沒特色

(2)參考網站名稱與網址:
Susie Cakes http://susiecakes.com/about/
參考的原因:
|配色簡單,舒適
|字體搭配得宜
|導覽列簡單舒服
|整體看起來很活潑,符合主題

Whippy Cake https://whippycake.com/
參考的原因:
|配色俐落大方,很有個性
|照片的排版很簡單又有質感
|整體架構編排都很清楚

(3)色彩計畫:以白、紅為主色調,灰色為輔助色彩

(4)風格特色:呈現簡約舒適的感覺

(5)製作時請特別注意以下數值,並比較與平面排版之差異:
字體設定
大標題:華康粗黑體
導覽列:華康粗黑體
副標題:華康新特黑體
內文:微軟正黑體

大標題級數 :55pt
文章標題級數 :30pt
內文級數:12px
網站寬度:1349px

(6)製作心得:第一次用ps來做網頁的主視覺,覺得很累,因為東西很多,一個一個排還真累人,
終於把它做完了。
Changed By: 1045445188
Change Date: April 30, 2017 06:28PM

Re: [作業04]網頁排版設計-以Photoshop製作Mockup與Prototype
(1)原網站名稱及網址:
FM時尚美鞋https://www.fmshoesniqloOhtt./://m/PDList2.asp?ob=A
store/feature/kids/boys/outer/
/kids/bo|畫面整體偏左,在瀏覽上較不便
|導覽列可以在小一點
|下列可以移動的導覽列太大
|配色較單調removal]字型都偏大

niqlo.com/tw/
修改的原因:
|下方資訊看起來有點亂
|配色較單調
|整體看起來較沒特色

(2)參考網站名稱與網址:
Susie Cakes http://susiecakes.com/about/
參考的原因:
|配色簡單,舒適
|字體搭配得宜
|導覽列簡單舒服
|整體看起來很活潑,符合主題

Whippy Cake https://whippycake.com/
參考的原因:
|配色俐落大方,很有個性
|照片的排版很簡單又有質感
|整體架構編排都很清楚

(3)色彩計畫:以白、紅為主色調,灰色為輔助色彩

(4)風格特色:呈現簡約舒適的感覺

(5)製作時請特別注意以下數值,並比較與平面排版之差異:
字體設定
大標題:華康粗黑體
導覽列:華康粗黑體
副標題:華康新特黑體
內文:微軟正黑體

大標題級數 :55pt
文章標題級數 :30pt
內文級數:12px
網站寬度:1349px

(6)製作心得:第一次用ps來做網頁的主視覺,覺得很累,因為東西很多,一個一個排還真累人,
終於把它做完了。
Changed By: 1045445188
Change Date: April 13, 2017 09:09PM

Re: [作業04]網頁排版設計-以Photoshop製作Mockup與Prototype
Changed By: 1045445188
Change Date: April 13, 2017 09:02PM

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

Original Message

作者: 1045445188
Date: April 12, 2017 01:30AM

Re: [作業04]網頁排版設計-以Photoshop製作Mockup與Prototype
(1)原網站名稱及網址:
巧克力專賣店‧可可府http://0227312609.tw.tranew美鞋https/
/PDList2|網頁沒有整體配色,沒有看圖的話,讓人感覺不出是在賣什麼
|標題太醜,完全沒有設計過,標題也有點太大也像完全沒調整過,字體過大
|連結的底線沒清除,感覺較粗糙
|沒有商品不便
|導覽列可以在小一點
|下列可以移動的導覽列太大偏大
niqlo.com/tw/
修改的原因:
TOKYOPLASTIChttp://www.tokyoplastices ht
usiecake|配色簡單,不會有過多的顏色
s.com/menu/
|下方資訊看起來有點亂
|配色較單調
|整體看起來較沒特色

(2)|每張圖滑鼠移過去都會有變暗的效果

花蓮民宿-玫瑰花園http://www.roseland.com.tw/
址:
Susie Cakes http:/|圖片背景搭配得宜,整體看起來很休閒舒服,符合主題
|導覽列簡單清楚
|每一頁都讓人有不同的感受體搭配得宜
|導覽列簡單舒服
|整體看起來很活潑,符合主題

Whippy Cake https://whippycake.com/
參考的原因:
|配色俐落大方,很有個性
|照片的排版很簡單又有質感
|整體架構編排都很清楚

(3)色彩計畫:以白、紅為主色調,灰色為輔助色彩

(4)風格特色:呈現簡約舒適的感覺

(5)製作時請特別注意以下數值,並比較與平面排版之差異:
字體設定
大標題:華康粗黑體
導覽列:華康粗黑體
副標題:華康新特黑體
內文:微軟正黑體

大標題級數 :55pt
文章標題級數 :30pt
內文級數:12px
網站寬度:1349px

(6)製作心得:第一次用ps來做網頁的主視覺,覺得很累,因為東西很多,一個一個排還真累人,
終於把它做完了。