学习UI设计移动端设计规范和技巧移动UI设计要有理有据,严格按规范制作,不可简单地靠感觉做图。从设计角度和体验角度来看,移动UI设计应遵循以下原则。
视觉美观是移动UI设计最基本的要求。设计师应巧妙地运用点、线、面等基本元素,通过互相穿插、衬托、补充构成完美的界面,从而吸引浏览者,增强用户对界面的记忆和好感。
一致性是每个优秀APP都具备的特点。一个APP中往往存在多个界面,大到外观风格,小到组件、动效和交互行为,都应保持一致,这会减轻用户的认知和记忆负荷,帮助打造更符合用户体验的产品。
为达到主题鲜明的效果,UI设计师应该充分了解用户需求,以简单明确的语言或图像等合理的形式体现界面主题。
①表现形式要符合主题需要。设计界面时,如果只是追求花哨的表现形式,过于强调创意而忽略主要内容;或者只追求功能和内容,却采用平淡无奇的表现形式,都会使界面苍白无力。只有将二者有机结合,让表现形式为内容服务,才能突出主题。
②确保元素必要性。设计界面时,要确保每个元素都有存在的意义,不要单纯为展示设计理念和新技术添加一些毫无意义的元素,这会使用户感到莫名其妙,弱化主题效果。
①符合用户操作习惯。无论是单手操作还是双手操作,用户的操作习惯都是有章可循的,掌握用户的操作习惯,并将其用于界面设计中,能给用户更好的操作体验。
拇指热区,拇指热区是指用户在单手操作时,拇指的触摸范围,该范围分为易操作区、伸展区和不易操作区。随着大屏时代的到来,设备中显示的内容也越来越多,但这并不意味着使用者的拇指热区也会跟着变大。由于设备尺寸变大,手掌支撑设备的重心会更加靠后,拇指操控屏幕的范围也就变小了,因此热区会根据设备的变大而缩小,这一点在设计界面时应该考虑到。
②简化操作步骤。用户使用APP是为了解决问题,设计师应把握这点,尽量减少无用的操作步骤,通过简洁的操作流程提升用户体验。例如,有些APP想更换头像,只需点击头像,在照片库中选择图像即可:而有些APP则需要点击设置>头像设置>更换头像>选择照片4步才可更换完成,这会增加操作时间,降低用户体验。
③容错性反馈。优秀的APP应确保用户的任何操作都具备可逆选项或危险提示。当用户做出删除、调整、不恰当或错误操作时,应当有危险提示介入。
①优化图片。通常用户不会在加载界面“发呆”超过3秒,因此在不影响功能和美观的前提下,能用代码实现的效果就尽量不用图片,能用32色图像的就不用64色,在保证质量的前提下尽量压缩图片,以确保用户浏览顺畅,缩短加载时间。
②在必要时提供进度条或等待动画。一些功能较多的APP(大型手机游戏)在启动时往往会花费几秒的等待时间,合理利用这短暂的时间,加入进度条和当前操作状态提示。
文章分类:
新闻动态
|