如何制作手機時鐘設置界面
在本教程中,我們將學習如何制作手機時鐘設置界面。這是一個簡單的界面設計項目,可以幫助你熟悉一些常用的設計工具和技巧。 填充背景色和邊框欄 首先,我們需要填充界面的背景色。根據(jù)圖一所示的參數(shù),選擇適
在本教程中,我們將學習如何制作手機時鐘設置界面。這是一個簡單的界面設計項目,可以幫助你熟悉一些常用的設計工具和技巧。
填充背景色和邊框欄
首先,我們需要填充界面的背景色。根據(jù)圖一所示的參數(shù),選擇適當?shù)念伾M行填充。
接下來,我們要填充邊框欄的顏色。根據(jù)圖二所示的參數(shù),選擇合適的顏色進行填充。請注意,由于截圖工具的原因,圖二未能顯示螞蟻線。
繪制按鈕
現(xiàn)在,讓我們開始制作界面上的按鈕。使用圓角矩形工具繪制一個圓角矩形,根據(jù)下圖所示的參數(shù)進行繪制。
接下來,在圓角矩形的上方添加一個新圖層,并做一個漸變效果。你可以根據(jù)需要調整漸變的參數(shù)。
在圖層上方添加“取消”兩個字。同樣的方法,制作一個顏色為橙色的“保存”按鈕。
此外,復制圓角矩形1并調整其大小和顏色以創(chuàng)建一個白色的副本,并調整內陰影的參數(shù)。這個副本將用于設置鬧鐘標題的對話框,放置在合適的位置上。
繪制圓環(huán)和圓
接下來,使用橢圓工具繪制一個圓環(huán),并在圖層樣式中調整斜面、浮雕、內發(fā)光和內陰影的參數(shù)。
在圓環(huán)的中心繪制一個小圓,并根據(jù)需要調整斜面和浮雕的參數(shù)。如果此時圖形為灰色,可以在該圖層上方新建一個剪切蒙版,使用R7 G144 B169的顏色進行填充。
完善界面
最后,根據(jù)需要適當?shù)赝晟平缑妗Mㄟ^以上步驟,你可以得到一個類似于下圖所示的手機時鐘設置界面。
這只是一個簡單的示例,你可以根據(jù)自己的需要進行擴展和修改。希望這個教程能夠幫助你更好地了解手機界面設計的基本技巧。