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

ui设计app的相关规范,app界面设计风格

Time: 2021-11-22

       ui设计是现在非常热门的设计行业,在很多人看来ui设计可能很难,其实了解ui设计的操作其实不难,难在如何将设计的APP让大众认可。今天就让faceui为大家介绍ui设计app的相关规范,app界面设计风格。

  ui设计app的相关规范

  APP版式设计规范:

  版式设计又叫做版面编辑,即在有限的版面空间里,将版面的构成要素如文字、图片、控件等根据特定的内容进行组合排列。

  1、对齐

  对齐是贯穿版式设计的最基础,最重要的原则之一,它能建立起一种整齐划一的外观,带给用户有序一致的浏览体验。

  2、对称

  对称是宇宙间的设计哲学,是对立统一规律的本质属性,呈现出一种和谐自然的美,在应用界面的设计中,引导页设计、注册登录输入框和按钮等无一不是对称的设计。

  3、分组

  物以类聚,人以群分。分组是将同类别的信息组合在一起,直观的呈现在用户的面前,这样的设计能够减少用户的认知负担,在移动端界面的设计中最常见的分组方式就是卡片,为用户选择提供专注而又明确的浏览体验。

ui设计app

  ui设计app

  界面文字设计规范:

  文字是 APP 中最核心的元素,是产品传达给用户的主要内容。

  在一款 APP 中字号范围一般在20-36之间(@2x),当然 iOS 11中出现了大标题的设计,字号还是要根据产品属性酌情设定。另外需要注意的一点是所有的字号设置都必须为偶数,上下级内容字号极差关系为2-4号。

  关于字体:在 iOS 9推出之前设计师普遍采用华文黑体、谷歌思源、冬青等字体进行设计,iOS 9推出了苹果自己的字体——苹方!自此之后苹方字体被广泛应用于移动端设计中。

  关于字体颜色和是否加粗:字体的颜色设置我们一般很少用纯黑色,一般用深灰色和浅灰色、细体和粗体(注意要用字体本身的字重,不能用 PS 的加粗功能)来区分重要信息和次要信息,进行信息层级的划分。

  app界面设计风格

  app设计风格是指app通过主要的几种颜色搭配、页面布局和NPC等给用户呈现出的整体视觉感受。

  一个app开始启动设计时,第一步应该用主要页面定下整个app的设计风格,然后其他页面按着统一的设计风格进行细致的设计美化。统一设计风格能给用户呈现整体一致的视觉体验,有利于传达产品整体的品牌形象;也方便设计团队制定设计规范,减少设计风格不一致带来的沟通成本。

  app设计风格从视觉效果上至少给用户传达了两个信息:一是app的整体基调。二是app的目标人群。原则上产品经理不应该干扰限制设计师的创意和灵感,但产品定位是什么、产品目标人群是谁。以上两点产品经理在提设计需求之前务必清晰传达到给设计师。

ui设计app

  ui设计app

  那么设计师出的稿子,如何判断是不是符合我们产品的设计风格呢?这里要求产品经理必须把设计的常识和基础原理弄懂,阅读相关的设计书籍,并且有意识的去体验和对比各种app产品的设计,提高产品的鉴赏能力。

  1、移动app产品的设计首先应该紧跟业界的主流设计风格:扁平化设计。扁平化设计有明显的几个好处:界面美观、简约大方、条理清晰;设计元素上强调抽象、极简、符号化,去除冗余的装饰效果突显app的文字图片等信息内容;完美兼容pc网站、安卓、ios等不同系统的平台和不同屏幕分辨率的设备,适应性强。

  2、app产品设计定为扁平化,然后考验的是设计师界面配色的专业功力了。在设计风格表现上,颜色占据了80%以上的视觉体验。因此要做好设计风格,主要做好界面的颜色搭配和分布。另外颜色是有情感的,不同的色彩能给于用户不同的印象和感受,而且不同的人群对颜色偏好也是不一样的。所以在为app设计进行配色时,需要考虑不同用户的喜好和体会配色给用户带来的视觉感受。设计风格的配色除了要注意男女性的喜好差别,还应该重视通过冷暖色彩+明暗亮度搭配表现给用户的印象和心理感受。

  总的来说,设计风格是设计起始的第一步,定好了设计风格,后续的设计工作才能继续安排。要确保设计风格匹配用户人群的喜好,符合app的定位以及给用户传递app正面良好的形象。确定设计风格阶段,产品经理和设计师花费再多的时间和精力来折腾也是值得的。

  以上就是faceui为大家介绍的关于ui设计app的相关内容。ui设计的内容很多,app只是一个展示ui设计的成果。ui设计app要想设计出优秀的作品,还是要多站在用户的角度去思考和设计。

合作咨询

上海(总部)

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