简约风格手机系统主题界面.pptxVIP

主讲：卢琦

《UI创意设计》课程

简约风格手机系统

主题界面

CONTENTS

UI

本例设计制作简约风格的手机系统主题界面。

利用Photoshop软件的“钢笔工具”“渐变填充工具”“圆角矩形工具”“横排文字工具”等命令完成制作。

一

任务说明

UI

该系统界面清晰直观，使用图标、文字等易于识别的元素，在视觉上进行模块划分，符合用户的习惯和需求，降低操作困难。

二

设计效果

UI

（一）绘制背景及手机顶部区域

（二）绘制时间天气区域

（三）添加界面图标及文字

三

关键步骤

（一）绘制背景及手机顶部区域

1.新建文件并划分页面布局

2.填充渐变背景颜色

3.添加手机状态栏

4.绘制底部云朵形状背景

（二）绘制时间天气区域

1.绘制圆角矩形

2.添加文字内容

3.添加天气图标

（三）添加界面图标及文字

1.添加APP图标素材

2.调整大小并对齐

3.输入文字内容

4.制作多页面图标

UI

四

小试牛刀

谢谢观看