app界面设计网站 app界面设计模板一套( 三 )


卡片型
在遇到操作按钮、头像和文字等信息比较复杂的状况时 , 能够选用卡片型主页方法 。卡片型主页能让分类中的按钮和信息紧密联系在一起 , 让用户一望而知 , 一起能还有用地加强内容的点击性 , 如图所示 。
归纳型
电商类产品模块的表现方法比较多 , 有图标方法也有卡片方法等 。如何才干让多块内容在页面中显现得明晰易读 , 这是对设计师能力的考验 。
归纳型的主页设计要特别注意分割线和背景色彩的区别不能太过明显 , 挑选比较淡的分割线和背景色来区别模块即可 , 由于要确保页面模块的整体性 , 如图所示 。
个人中心页
在App中 , 个人中心页又称为“我的”页面 , 一般设计在底部菜单栏的最右侧 。交际运用中 , 个人中心有两种人物的区别 , 一个是自己的主页面 , 还有一个是别人的中心页面 。
自己的个人页面能够自己进行修改 , 而别人的页面是供用户重视或进行私信沟通的 。所以 , 个人中心页与其他页面在功用上需求有场景区别 。
个人中心页首要由头像、个人信息和内容模块组成 , 一般会选用头像居中对齐的方法进行设计 , 意图是为了表现当前页面的信息都与自己有关 。头像一般会选用圆形 , 由于这样看起来更为和谐 , 一起画面也会显得更为丰满 , 如图所示 。
还有一种设计是以头像居左对齐为主 , 一般在信息比较多的状况下会选用这种设计 , 不只能节约空间 , 一起也能让内容在一屏上展现完整 , 如图所示 。
在交际运用中 , 更多的是要凸显人与人的联系 , 所以个人中心“重视”和“粉丝”的数量是两个十分重要的信息 。设计时应该侧重凸显数字 , 表现个人在群体中的价值 , 如图所示 。
列表页
在运用软件查找或点击分类查找后会出现结果页面 。结果页面一般会以列表的方法来表现 , 包含单行列表和双行列表两种 , 展现的内容为“图片+称号+介绍” 。另外 , 还能够用时刻轴和图库的方法来设计列表页 。列表页的设计尽管简略 , 但却困扰着不少设计师 。
整体而言 , 设计列表页时 , 需求遵循这些原则:留白空间要张弛有度 , 且要有亲疏之分;对齐的方法要规整;粗细元素的组合要有节奏感;需求要点杰出的元素的色彩要明亮;列表的层次感要清楚;在用真假方法进行结合设计时 , 要确保实的目标在前 , 虚的目标在后 。
单行列表
大多数消费类产品的结果页面都会以单行列表的方法进行展现 , 左边为图 , 右边为文字信息、评分和价格等 , 这样的展现方法易于用户阅览 , 如图所示 。图片能够诱导用户进行点击 , 文字则用来解说商品 。
双行列表
双行列表页的表现方法愈加节约空间 , 每个卡片的排布方法为上面是图片下面是文字 , 能够让页面显得更为丰满 , 如图所示 。
时刻轴
为了加强内容的前后时刻联系 , 一般会运用时刻轴的方法来设计列表页 , 这样的表现方法能够更好地凸显每条信息之间的联系 , 让用户阅览起来更有条理性 , 如图 所示 。时刻轴列表页的展现方法为左边是时刻轴上各节点 , 右边是与时刻节点对应的内容 。


以上关于本文的内容,仅作参考!温馨提示:如遇健康、疾病相关的问题,请您及时就医或请专业人士给予相关指导!

「四川龙网」www.sichuanlong.com小编还为您精选了以下内容,希望对您有所帮助: