当前位置:首页 >ui设计培训

移动ui界面设计实用教程

落后断手机作者:落后断手机 发布时间: 2024-03-14 13:05:42 浏览量:1293次

作为UI设计新手,首先要了解的是UI界面的类型,今天主要介绍手机移动端的界面以及一些比较实用的设计知识点,感兴趣的同学可以分享收藏哦,也可以直接登录火星时代官网了解更多有关设计知识。

移动ui界面设计实用教程

一、移动端的界面类型

1.启动页,常见的启动页有2种类型:品牌推广型、活动广告推广型

2.引导页,引导页是帮助用户更加清晰的了解产品定位与功能服务。

3.主页和菜单界面

4.登录和配置文件界面

5.统计界面

6.产品卡界面

移动ui界面设计实用教程

二、移动应用平台

1、iOS系统是由美国苹果公司开发的移动设备操作系统。

2、Android是一种基于Linux的自由及开放源代码的操作系统,主要应用于移动设备。

3、HarmonyOS华为鸿蒙系统是华为开发的自有操作系统。将打通手机、电脑、平板、电视、汽车、智能穿戴,统一成一个操作系统。

移动ui界面设计实用教程

三、移动ui设计尺寸规范

1、主流的 iOS 设备主要有 iPhone SE(4英寸)、iPhone 6s/7/8(4.7英寸)、iPhone 6s/7/8 Plus(5.5英寸)、iPhone X(5.8英寸),它们都采用了 Retina 视网膜屏幕。

2、其中 iPhone 6s/7/8 Plus 和 iPhone X 采用的是3倍率的分辨率,其他都是采用的2倍率的分辨率,无论是栏高度还是应用图标,设计师提供给开发人员的切片大小,前者始终是后者的1.5倍,并分别以@3x和@2x在文件名结尾命名,程序再根据不同分辨率自动加载@3x或者@2x的切片。

3、在进行 iphone x 设计的时候我们依然可以采用熟悉的 iphone 7 的设计尺寸作为模板,只是高度增加了290px,设计尺寸为750*1624(@2x),状态栏的高度由原来的40px变成了88px,另外底部要预留68px的主页指示器的位置。

火星时代教育-AI变现资源包
火星时代教育 影视学院刘老师,为你解答
  • 相关推荐
  • 人气推荐
  • 教程分享
  • 相关标签

优秀作品赏析

  • ****期学员周亚敏作品

    作 者:周亚敏

    所学课程:****期学员周亚敏作品

  • 2108期学员张胜南作品

    作 者:张胜南

    所学课程:2108期学员张胜南作品

  • ****期学员张丽作品

    作 者:张丽

    所学课程:****期学员张丽作品

  • ****期学员扆萌洋作品

    作 者:扆萌洋

    所学课程:****期学员扆萌洋作品

  • 微信扫码入群领福利

    扫码领福利最新AI资讯

    点击咨询
    添加老师微信,马上领取免费课程资源

    1. 打开微信扫一扫,扫描左侧二维码

    2. 添加老师微信,马上领取免费课程资源

    ×

    同学您好!

    您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
    确定