联系我们 face+ 关于 服务 案例
首页 案例 服务 关于 face+

分享手机ui界面设计知识 详解手机ui界面设计要点

Time: 2021-03-26

随着智能手机的广泛应用,越来越多的新奇有趣APP,那么这些APP是怎么设计的呢?那么手机ui界面设计有哪些技巧呢?下面就让faceui给大家详解一下手机ui界面设计的要点,感兴趣的朋友进来看看吧。

  手机ui设计是手机软件的人机交互、操作逻辑、界面美观的整体设计。置身于手机操作系统中人机交互的窗口,设计界面必须基于手机的物理特性和软件的应用特性进行合理的设计,界面设计师首先应对手机的系统性能有所了解。手机UI设计一直被业界称为产品的“脸面”,好的UI设计不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。

手机ui界面设计

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


  手机ui界面设计的要点

  1、手机启动界面设计

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

  2、手机主界面设计

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

  3、手机框架UI设计

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

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

  4、菜单栏设计

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

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

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

  5、手机按钮UI设计

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

手机ui界面设计

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


  6、UI界面图标设计

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

  7、安装过程设计

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

  8、包装及商品化

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

  手机ui界面设计有哪些技巧呢?以上就是faceui给大家分享可手机ui界面设计的要点知识,相信各位朋友看完上面的文章之后,对于手机ui界面设计知识有了更多的认识和了解,希望这些内容可以帮助到大家。


合作咨询

上海(总部)

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

办公地址地图

北京

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

办公地址地图

成都

四川省成都市锦江区东大街牛王庙段100号
028-62790929
service@faceui.com

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

Copyright © 2009-2022 FaceUI design. All rights reserved


沪ICP备13044459号-5

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