UI界面設(shè)計(jì)教程:簡(jiǎn)潔的手機(jī)天氣界面
來(lái)源:優(yōu)設(shè)網(wǎng)
作者:一人前端
學(xué)習(xí):5586人次
效果圖制作并不難,都是一些常用的圖形及效果制作。不過(guò)需要很深的界面設(shè)計(jì)功底,要能根據(jù)用戶習(xí)慣,把一些最常用的功能用簡(jiǎn)潔的實(shí)用的方式表現(xiàn)出來(lái)。
最終效果
1、打開(kāi)Photoshop并新建一個(gè)600*800px 的新文件。
2、選擇“矩形工具”,創(chuàng)建一個(gè)大矩形,填充顏色#920049。
3、創(chuàng)建一個(gè)新的圖層,并填充顏色#ffffff,減少填充到0%。添加模式,單擊圖層樣式>圖案疊加。點(diǎn)這里下載圖案。
4、添加標(biāo)題文字「Tuesday」,顏色填充#ffffff。然后點(diǎn)擊圖層樣式>陰影,給文本添加一個(gè)細(xì)薄的影子。
5、添加「溫度」,重復(fù)相同的過(guò)程,給溫度文本添加陰影。
6、設(shè)置前景色為#ffffff并利用鋼筆工具來(lái)創(chuàng)建云形狀。
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計(jì),設(shè)計(jì)一款心形的APP圖標(biāo)
- 圖標(biāo)設(shè)計(jì),在PS里制作小清新風(fēng)格的天氣圖標(biāo)
- 圖標(biāo)制作,用PS制作時(shí)尚的郵件圖標(biāo)
- UI圖標(biāo)教程,用PS制作一個(gè)音樂(lè)圖標(biāo)
- UI圖標(biāo)教程,用ps制作浪漫的冰晶圖標(biāo)
- 圖標(biāo)制作,用PS繪制一款簡(jiǎn)約風(fēng)格的解密游戲圖標(biāo)
- 插畫(huà)制作,用PS繪制簡(jiǎn)約沙漏插畫(huà)效果圖片
- 圖案設(shè)計(jì),用PS快速制作一個(gè)心形圖案
- 手機(jī)圖標(biāo),用PS繪制華為手機(jī)圖標(biāo)
- 相機(jī)圖標(biāo),用UI制作簡(jiǎn)單的彩虹相機(jī)圖標(biāo)
推薦教程
- ps設(shè)計(jì)盒子圖標(biāo)
- ps設(shè)計(jì)折紙效果風(fēng)格的短信軟件圖標(biāo)
- UI視頻, 設(shè)計(jì)中得美術(shù)基礎(chǔ)
- UI教程:設(shè)計(jì)電池icon
- 地圖圖標(biāo),設(shè)計(jì)簡(jiǎn)潔的地圖主題UI圖標(biāo)教程
- PS繪制磚塊ICO圖標(biāo)
- UI知識(shí),做UI的工作方式與流程
- UI知識(shí),設(shè)計(jì)師必須知道的優(yōu)秀UI設(shè)計(jì)原則
- 相機(jī)UI圖標(biāo)設(shè)計(jì)教程
- ps日歷圖標(biāo)
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!