课程关键词: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