UI设计干货模板|首页设计技巧

不同功能的App有着不一样的首页模块，选择一种适合产品本身的首页展示方式非常重要。现在，App首页同质化现象越来越严重，页面基本都朝着一个方向去设计。

作为设计师，一定要做到多看多用才能够找到更适合产品本身的展示方式。下面介绍一下首页最常见的4种表现形式，分别是列表型首页、图标型首页、卡片型首页和综合型首页，不同类型的首页布局承载着不同的内涵。

可以到搜UI （SOOUI) 对各类型的首页模板进行临摹学习！

列表型

列表型首页是指在一个页面上展示同一个级别的分类模块。模块由标题文案和图像组成，图像可以是照片，也可以是图标，如图所示。列表型的首页更方便点击操作，上下滑动也可以查看更多的内容。

首页专题

图标型

当首页包含几个主要的功能时，可以采取图标的形式进行展示，如图所示。图标型的首页最好是在第一屏展示完整，并将点击做到最简单。

首页 - 优惠

卡片型

在遇到操作按钮、头像和文字等信息比较复杂的情况时，可以选用卡片型首页方式。卡片型首页能让分类中的按钮和信息紧密联系在一起，让用户一目了然，同时能还有效地加强内容的点击性，如图所示。

移动财经首页UI - FD

综合型

电商类产品模块的表现方式比较多，有图标形式也有卡片形式等。如何才能让多块内容在页面中显示得清晰易读，这是对设计师能力的考验。

首页 - CryptoTrade UI - FM

综合型的首页设计要特别注意分割线和背景颜色的区分不能太过明显，选择比较淡的分割线和背景色来区分模块即可，因为要保证页面模块的整体性，如图所示。

UI设计干货模板|首页设计技巧相关推荐

UI设计干货模板|输入框设计临摹素材
简单来说输入框是一个单击鼠标会插入点光标的方框,我们可以直接在方框内输入框中输入文字或文本信息.但这个不起眼的方框却是用户与虚拟的互联网世界信息交流的重要枢纽. 密码输入栏输入框一般由以下五部分组成 ...
ldaptemplate 分页_UI设计干货分享：设计语言 - 侧边导航栏/分页
原文作者:罗耀_UI 侧边导航栏.分页.步骤条的绘制方法不管是做设计(感性)还是设计规范(理性),都是仁者见仁智者见智的,都很主观.我是想阐述出自己的想法供大家参考,文章中的数值也不是固定标准,还是 ...
为什么jsp的form表单不能跳转_UI设计干货分享：设计语言 - 表单（登录/注册）...
原文作者:罗耀_UI 设计语言中的表单中的登录与注册部分大致讲完了按钮.下拉菜单.导航栏.分页等,就要开始讲表单了.表单也分几种功能和几种样式,我也不可能不能把它们一一讲出来,所以只挑出几个常用的来 ...
HTML XHTML CS3 JS网页制作(IT培训网站设计+当当网首页设计)
HTML XHTML CS3 JS网页制作(IT培训网站设计+当当网首页设计) 百度云链接:http://pan.baidu.com/s/1hrH6qck 密码:bc4n 01.HTML基本标签_理论 ...
UI设计素材模板|首页解析
首页设计是UI界面设计中很重要的一个页面,首页承载的内容很多也很复杂,是给用户传递产品气质的首要页面:也是整个app的风格定向和规范定向.在做首页时需花费更多时间在首页的各板块的细节上,而不仅仅是关注 ...
UI设计干货模板素材|数据可视化UX套件
数据可视化UX套件 Dashboards UX 完整的线框屏幕,UX元素和演示流程的大量集合.Ultimate Mobile Dashboards UX线框套件是启动新的Web应用程序项目所需的唯一工 ...
UI素材干货模板|网页“按钮”组件，教你要如何设计！
按钮从现实生活中延续到现代应用,一般情况下,点击之后会做出相应反应的都可称作是按钮.它在界面中出现的频率非常高,导致我在之前就觉得对于这个元素足够熟悉,而忽略了它的一些设计细节. 按钮有常见的面性形式 ...
UI设计干货模板|引导网格系统
网格确保了设计结构的组织分明.结构明晰.我们可以通过网格系统更好的打造设计的信息层级,让设计阅读起来更具有韵律感.就跟编码一样,编码需要有机的组织结构,而网页设计的网格系统也是同样的作用. 引导4网格 ...
UI素材干货模板|线框图wireframe线框图iOS设计稿
什么是线框图? 线框图,也称为页面示意图或屏幕蓝图,是展示网站或产品框架的视觉指南: 设计:线框图常用在考虑用户需求的情况下在页面上布置内容和功能. 开发:添加视觉设计和内容之前,在开发过程早期使用线 ...

UI设计干货模板|首页设计技巧

UI设计干货模板|首页设计技巧相关推荐

最新文章

热门文章