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

移动ui设计的工作内容有哪些,移动ui设计的内容布局

Time: 2021-11-19

       智能手机的应用带动了APP的研发和推广,手机的ui设计也跟着不断加深。作为移动端的主要代表,手机的ui设计内容有哪些呢?今天就让faceui为大家介绍移动ui设计的工作内容有哪些,移动ui设计的内容布局。

  关于移动ui设计

  移动端的UI设计,是区别于PC端UI设计的一种叫法。移动UI设计师是从事对软件的人机交互、操作逻辑、界面美观的整体设计工作的人。

  设计从工作内容上来说分为3大类别,即研究工具,研究人与界面的关系,研究人。 与之相应, UI设计师的职能大体包括三方面:

  1、图形设计,即传统意义上的“美工”。当然,实际上他们承担的不是单纯意义上美术工人的工作,而是软件产品的产品“外形”设计。

  2、交互设计,主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计,并且确立交互模型,交互规范。

移动ui设计

  图片来源于网络

  3、用户测试/研究,这里所谓的“测试”,其目标恰在于测试交互设计的合理性及图形设计的美观性,主要通过以目标用户问卷的形式衡量UI设计的合理性。如果没有这方面的测试研究,UI设计的好坏只能凭借设计师的经验或者领导的审美来评判,这样就会给企业带来极大的风险。

  移动ui设计的内容布局

  在 APP 的设计中内容的布局形式多种多样,这里介绍最常用的两种布局形式,列表式布局和卡片式布局。

  1、列表式布局

  列表式布局方式非常普遍,随便打开一个 APP,基本都存在这种布局方式,其布局形式的特点在于能够在较小的屏幕中显示多条信息,用户通过上下滑动的手势能获得大量的信息反馈。而列表也是一种非常容易理解的展示形式。

  以我们最常用的微信和 QQ 为例,其「信息」页面都是采用的列表式布局,在采用这种布局形式的时候要注意列表舒适体验的最小高度是80px,最大的高度要视内容的多少而定。

移动ui设计

  图片来源于网络

  2. 卡片式布局

  形式非常灵活。其特点在于,每张卡片的内容和形式都可以相互独立,互不干扰,所以可以在同一个页面中出现不同的卡片承载不同的内容。而由于每张卡片都是独立存在的,其信息量可以相对列表更加丰富。

  在使用卡片式布局的时候要注意卡片本身一般是白色的,而卡片之间的间距颜色一般是浅灰色,当然不同产品风格颜色可能不一样,有些是浅灰色偏蓝等。

  双栏卡片的布局形式,比较常见于以图片信息为主导的App。例如一些商城的商品陈列页面。这种形式与卡片式类似,但它能在一屏里显示更多的内容,至少4张卡片。同时,由于分开左右两栏的显示,用户可以更加方便地对比左右两栏卡片的内容。

  以上就是faceui为大家介绍的关于移动ui设计的相关内容。移动端的ui设计,其设计的页面布局跟PC端有很大的不同,要充分考虑用户的使用习惯,进行合理的设计。

合作咨询

上海(总部)

上海市浦东新区郭守敬路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
或保存二维码在微信中打开