沈阳0基础学习UI设计,UI设计师培训

    2021-06-17发布, 次浏览 收藏 置顶 举报
  • 上课班制:

    白天班

  • 授课时间:

    全天

  • 授课对象:

    0基础学员

  • 网报价格:¥10    课程原价:¥10
  • 咨询热线:400-998-6158
  • 授课地址:电联加微信
  • 课程详情

  • 机构简介
  • 地图信息
  • 预约试听

课程关键词:UI 0基础 专业

平面设计培训班

沈阳0基础学习UI设计,UI设计师培训

UI基础总结

组件,网格模式
组件
组件分为栏,内容视图,控件,临时视图。
栏:状态栏---透明的,大部分出现在屏幕顶部。显示手机状态:信号,电量,时间等部分(但是游戏,工具等沉浸式APP可以没有状态栏)
导航栏---属于状态栏下方的栏


工具栏---工具栏不具有导航作用,它为用户提供可以控制当前屏幕内容的控件。


标签栏---标签导航位于页面底部,使用标签栏是根据信息架构来定的。


搜索栏---移动端的搜索往往都是跳转至单独的搜索页面,根据时间顺序可以分为三个阶段:搜索前、搜索输入中、搜索完成后。


内容视图:分为活动视图,集合视图,地图视图,模态视图,滚动视图,拆分视图,控制器视图,列表视图(平行视图,分组视图),文本视图,Web视图,以下会用例子的形式进行分析。


控件:根据需求不同,控件可以是完整的功能模块,也可以是基本元素的扩展或组合,例如时间选择器或者亮度的滑块等。其中分段控件指用户在一屏内能够查到不同分类的内容,而不需要切换到其他屏幕。


临时视图:警告框---警告框向用户提示会影响他们使用应用或设备的重要信息。


操作菜单---操作菜单显示与用户所发起的任务直接相关的一系列选项。


模态视图---是一个以模态形式展现的视图,它为当前任务或情境提供自包含(self-contained)的功能。


网格模式


问题:遇到呈现一系列信息,大多数或者所有信息都由图片构成,可用于选择的时候可以用网格模式。


解决方法:陈列显示一组图片,基于设备显示范围限制,一次只能显示一部分图片。


变形处理:


1.信息的呈现和组织沿着一个轴移动(获得焦点的条目上,同时显示如标题和日期等文本标签)


2.把图片处理排列在平面上,背景可变化(如,桌面)


3.在加载和显示滚动动效时使用三维效果


4.将缩略图平铺在纸或者球面上,类似“无线区域”模式


错误模式:


谨慎选择操作所对应的行为(选择定义的太简单,导致关联行为 等操作变得难以操作)


不要让显示过于复杂(例如,二维球面网格)


只有足够的屏幕空间和分辨率来呈现缩略图的情况下来使用“网格”模式


实时的滚动效果不能实现,避免使用“网格模式”


确保在图片与图片之间留下足够间隙。

迪派晟开教育校区分布:
大连校区:
一部甘井子区周水子广场13号迪派教学楼(周水子派出所旁)
二部沙河口区宝发金钻大厦710(百盛后身)
沈阳校区:
三部沈阳市和平区文化路19号金科大厦708
四部沈阳市铁西区一商城B座11楼(国美后身)
五部沈阳市皇姑区长江街131号万隆商场2楼

更多培训课程,学习资讯,课程优惠等学校信息,请进入 沈阳和平区UG编程培训沈阳和平区短视频培训 网站详细了解,免费咨询电话:400-998-6158

预约试听
  • 姓名: *
  • 性别:
  • 手机号码: *
  • QQ:
  • 微信:
  • 其它说明:
  • 验证码: *  看不清,请点击刷新
相关课程