103
多年来,智能手机的使用一直在稳步增长,目前世界上超过三分之一的人口使用智能手机。移动应用程序的创建也可以理解,但是为了设计一个好的移动应用程序,我们需要考虑几个不适用于桌面环境的规则。佛山网页设计
听起来很明显,但智能手机屏幕的大小是创建移动应用程序时的主要UI约束。尺寸会影响视觉设计,人体工程学甚至用户旅程。
随着屏幕尺寸的增加,智能手机用户主要使用手指而不是鼠标光标进行交互这一事实对界面设计产生了巨大影响。设计师需要识别“舒适区域”以及放置“行动呼吁”时要避免的区域。将拇指区是由拇指智能手机屏幕上包揽了广泛定义的区域。这是用一只手触摸时最舒适的区域。
如果有帮助,Envato Elements目前拥有专门针对移动布局的2.5K UI / UX套件。看看,订阅下载您需要的所有资产!
屏幕的大小会影响 显示的组件的大小,以及它们周围的空白。
以公共按钮为例。按钮必须足够大才能轻松查看和点击。移动行业的所有主要参与者(Apple,Android,甚至是谷歌的Search Console团队)都提供了准确的指标。空白也很重要。通过并排放置两个按钮,两者之间的空间不足,用户可能会点击错误的按钮,从而对用户体验产生负面影响。
关于屏幕上不同元素的布局,明智的做法是支持垂直和简单的布局,同时遵守iOS和Android制定的指南(我们已经提到过)。这些指南说明了每个操作系统要做什么和不做什么。它们由图形样式(目前是iOS的平面设计和Android的材料设计)和常见的组件(按钮,导航,排版,卡片,标签)组成。
以下是您需要的指南; 给他们加书签
用户界面指南 Android
人机界面指南 iOS
为了优化用户体验,目标是使每个屏幕仅包含一条核心信息和一个动作。将上游视为信息层次和用户旅程。在启动应用程序的设计层之前,必须花时间分析用户的需求及其在应用程序中的路径。
最后,不要忘记考虑使用您的应用程序的环境。智能手机在任何地方都被使用:内部和外部,公共交通,步行,跑步......如果我们以亮度变化(室内与室外)为例,对比度变得更加重要。确保您的设计在阳光下可以正确阅读!请参考对比检查工具,例如:
contrast-ratio.com
contrastchecker (来自webaim.org)
contrastchecker.com
对你而言,要有创意!
佛山网页设计
热门分享
最新文章
2019.10.21
佛山企业网站制作:每种字体的风格及最佳使用方法研究
2019.10.12
佛山公司网站建设:一个完美的着陆页的关键特性
2019.10.12
佛山网站开发:如何处理业务方面的设计
2019.09.07
佛山建站:指定文档基本URL与HTML <基础>元素
2019.09.07
佛山网站开发公司:开始使用Gulp.js
2019.09.06
佛山公司网站建设:用EasyDropDown.js 创建<选择>下拉框
2019.09.02
佛山网站策划公司:你应该知道5最新的Web开发工具
2019.08.23
佛山高端网站建设:转化率优化设计的一面
2019.08.16
佛山企业网站建设:十大错误,使您的网站看起来不专业
2019.08.16
佛山高端建站:5个Web上最常见的交互设计错误
随机推荐
2019.08.09
佛山网页设计:改善您网站的移动设计——关键导航技巧
2019.08.09
佛山网站建设:网站排版基本指南
2019.08.13
佛山网站定制:如何学习CSS
2019.08.23
佛山高端网站建设:转化率优化设计的一面
2019.08.16
佛山网站定制:趋势分解之使用汉堡包图标的新方法
2019.08.16
佛山企业网站建设:十大错误,使您的网站看起来不专业
2019.08.09
佛山企业网站开发:如何开始博客?循序渐进的指南
2019.08.13
佛山网站开发:使用功能策略保护您的站点
2019.08.12
佛山建站公司:前端开发人员的规格颂歌
2019.09.02
佛山网站策划公司:你应该知道5最新的Web开发工具