亿元级IT行业生态链
一站式解决方案提供商

24小时免费咨询电话
010-52725243

新闻资讯

AJIA NEWS

阿甲科技:APP设计中应该把握住的几个点

来源:阿甲视点 发布日期:2018-02-05

APP的设计开发已经成为目前企业中比较普遍的情况,虽然每一个APP的功能和页面结构以及页面设计上可谓是各不相同,但是在设计原理上往往都会遵从以下几个设计原则。为此阿甲科技APP设计团队的设计师们结合着他们在做APP开发时,常常会注意的几个点来分析,在做APP设计和开发时,作为设计师我们应该注意些什么。


1. 信息的一致性:


无论是页面中的内容还是放置的标签都要做到一致性。这里更多的说一下是列表框处理上。从用户的角度上来看,当用户双击其中的项,使得某些事件发生,那么双击任何其它列表框中的项,都应该有同样的事件发生,并且按钮的位置以及颜色上的搭配都要采用统一的风格,标签填写的信息也要与内容相关或一致。


重点:一致性体现在 色彩搭配和运用、字体的运用、相同的交互效果等。


阿甲科技:APP设计中应该把握住的几个点


一般我们使用的色彩不超过3种。交互效果也不超过3种。


2. UI界面间的相互切换:


屏幕与屏之间的轮转问题一直是APP设计师们比较头痛的问题。为什么这么说,主要是因为每一个用户的工作流程和方法是不一样的,很难做到一个设计能够满足所有用户的使用需求。这就要求我们的APP设计人员在对软件进行设计时要做到足够的灵活,可以满足于不同用户的使用寻求。因此在建立初期,界面流程图可用来模拟屏幕之间的流程。


阿甲科技:APP设计中应该把握住的几个点


3. 做好你的界面布局设计:


要知道现在人们的浏览方式都是自左而右,从上而下阅读,基于人们的习惯,屏幕的组织也应当是自左而右、从上而下、方便用户在浏览时能够很顺畅和自然。但并不是说只有这一种布局设计方法,我们需要根据实际情况来做符合我们企业的布局设计。


阿甲科技:APP设计中应该把握住的几个点


4. 界面中的对比原则:


这里的对比原则更倾向于内容与背景颜色间的反差效果。为了确保我们的文字信息能够被用户注意到,首先一点就是不能让我们的背景颜色遮盖住我们的文字。很多刚刚开始做APP设计的设计师,在做APP界面时常常会忽略对比原则。像:浅色背景色就要用深色的字体颜色,反之深色的背景颜色就要用浅色的字体颜色,让背景与文字产生明显的反差增强用户的可阅读性。


阿甲科技:APP设计中应该把握住的几个点


5. 区域排列设计:


当屏幕有多个编辑区域,要以视觉效果和效率来组织这些区域。编辑区域左对齐是最好的方法。换句话说,要使编辑区域左边界在一条直线上且上下排列。与之相应的标签则应右对齐,置于编辑区域旁。这是屏幕上组织区域的一个整洁有效的方式。


阿甲科技:APP设计中应该把握住的几个点


6. 合理设计你的内容分布:


拥挤的事物,往往都会让人产生厌烦的的情绪。依照这一人性特点,我们也可以想想当我们的APP设计中将多种元素都拥挤在一起时,给用户的感官体验会不会就显得十分的拥挤,让用户产生厌烦的情绪?因此,为了避免这一情况的发生,我们更多的是要在设计前先将APP内容和结构做一个大致的结构划分,充分的运用APP界面的范围,让界面中的内容看上去更协调。这里有一个大致的比例:屏幕总体盖度不应超过40%,而分组中屏幕盖度不应超过62%。


7. 相关联的项目件要做搭配组合


逻辑上关联的项目在屏幕上应当加以组合,以显示其关联性。反之,任何相互之间毫不相关的项目应当分隔开。在项目集合间用间隔对其进行分组/或用方框也同样可做到这一点。无论我们采取分组的形式还是用方框圈定出所属的范围,我们都要牢记一点是要将相关内容做组合搭配,方便用户查找相关信息,减少因找内容而浪费的时间。 阿甲科技:APP设计中应该把握住的几个点


8.弹出菜单不应是唯一的功能来源


弹框的设计是很多设计人员都喜欢用的设计方法之一,能够最直接有效的留下用户的信息,但是我们这里强调一下,弹窗并非是唯一的信息来源,并且对于弹窗设计要慎用。在很多情况下用户是拒绝留下个人信息的,尤其是私密性的信息,因此过度的使用弹出框会增加用户的厌烦感,是事情变得更为复杂。有些时候我们可以在APP页面的底部设计上添加一个表格式的信息栏方便让用户留下个人信息。


阿甲科技:APP设计中应该把握住的几个点


总之,我们的APP设计要更多的从用户的角度出发,再考虑到用户体验的情况下在适当的添加一些企业的信息,切记不要让用户对你的APP产生抵触心理。


以上就是阿甲科技APP设计师在做APP设计和开发时,会考虑到的一些因素,希望对正在设计开发APP软件的朋友能够有所帮助。


免责声明:本文由小编转载自网络,旨在分享提供阅读,版权归原作者所有,如有侵权请联系我们进行删除

欢迎访问阿甲科技集团官方网站!