针对移动UI设计初学者的5条简单规则

用户头像
北京/教育工作者/6年前/154浏览
针对移动UI设计初学者的5条简单规则

多年来,智能手机的使用量一直稳定增长,目前全球有三分之一以上的人口使用智能手机。

多年来,智能手机的使用量一直稳定增长,目前全球有三分之一以上的人口使用智能手机。可以理解,移动应用程序的创建也在爆炸式增长,但是要设计一个好的移动应用程序,我们需要考虑几个规则,这些规则不适用于桌面环境。


1.尺寸决定一切

听起来似乎很明显,但是智能手机屏幕的尺寸是创建移动应用程序时主要的UI约束。尺寸会影响视觉设计,人体工程学乃至用户体验。

除屏幕尺寸外,智能手机用户主要使用手指而非鼠标光标进行交互的事实对界面设计产生了巨大影响。设计师在发出号召性用语时需要识别“舒适区域”和需要避免的区域。将拇指区是由拇指智能手机屏幕上包揽了广泛定义的区域。这是用一只手触摸时最舒适的区域。


2.界面留白

受屏幕尺寸影响显示的组件的大小以及它们周围的留白。

以通用按钮为例。按钮必须足够大才能看到并轻松点击。移动行业的所有主要参与者(Apple,Android)都提供了有关其确切大小的指南。留白也很重要。通过并排放置两个按钮,两个按钮之间没有足够的空间,可能会导致用户单击错误的按钮,从而对用户的体验产生负面影响。


3.元素布局

关于屏幕上不同元素的布局,明智的做法是在支持iOS和Android制定的准则的同时,建议使用垂直和简单的布局。这些准则说明了每个操作系统应该做什么和不应该做什么。它们由图形样式(当前为iOS的平面设计和Android的材质设计)以及常见的组件(按钮,导航,版式,卡片,标签)组成。


4.使用一种行动方针

为了优化用户体验,目标是使每个屏幕仅包含一个核心信息和一个动作。在信息层次结构和用户习惯的上游思考。在开始应用程序的设计层之前,必须花时间分析用户的需求及其通过应用程序的路线。


5.考虑在哪里使用智能手机

最后,不要忘记考虑将在其中使用应用程序的环境。智能手机几乎可以在任何地方使用:室内和室外,公共交通,步行,跑步...如果以亮度变化(室内与室外)为例,对比度变得更加重要。

总结

移动UI设计中需要关注的点很多,暂列5项供大家学习掌握,未来持续更新。


4
举报
|
1
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
抽象液态渐变UI背景模版
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
UI 登录界面设计模板包
【新年UI图标】影音icon
新拟态风格 UI设计组件库
我的钱包-UI界面设计-app
钱包ui模板
科技医疗透明柜UI界面设计
【新年UI图标】会员icon
Security Camera UI kit
新能源APP应用UIKit
3D卡通UI界面图标可爱插画免扣素
UI_3D图标烟<新春促销>
【新年UI图标】珠宝icon
【新年UI图标】汽车icon
【新年UI图标】30个图标
矢量立体简约UI蓝白图标
UI_3D图标“一本秘籍”(源文件
UI界面 组件
【新年UI图标】游戏/娱乐icon
盲盒APP UI设计
高级表盘系列UI源文件
【新年UI图标】钱包icon
你可能喜欢
相关收藏夹
大家都在看
登录注册