日韩小视频-日韩久久一区二区三区-日韩久久一级毛片-日韩久久久精品中文字幕-国产精品亚洲精品影院-国产精品亚洲欧美云霸高清

下載吧 - 綠色安全的游戲和軟件下載中心

軟件下載吧

當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > UI界面設計教程:簡潔的手機天氣界面

UI界面設計教程:簡潔的手機天氣界面

時間:2024-03-06 22:31作者:下載吧人氣:19

效果圖制作并不難,都是一些常用的圖形及效果制作。不過需要很深的界面設計功底,要能根據用戶習慣,把一些最常用的功能用簡潔的實用的方式表現出來。

最終效果

UI界面設計教程:簡潔的手機天氣界面

1、打開Photoshop并新建一個600*800px 的新文件。

UI界面設計教程:簡潔的手機天氣界面

2、選擇“矩形工具”,創建一個大矩形,填充顏色#920049。

UI界面設計教程:簡潔的手機天氣界面
3、創建一個新的圖層,并填充顏色#ffffff,減少填充到0%。添加模式,單擊圖層樣式>圖案疊加。點這里下載圖案。

UI界面設計教程:簡潔的手機天氣界面

4、添加標題文字「Tuesday」,顏色填充#ffffff。然后點擊圖層樣式>陰影,給文本添加一個細薄的影子。

UI界面設計教程:簡潔的手機天氣界面

5、添加「溫度」,重復相同的過程,給溫度文本添加陰影。

UI界面設計教程:簡潔的手機天氣界面

6、設置前景色為#ffffff并利用鋼筆工具來創建云形狀。

UI界面設計教程:簡潔的手機天氣界面
7、現在,點擊圖層樣式添加描邊、顏色疊加和投影。

UI界面設計教程:簡潔的手機天氣界面

UI界面設計教程:簡潔的手機天氣界面

UI界面設計教程:簡潔的手機天氣界面

8、選擇「多邊形工具」調整頂部設置創建太陽,顏色為#fff691。并給下面這一層云添加描邊,填充顏色#ffba00。

UI界面設計教程:簡潔的手機天氣界面
9、現在讓我們開始細節面板。選擇一個新層,并將其置于圖案層后,選擇“矩形選框工具”創建一個小紙條,填充顏色#00bff3。

UI界面設計教程:簡潔的手機天氣界面

10、點擊圖層樣式>漸變疊加,添加圖層樣式。

UI界面設計教程:簡潔的手機天氣界面

11、創建另一個紙條,并填充顏色#1f2f4e。

UI界面設計教程:簡潔的手機天氣界面

12、現在讓我們添加文本和細節,第一條,所以選擇“橡皮擦工具”,調整畫筆的大小和形狀的刷板。參考底部的模式,選擇一個漂亮的樣式。

UI界面設計教程:簡潔的手機天氣界面
13、選擇“鋼筆工具”創建三角形,顏色#00bff3。并使用一個柔軟的圓形筆刷在底部描繪一個小的影子。

UI界面設計教程:簡潔的手機天氣界面

14、添加文字「Moredetails」,填充顏色#ffffff。現在在右邊添加「更多」圖標,然后給文字和圖標添加一些陰影,設置如下。

UI界面設計教程:簡潔的手機天氣界面

15、繼續我們的導航創建。首先,我們將創建一些分隔線。選擇「直線工具」,畫1px寬,前景顏色#00000的一直線。然后點擊圖層樣式>投影,樣式如下。

UI界面設計教程:簡潔的手機天氣界面

16、用“矩形工具”創建導航按鈕,在中間創建一個矩形,顏色#88022e,然后添加投影。如下圖。

UI界面設計教程:簡潔的手機天氣界面
17、添加導航文本,然后給文本添加一些投影。

UI界面設計教程:簡潔的手機天氣界面

18、將其余圖標(用以上相同的方式創建了云、太陽等)添加,并設置同樣的投影樣式,設置如下。

UI界面設計教程:簡潔的手機天氣界面

最終效果:

UI界面設計教程:簡潔的手機天氣界面

標簽Photoshop,制作,簡潔,大氣,手機,天氣,展示,界面

相關下載

查看所有評論+

網友評論

網友
您的評論需要經過審核才能顯示

公眾號

主站蜘蛛池模板: 日韩亚洲人成网站在线播放 | 六月丁香婷婷天天在线 | 三级视频在线 | 日本精品久久 | 91青草久久久久久清纯 | 久久亚洲精品无码观看不卡 | 国产欧美精品区一区二区三区 | 美女a毛片 | 国产亚洲精品一品区99热 | 亚洲日本在线观看 | 日本一级在线播放线观看免 | 泷泽萝拉亚洲精品中文字幕 | 国产成人高清在线观看播放 | 天天躁天天碰天天看 | 一级毛片免费视频网站 | 日韩三级黄色片 | 特黄特黄一级高清免费大片 | 九九久久久久午夜精选 | 精品视频h | 美女双腿打开让男人桶爽网站 | 99久久99久久精品免费看子伦 | 欧美性猛交xxx免费看人妖 | 手机看片久久国产免费不卡 | 亚洲日本中文字幕在线 | 久久这里只有精品免费视频 | 日本特黄特色大片免费视频网站 | 久夜色精品国产一区二区三区 | 91精品国产爱久久久久久 | 亚洲国产一区二区a毛片 | 日韩久久一区二区三区 | 午夜影院0606 | 久久国产免费一区 | 国产女人伦码一区二区三区不卡 | 国内精品一区二区三区最新 | 最新亚洲精品国自产在线 | 亚洲午夜久久久久影院 | 成人精品视频在线 | 2020精品极品国产色在线观看 | 看中国毛片 | 免费观看欧美精品成人毛片能看的 | 日本wwwwwwwww |