咨询热线
来源:南昌平面设计设计培训学校 时间:2017/12/6 17:27:14
南昌市天琥设计培训学校是联合业界经验丰富的打造的全新培训机构。是以电脑应用,电脑设计类为主的培训基地,是设计师实训基地. 天琥以电脑应用、设计类培训、设计制作等视觉表现为主要业务,是技术能力强大,培训效果,以作品取胜的培训学校。学UI设计就来南昌UI设计培训学校。
互联网时代各类App层出不穷,设计几乎都引用了扁平化的概念。扁平化概念的核心意义是:去除冗余、厚重和繁杂的装饰效果。而具体表现在去掉了多余的效果元素,让“信息”本身重新作为核心被凸显出来。同时在设计元素上,则强调了抽象、极简和符号化。
扁平化的设计,在移动系统上不仅界面美观、简洁,而且还能达到降低功耗、延长待机时间和提高运算速度的效果。
常见样式
常见样式主要分为了扁平导航、内容为主与陈列为主的类。
1、扁平导航
主流,常见的有标签式、舵式和宫格式导航。
标签导航属于常见的一种类型。
舵式导航属于标签导航的一种变体。重要操作的频繁入口放置在标签栏中间,引导用户行为。
宫格导航把入口陈列出来,适合各个功能入口繁多、或者无太大关联的类型。
举例:
标签:QQ微信、淘宝京东、
舵式:发布类(QQ空间、微博、天天P图等)
宫格:支付宝、美颜相机
2、内容为主
主要用于展示文章、菜谱、照片、视频等App。常见有组合式、轮播式导航。
组合导航多属于图文并存的类型
轮播导航一般用于页面较少的软件
举例:
组合:网易云音乐、B站、喜马拉雅
轮播:墨迹天气
3、陈列为主
陈列为主的导航常用于二级页面,优点为结构清晰便于理解。常见有列表式、抽屉式导航。
列表式适合内容较长标题等,当陈列项数太多可以采用分段等减弱视觉疲劳
抽屉式核心为“隐藏”,隐藏非核心功能让用户更专注核心功能。
举例:
列表:消息页面(微博、lofty等)
抽屉:QQ消息页中点击头像出现个人信息等
主要的七种样式中,由于App性质不一采用类型也不相同,有时候甚至会同时采用多种样式。
如喜马拉雅在整体采用舵式导航的情况下,“首页”和“我的”采用组合导航、“订阅”和“发现”采用列表导航。
京东整体采用标签导航,“首页”、“发现”和“我的”采用组合导航、“分类”采用抽屉导航、“购物车”采用列表导航。
主要界面
1、首页
呈现整个App,一般包括搜索、陈列信息、标签栏
陈列信息一般使用卡片式结构,含有多个区域、区域内有多种尺寸和媒介形式(图文等)
标签栏位于底端,属于全局导航栏,一般有线性icon与剪影icon代表未选择与选择两种状态。
2、列表页
罗列主要功能,罗列方式主要分为消息列表、横向卡片、瀑布流三种。
消息列表类似列表导航布局
横向卡片更强调了图片的信息
瀑布流与横向卡片相比,则体现在模块高度不一,有一定视觉差异性
3、详情页
呈现更丰富的内容与操作、常用于电商等购物类
4、个人中心
主要分头像区域、个人信息、功能模块三块。
其中功能模块提供应用中各功能的集合入口。
主要页面除以上四种之外,还有启动页、引导页等。可以进行品牌宣传和活动宣传。
以上就是UI设计常见样式与主要界面的内容了,更多信息请持续关注南昌UI设计培训学校,我们下期见。