UI设计APP金刚区,卡片式设计
一,金刚区
金刚区定义:APP首页页面上部的核心功能,金刚区会随着产品业务目标变更,节目活动而灵活调整。金刚区以宫格形式排列,图层展示个数为4~10个。
金刚区作用:
1.金刚区处于APP首页中最显眼,最方便点击的位置。作用是为了不同的业务模块引流(业务优先)
图标会浮夸,依赖于文字说明
2.功能选择,为用户提供不同功能的服务(功能优先)
针对年纪大视力不好的人,图标功能性清晰
二,卡片式设计
卡片式设计灵感来源于生活中的“名片,身份证,交通卡”等卡片形式。这些卡片的共同的特点是“在一张卡片容纳信息,易于扩展,灵活”在设计中,卡片作为容器,一张卡片集中承载一种核心元素。
卡片式设计优点
1.模块化,提升用户获取信息效率,卡片式设计具有将个元素整理成一个组合且具有内容与内容区块分离的特性,让用户在翻阅中依然可以明确识别没一块内容
2.内容与内容的分离,提升内容独立性,统一性
3.增强视觉空间感,卡片设计通过投影,前后颜色深浅变化,产生视觉空间感
卡片式设计缺点
不适合用于文字多的地方,文字多超出卡片一屏显示范围,感觉不像一张卡片
UI设计APP金刚区,卡片式设计相关推荐
- 详细介绍什么是卡片式设计用户界面
作者:Nick Babich 日期:2016/10/11 原文链接:https://www.smashingmagazine.com/2016/10/designing-card-based-user ...
- 谈什么是卡片式设计?
卡片式设计 卡片,你或许不熟悉这个术语,但是你绝对不会对卡片的概念感觉陌生.现在,卡片在网页设计中是普遍存在的,并且还将越来越流行.事实上,Google,Twitter和Facebook这三大受推崇的 ...
- 卡片式设计流行的秘密 — 看完这15个案例你就懂了!
随着Material Design的流行,卡片式设计几乎成为当前界面设计的主流模式,并且已经深入到各个行业.领域的UI设计当中.卡片作为信息载体,也使得卡片式UI成为现代网页设计和移动应用设计的一部分 ...
- php卡片式,什么是卡片式设计? | 人人都是产品经理
卡片式设计是一个不错的选择,需要对不同的信息进行整合,提高用户信息获取速度,减少用户思考时间时,卡片式设计是一个不错的选择.但设计是为了解决问题,如果因为设计而设计,强行使用卡片式,可能会得到相反的效 ...
- Android开发:使用CardView实现卡片式设计
开头引用一段官网的介绍 A FrameLayout with a rounded corner background and shadow. CardView uses elevation prope ...
- Android 使用CardView轻松实现卡片式设计
Material design中有一种很个性的设计概念:卡片式设计(Cards),这种设计与传统的List Item有所区别,Cards包含更多的内容元素和拥有自己的UI特征,关于Cards的设计规范 ...
- 卡片式设计的最佳实践分享
2017-02-17 三达不留点gpj CocoaChina 卡片本质上是一个简单的信息容器,信息量有限,但设计干净整洁.现如今,在保证界面具有优秀可用性的同时,卡片式的设计甚至成为了平衡界面美学的默 ...
- php卡片式,卡片式设计的优点和不适用性
卡片式设计的由来 卡片设计来源于早已存在于人类生活的各种现实物品. 举个例子,显示器.手机.名片,一封信.等等,都是独立承载信息的一个个卡片.人们不用把电影院搬走就可以通过电视观看到不同的内容载体,这 ...
- 卡片式设计——移动设计的未来
卡片式设计--移动设计的未来 卡片正在迅速成为移动设备的最佳设计模式 我们正在见证一次网页设计的重构,告别之前冗余的页面和访问地址,迎来由众多个体内容组成的全新的个性化体验.随着移动技术的发展,移动设 ...
最新文章
- python手机版iphone-只会Python可造不出iPhone
- mysql 导出中文乱码_sqoop导出到mysql中文乱码问题总结、utf8、gbk
- VSS2005 添加文件夹方法!
- 快速实现一个Http回调组件
- 201521123061 《Java程序设计》第三周学习总结
- LeetCode 934. 最短的桥(2次BFS)
- mysql连接不上怎么重置密码错误_MySQL数据库连接不上、密码修改问题
- MapXtreme 使用技巧10例
- 【学习笔记】圆方树(CF487E Tourists)
- ack过来服务器未响应,DHCP服务器问题:抓不到ACK包
- android唯一机器码生成方案_分布式系统唯一ID生成方案汇总
- http status 状态码汇总
- 将计算机桌面分,win7电脑屏幕一分为4怎么设置_win7电脑屏幕分成四个区域操作方法...
- cs1.6服务器修改弹道,cs1.6弹道优化脚本
- java首字母变大写_Java 首字母转大写
- C语言 由拼音字串获取拼音数量
- ③读后感之《异类不一样的成功启示录》格拉德威尔
- 四川省知识产权贯标申报好处条件、材料
- python凤凰新闻数据分析(四)整合
- VC中自定义打印调试信息函数,打印调试信息到DebugView上