效果圖制作并不難，都是一些常用的圖形及效果制作。不過需要很深的界面設(shè)計(jì)功底，要能根據(jù)用戶習(xí)慣，把一些最常用的功能用簡(jiǎn)潔的實(shí)用的方式表現(xiàn)出來。
最終效果
1、打開Photoshop并新建一個(gè)600*800
px 的新文件。
2、選擇“矩形工具”，創(chuàng)建一個(gè)大矩形，填充顏色#
920049。
3、創(chuàng)建一個(gè)新的圖層，并填充顏色# ffffff，減少填充到0%。添加模式，單擊圖層樣式>圖案疊加。
點(diǎn)這里下載圖案。
4、添加標(biāo)題文字「Tuesday」，顏色填充#ffffff。然后點(diǎn)擊圖層樣式>陰影，給文本添加一個(gè)細(xì)薄的影子。
5、添加「溫度」，重復(fù)相同的過程，給溫度文本添加陰影。
6、設(shè)置前景色為# ffffff并利用鋼筆工具來創(chuàng)建云形狀。
7、現(xiàn)在，點(diǎn)擊圖層樣式添加描邊、顏色疊加和投影。
8、選擇「多邊形工具」調(diào)整頂部設(shè)置創(chuàng)建太陽(yáng)，顏色為# fff691。并給下面這一層云添加描邊，填充顏色#ffba00。
9、現(xiàn)在讓我們開始細(xì)節(jié)面板。選擇一個(gè)新層，并將其置于圖案層后，選擇“矩形選框工具”創(chuàng)建一個(gè)小紙條，填充顏色#00bff3。
10、點(diǎn)擊圖層樣式>漸變疊加 ，添加圖層樣式。
11、創(chuàng)建另一個(gè)紙條，并填充顏色#1f2f4e。
12、現(xiàn)在讓我們添加文本和細(xì)節(jié)，第一條,所以選擇“橡皮擦工具”，調(diào)整畫筆的大小和形狀的刷板。參考底部的模式，選擇一個(gè)漂亮的樣式。
13、選擇“鋼筆工具”創(chuàng)建三角形，顏色#00bff3。并使用一個(gè)柔軟的圓形筆刷在底部描繪一個(gè)小的影子。
14、添加文字「More details」，填充顏色#ffffff。現(xiàn)在在右邊添加「更多」圖標(biāo)，然后給文字和圖標(biāo)添加一些陰影，設(shè)置如下。
15、繼續(xù)我們的導(dǎo)航創(chuàng)建。首先，我們將創(chuàng)建一些分隔線。選擇「直線工具」，畫1 px寬，前景顏色#00000的一直線。然后點(diǎn)擊圖層樣式>投影，樣式如下。
16、用“矩形工具”創(chuàng)建導(dǎo)航按鈕，在中間創(chuàng)建一個(gè)矩形，顏色#88022e，然后添加投影。如下圖。
17、添加導(dǎo)航文本，然后給文本添加一些投影。
18、將其余圖標(biāo)（用以上相同的方式創(chuàng)建了云、太陽(yáng)等）添加，并設(shè)置同樣的投影樣式，設(shè)置如下。
最終效果：
