app引导页设计

当第一次打开一款app时经常会看到设计精美的导航页。在app页面中,引导页是指用户使用app时,能提前告知用户产品功能,特点与热门资讯的页面。在app设计中,一个精美的引导页能够极大地提高用户体验。

1.制作背景

step 1

打开Photoshop CC软件,按【Ctrl+N】组合键,在“新建”对话框中设置“名称”为app引导页设计、“宽度”为750像素、“高度”为1334像素、“分辨率”为72像素/英寸、“颜色模式”为RGB颜色、“背景内容”为紫色,单击“确定”按钮,完成画布的新建

step 2

将背景图拖到画布中,为图层添加智能滤镜,并添加高斯模糊效果,设置模糊半径为10像素,不透明度20%
风景素材
高斯模糊效果

1.制作主题元素

step 1

运用形状工具绘制手机的外形和按钮,运用矩形工具,绘制一个宽245,高438像素大小的矩形作为手机屏幕

step 2

将素材图片拖到画布手机屏幕中

step 3

运用椭圆工具绘制4个正圆,运用形状工具和矩形工具在上方绘制图标

step 4

利用横排文字工具,输入文字,在下方绘制翻页小正圆,最终效果如图
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 上门无忧 上门无忧app是联想为上门服务的工程师们提供记录工单状态、查询备件信息、知识库学习等的一款应用。主要分为...
    waitine阅读 2,057评论 5 10
  • What kind of person could be recognized as visionary? I b...
    吴必森Brady阅读 128评论 1 0
  • 初二分班的时候,学习最好的分到了三班,天才怪才人才们分到了一班,只有我们二班是集中了学习差的,脑子笨的,无限...
    默默道来之阅读 567评论 2 2
  • 信教练阅读 593评论 0 0
  • 父亲有两个柜子,一个摆满书,一个堆满酒。 倘若无雨无风,日暮时分的阳光便犹如穿行水中的灵巧锦蛇,转了弯加了速,绕过...
    星期五的方达阅读 1,326评论 4 6