iPhoneSE图标设计UI教程(4)

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:zcool   作者:无梦不欢

关键词

投影:

8b5b56f277726ac7257d2079d3c2.jpg

复制一个,置于下层,清除图层样式,下移3px;

渐变叠加:

b09e56f2778f6ac7257d209b32cb.jpg

投影:

905356f277bd32f875a9447c10a1.jpg

再添加阴影和倒影,还有绘制2像素的白条,得到最终效果:

691456f277d96ac7257d202d3f94.jpg




0f1356f277e932f875a9444530ff.jpg

右侧三个色块由上至下分别代表:

机身(带logo部分)固有色;

底座厚度固有色;

形状描边(倒角,边框),按键的固有色。

如果更换这三种颜色,还可以得到其他款式的机型哦!

“一键换色”:

e27856f4f46d6ac7257948b3fa1e.jpg

觉得有用同学请点赞吧!


 收藏