UI界面設(shè)計(jì)教程:簡(jiǎn)潔的手機(jī)天氣界面(3)
來(lái)源:優(yōu)設(shè)網(wǎng)
作者:一人前端
學(xué)習(xí):5586人次
12、現(xiàn)在讓我們添加文本和細(xì)節(jié),第一條,所以選擇“橡皮擦工具”,調(diào)整畫(huà)筆的大小和形狀的刷板。參考底部的模式,選擇一個(gè)漂亮的樣式。
13、選擇“鋼筆工具”創(chuàng)建三角形,顏色#00bff3。并使用一個(gè)柔軟的圓形筆刷在底部描繪一個(gè)小的影子。
14、添加文字「Moredetails」,填充顏色#ffffff,F(xiàn)在在右邊添加「更多」圖標(biāo),然后給文字和圖標(biāo)添加一些陰影,設(shè)置如下。
15、繼續(xù)我們的導(dǎo)航創(chuàng)建。首先,我們將創(chuàng)建一些分隔線。選擇「直線工具」,畫(huà)1px寬,前景顏色#00000的一直線。然后點(diǎn)擊圖層樣式>投影,樣式如下。
16、用“矩形工具”創(chuàng)建導(dǎo)航按鈕,在中間創(chuàng)建一個(gè)矩形,顏色#88022e,然后添加投影。如下圖。
學(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)回答!