ui设计初学者
多年来,智能手机的使用量一直在稳定增长,目前全球有三分之一以上的人口使用智能手机。 可以理解,移动应用程序的创建也在爆炸式增长,但是要设计一个好的移动应用程序,我们需要考虑几个规则,这些规则不适用于桌面环境。
1.尺寸决定一切
听起来似乎很明显,但是智能手机屏幕的大小是创建移动应用程序时主要的UI约束。 尺寸会影响视觉设计,人体工程学,甚至影响用户的旅程。
除屏幕尺寸外,智能手机用户主要使用手指而非鼠标光标进行交互的事实对界面设计产生了巨大影响。 设计师在发出号召性用语时需要识别“舒适区域”和需要避免的区域。 拇指区域是智能手机屏幕上拇指所扫过的广义区域。 这是用一只手触摸时最舒适的区域。
通过Envato Elements上的移动UI和UX套件抢占先机
如果有帮助,Envato Elements当前可以托管2.5K UI / UX套件,这些套件专门与移动布局有关。 看一看,并订阅下载所需的所有资产!
返回教程。
2.空格也是一切
屏幕尺寸影响 显示的组件的大小以及它们周围的空白。
以通用按钮为例。 按钮必须足够大才能看到并轻松单击。 移动行业的所有主要参与者(苹果,Android,甚至Google的Search Console团队)都提供了有关应提供多少尺寸的指南。 空格也很重要。 通过并排放置两个按钮,两个按钮之间没有足够的空间,可能会导致用户单击错误的按钮,从而对用户的体验产生负面影响。
3.请参阅接口准则
关于屏幕上不同元素的布局,明智的做法是在支持iOS和Android设置的准则(我们已经提到过)的同时,支持垂直和简单的布局。 这些准则说明了每个操作系统应该做什么和不应该做什么。 它们由图形样式(当前为iOS的平面设计和Android的材质设计)以及常见的组件(按钮,导航,版式,卡片,标签)组成。
这是您需要的准则; 为他们添加书签!
4.使用一种行动方针
为了优化用户体验,旨在使每个屏幕仅包含一条核心信息和一项操作。 在信息层次结构和用户旅程的上游思考。 在启动应用程序的设计层之前,必须花时间分析用户的需求及其通过应用程序的路线。
5.考虑在哪里使用智能手机
最后,不要忘记考虑将在其中使用应用程序的环境。 智能手机几乎可以在任何地方使用 :室内和室外,公共交通,步行,跑步...如果以亮度变化(室内与室外)为例,对比度变得更加重要。 确保您的设计在阳光直射下正确可读! 请参考对比度检查器工具,例如:
- 对比度-ratio.com
- 对比检查器 (通过webaim.org)
- 对比度checker.com
结论
交给您,发挥创造力! 要获得更多启发,请看一下这些UI和UX工具包概述:
翻译自: https://webdesign.tutsplus.com/articles/the-basics-of-mobile-design--cms-33623
ui设计初学者