添加昵稱文字,將文字大小設置為42px。文字樣式選擇蘋方字體,字體顏色選擇主色彩的綠色。
繼續添加輔助的地理位置信息、數據描述性的文字,文字大小為24px,顏色#ffffff 透明度50%。大文字和描述性文字間距為20px。
使用【鋼筆工具】繪制出曲線形狀,描邊大小設置為8px,描邊顏色設定為統一的綠色。將形狀顏色填充,填充設置為0%。
雙擊圖層形狀打開【圖層樣式面板】選擇漸變疊加,“混合模式”選擇正片疊底,“角度”為90°,“樣式”為線性。
雙擊漸變條,打開“漸變編輯器”面板,調整漸變條為白色到深色的過度效果。
為了讓曲線變得更為自然,選擇描邊的漸變模式,將描邊調整到為深綠到綠色再到深綠的過度效果。度數設置為0°。
繪制好曲線后,使用橢圓形狀工具繪制出數據點。
再使用【文字工具】添加上曲線上的數據文本。
最后再將界面中的底部導航繪制出來,讓界面變得更為整體和工具化。
在設計中要注意選中按鈕與未選中按鈕的顏色對比,選中的顏色采用了主色彩的綠色,而未選中的圖標為淺灰色。
最后在來看看設計完成的界面效果,是不是很炫酷~