![](https://static.wixstatic.com/media/398b98_522a2be9f3ff414cbabcc629ed5ebfa8~mv2.jpg/v1/fill/w_119,h_116,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/398b98_522a2be9f3ff414cbabcc629ed5ebfa8~mv2.jpg)
![Mobile UI 2170X4006.jpg](https://static.wixstatic.com/media/398b98_eaafc1343a6b4fd997f4424205a4b511~mv2.jpg/v1/fill/w_147,h_27,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/398b98_eaafc1343a6b4fd997f4424205a4b511~mv2.jpg)
Mobile UI design
Design Process
![Mobile UI2.jpg](https://static.wixstatic.com/media/398b98_be461bce5fd64456bef76bff9d887b6d~mv2.jpg/v1/crop/x_0,y_214,w_1650,h_604/fill/w_978,h_358,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/Mobile%20UI2.jpg)
Introduction
Design theme UI design for mobile phones community fans have more interesting choices for mobile phone interfaces.
Objective
-
Various theme choices rather than phone system setting
-
Design friendly and functional user interface
My Roles
Designer
Tools
Photoshop, Illustrator
Learned
Mobile Phone Interface Design
Inspiration
Emotion UI Design- “Dark Light”
Keyword:
![Mobile UI3.jpg](https://static.wixstatic.com/media/398b98_32f8ef48dbcf49e0ac469d6af4683861~mv2.jpg/v1/crop/x_0,y_196,w_1650,h_926/fill/w_147,h_82,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Mobile%20UI3.jpg)
Sketch
![Mobile UI4.jpg](https://static.wixstatic.com/media/398b98_a80cfb577e9f446eba9c8c18f6bfe63d~mv2.jpg/v1/crop/x_0,y_108,w_1650,h_1115/fill/w_147,h_99,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Mobile%20UI4.jpg)
Design
Emotion UI Design- “Dark Light”
![](https://static.wixstatic.com/media/398b98_da3a542a62aa49d098a8c0df756fcd7c~mv2.jpg/v1/fill/w_147,h_114,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/398b98_da3a542a62aa49d098a8c0df756fcd7c~mv2.jpg)
Unlock Design
A quarter of circle will unlock and pop-up to select function. When receiving unread SMS, the SMS icon will pop up automatically display
the number of unread messages. Missed calls, the phone icon will pop up automatically displays the number of missed.
![](https://static.wixstatic.com/media/398b98_253731ffc4f14b5e8e09eb9951be2e54~mv2.jpg/v1/crop/x_0,y_376,w_1648,h_674/fill/w_147,h_60,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/398b98_253731ffc4f14b5e8e09eb9951be2e54~mv2.jpg)
Icon, Widget, and Wallpaper Design
![](https://static.wixstatic.com/media/398b98_bc3f98f33cc6471888b2e4a57ddb952a~mv2.jpg/v1/crop/x_0,y_143,w_1650,h_888/fill/w_147,h_79,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/398b98_bc3f98f33cc6471888b2e4a57ddb952a~mv2.jpg)
Theme UI Design- "Cloud"
Icon, Widget, and Wallpaper Design
![](https://static.wixstatic.com/media/398b98_fc7cd63ceb564e5da496589a3ff19579~mv2.jpg/v1/crop/x_0,y_221,w_1650,h_1054/fill/w_147,h_94,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/398b98_fc7cd63ceb564e5da496589a3ff19579~mv2.jpg)
![](https://static.wixstatic.com/media/398b98_b51f60cf449347ce99fd0c96b11220af~mv2.jpg/v1/crop/x_0,y_130,w_1648,h_948/fill/w_147,h_84,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/398b98_b51f60cf449347ce99fd0c96b11220af~mv2.jpg)