face+ 关于 服务 案例
首页 案例 服务 关于 face+

分享手机界面设计类型 介绍手机UI界面设计要点知识

Time: 2021-03-29

手机是一种便利的通讯工具,随着科技越来越发达,现在市面上有很多的智能手机,这些智能手机可以做很多有趣的事情,那么手机界面设计分类有哪些呢?下面就让faceui给大家分享一下手机界面设计的基本常识。

  手机界面设计

  手机用户界面是用户与手机系统、应用交互的窗口,手机界面的设计必须基于手机设备的物理特性和系统应用的特性进行合理的设计。手机界面设计是个复杂的有不同学科参与的工程,其中最重要的两点的就是产品本身的UI设计和用户体验设计,只有将这两者完美融合才能打造出优秀的作品。

  手机界面设计分类

  1、手机操作系统界面设计:一般的手机操作系统都是指智能手机的操作系统,主要完成网络、流媒体等功能,一定程度上取代电脑成为网络终端。手机操作系统界面设计需要从整体风格到细节图标、元素的全面把握,另外还需要掌握一定嵌入式方面的技术知识。

手机界面设计

  手机界面设计(图片来自网络)


  2、手机应用界面设计:手机应用作为手机第三方程序,已逐渐把用户带入使用本地客户端上网的时期。手机应用种类多样,其中一些应用软件功能类似,但都在设计与使用上有所差异,“良好的用户体验”已成为APP竞争的标配。

  手机ui界面设计的要点

  1、手机启动界面设计

  手机启动界面设计也叫启动封面设计,在设计时应使手机启动封面最终为高清晰度的图像,如手机启动封面需在不同的平台、操作系统上使用将考虑转换不同的格式,并且对选用的色彩不宜超过256色,最好为216色安全色。手机启动封面大小多为主流显示器分辨率的1/6大。

  2、手机主界面设计

  即手机的主界面的设计,手机主界面设计应该具有缩放功能,主界面应该对功能区间划分清晰,应该和对话框,弹出框等风格匹配,尽量节省空间,切换方便。

  3、手机框架UI设计

  手机的框架UI设计就复杂得多,因为涉及手机的使用功能,应该对该手机产品的程序和使用比较了解,这就需要视觉设计师有一定的手机跟进经验,能够快速的学习手机产品,并且在和手机产品的程序开发员及程序使用对象进行共同沟通,以设计出友好的,独特的,符合程序开发原则的手机框架。

  手机框架UI设计应该简洁明快,尽量少用无谓的装饰,应该考虑节省屏幕空间,各种分辨率的大小,缩放时的状态和原则,并且为将来设计的按钮,菜单,标签,滚动条及状态栏预留位置。在手机UI设计中将整体色彩组合进行合理搭配,将手机商标界面放在显著位置,主菜单应放在左边或上边,滚动条放在右边,状态栏放在下边,以符合视觉流程和用户使用心理。

  4、菜单栏设计

  主要包括菜单设计,滚动条及状态栏设计。

  菜单UI界面设计一般有选中状态和未选中状态,左边应为名称,右边应为快捷键,如果有下级菜单应该有下级箭头符号,不同功能区间应该用线条分割。

  滚动条主要是为了对区域性空间的固定大小中内容量的变换进行设计,应该有上下箭头,滚动标等,有些还有翻页标。状态栏是为了对手机当前状态的显示和提示。

  5、手机按钮UI设计

  手机按钮界面设计应该具有交互性,即应该有3到6种状态效果:点击时状态;鼠标放在上面但未点击的状态;点击前鼠标未放在上面时的状态;点击后鼠标未放在上面时的状态;不能点击时状态;独立自动变化的状态。按钮应具备简洁的图示效果,应能够让使用者产生功能关联反应,群组内按钮界面应该风格统一,功能差异大的按钮应该有所区别。

手机界面设计

  手机界面设计(图片来自网络)


  6、UI界面图标设计

  图标设计色彩不宜超过64色,大小为16x16、32x32两种,图标UI设计是方寸艺术,应该加以着重考虑视觉冲击力,它需要在很小的范围表现出手机的内涵,所以很多图标设计师在设计图标时使用简单的颜色,利用眼睛对色彩和网点的空间混合效果,做出了许多精彩图标。其标签设计应该注意转角部分的变化,状态可参考按钮。

  7、安装过程设计

  安装过程设计主要是将手机安装的过程进行美化,包括对手机功能进行图示化。

  8、包装及商品化

  最后手机产品的包装应该考虑保护好手机产品,功能的宣传融合于美观中,可以印刷部分产品介绍,产品界面设计。

  以上就是faceui给大家带来了关于手机界面设计的基本常识。手机界面设计是比较复杂的,所以大家千万不要觉得手机界面设计是一件简单的事情,希望这些内容对你们有所帮助。


合作咨询

上海(总部)

上海市浦东新区郭守敬路498号22号楼205
021-61057328
service@faceui.com

办公地址地图

北京

北京市东城区后永康胡同17号A座三层
010-64015620
service@faceui.com

办公地址地图

深圳

深圳市福田区金田路4018号安联大厦2601
0755-33955611
service@faceui.com

办公地址地图
首页 | 案例 | 服务 | 关于 | face+ | 智见

Copyright © 2009-2015 FaceUI design. All rights reserved


沪ICP备13044459号-5

上海办公地点地图
北京办公地点地图
深圳办公地点地图
在微信中搜索faceui
或保存二维码在微信中打开