APP 界面的构成规范及设计原则?app界面设计流程?

2天前 (01-20 15:30)阅读2回复0
wojiukan
wojiukan
  • 管理员
  • 注册排名1
  • 经验值1728430
  • 级别管理员
  • 主题345686
  • 回复0
楼主

APP 界面的构成规范及设计原则?

1、内容优先 ,合理的布局

对于手机而言,屏幕空间资源显得非常宝贵,为了提升屏幕空间的利用率,界面布局应以内容为核心,而提供符合用户期看的内容是移动使用获得成功的要害。

如何设计和组织内容,使用户能快速理解移动使用所提供的内容,使内容真正有意义,这是非常要害的。

APP 界面的构成规范及设计原则?app界面设计流程?

(1)充足内容,使内容符合移动的特征。

(2)优先突出用户需要的信息,而简化页面的导航。

(3)适时提升屏幕空间的利用率。

2、是为移动触摸而设计

点击操作是PC时代交互的基础,在触摸屏设备上基于手指的手势操作已经代替了鼠标的点击操作。

(1)以信息架构为基础,简历手势交互规范。

(2)优先设计自然的手势交互,而不是TAP点击

(3)引导用户在情境中学习手势操作。

(4)特殊手势不是必须的。

(5)可触区域必须大于7×7mm,尽量大于9×9mm。

(6)手势操作需要提供过程及反馈演示。

3、输进方式的 转换

文字输进是移动端的软肋之1,不管是手写输进还是键盘输进,操作效率都相对较低。在行走或者单手操作时,输进的出错率也比较高。

(1)减少文本输进,转化输进形式。

(2)简化输进选项,变填空为抉择。

(3)使用手机已有的传感器输进。

4、操作流程必须确保顺畅性

在移动产品的操作过程中会碰到多种多样的情状——找不到目标、不知道该怎么操作、操作后没有及时反馈,等等,这都会对产品的顺畅性造成影响。在移动产品的设计中主要从3个方面来考虑产品的顺畅性:

(1)手指及手势的操作流。

(2)用户的注重流。

(3)转场顺畅或者自然,不能牵强!

5、多通道设计

多通道设计是指系统的输进和输进都可以由视觉、听觉、触觉等来协作完成,协同的多通道界面和交互也会让用户更有真实感和沉浸感。

当前各个系统平台的基础技术已经越来越成熟,语音输进、手势识别及其他由多种传感器组成的综合识别系统也会给用户带来更接近自然的感觉。

作为产品设计师或APP设计师,也可以从其他通道的角度探求设计,给用户更好的交互方式。

6、移动APP产品必须具有易学性

对于移动产品,倡议的是简单、直接的操作,倾向于清楚地表达产品目标和价值。让用户快速学会使用,尽量不要让他们查看扶助文档。界面架构简单,明了,导航设计清楚易理解,操作简单可见,通过界面元素的表意的和界面提供的想说就能让用户清楚地知道操作方式。

只有这样的设计,才能让用户的学习使用没有负担,而不是通过扶助系统来教会用户操作。

7、避免骚乱和打断

在玩手机时突然没电了、写微博时又被老板喊往做重要的事情、在搜索商品时收到1条重要的信息……在移动情境中,被各种其他的事情打断是很正常的。

(1)保存用户的操作,减少重复劳动。

(2)网络中断状态或编辑中断状态。

(3)衔接用户的记忆而不是让用户重头开始。

app界面设计流程?

UI设计app界面的设计流程从收集设计需求开始,其次确定app的设计风尚,再次设计功能图标,进而优化整体界面的效果,然后设计稿切图,最后和开发工程师对接就可以。

1、收集设计需求 在开发APP之前先收集用户所需要的设计需求,只有确认了用户的需求才能够更好地开发和设计APP。

2、确定APP的风尚 在确定风尚的时候还是以用户的需求为主往确定,不然构思的再好也没什么用。比如用户需要1款音乐类APP,那么界面就要符合关于音乐的类型,也没必要弄得复杂;又或者是图片类APP,风尚就要以能够吸引人的眼球为主了,等等……。

3、功能图标设计 它是具体功能的具象图形,能够让人1眼看到这个图形就知道代表什么功能,也要与APP的风尚相结合。

4、整体界面效果优化 按照使用的风尚选取符合APP的图片,能够使得APP界面整体顺畅好看。

5 、设计稿切图 设计稿就是能够看到界面是什么样子的,然后能够让开发人员进行切图使用,每个功能模块不论距离还是颜色都很清楚明白。

6、与开发工程师对接 APP的UI设计师也只是负责把移动APP的各个页面界面进行设计,所有的具体功能要实现还是开发人员往完成的,UI设计师与开发人员相互沟通往进行具体界面的实现。

0
回帖

APP 界面的构成规范及设计原则?app界面设计流程? 期待您的回复!

取消
载入表情清单……
载入颜色清单……
插入网络图片

取消确定

图片上传中
编辑器信息
提示信息