当前位置:首页 » 软件设计 » appui设计规范

appui设计规范

发布时间: 2020-11-25 07:35:44

Ⅰ 怎样规范设计移动端APP的UI

想要成为一个合格的APP开发UI设计师那就要跟紧移动时代的脚步,了解每一个UI设计师必须掌握的基本技巧才可以。

第一:要了解平台

正如同网页设计师需要了解HTML/CSS一样,作为移动端UI设计师的你应该了解移动端APP的架构。首先移动端设计的语言和网页设计的语言就不太一样,不同平台有着不同的编程语言和接口,移动端界面的构成也是无法使用CSS和标签来实现。

你需要深入阅读官方的开发文档,寻找更多有关APP的文档知识,明白APP的构成,编译方式,发布方式,了解设计的规则。这些东西不仅关系到你的应用开发好坏,还会影响系统的 稳定性,电池续航长短等多种因素。作为移动端UI设计师,你单了解简单的移动端设计是不够的。我们需要从长远的角度去思考问题。

第二:了解移动端的技术构成

对于一个UI设计师来说光了解平台的基本特征是不够的。接下来你需要了解它相关的技术构成:位置服务(wifi,GPS等),蓝牙(低功耗蓝牙技术),信号,前后摄像 头,麦克风,陀螺仪,位置传感器,加速度传感器,指纹扫描仪(iPhone 5s),眼动追踪技术,语音识别,人脸识别,等等等等。每一个新技术的背后以为着应用程序更多的可能性,交互设计、使用体验,甚至商业模式。

第三:发掘本地UI组件的开发潜质

每个移动操作系统中中总有着大量的本地UI组件,他们有着极大的自由度,方便你进行定制。你需求确切地知道他们的特征(尺寸,大小,功用),你可以为与你合作的开发者节省大量的工作时间。

第四:了解移动端的工作流程

安装SDK并运行,了解移动开发框架,比如TubyMotion、Xamarin、Titanium。熟悉集成开发环境,因为这其中包含了移动开发所需的方方面面。

第五:了解移动端的界面模式

三大移动平台之间,有着相似之处,但是在深入探究他们的交互设计,会发现它们在理念上的巨大差异。作为一个设计师,你需要明白这些差异所在,以及它们是如何体现在实际案例中的。

不要只着眼于单一平台,三大平台都需要深入体验,每天至少都要把玩一下,并且最少要持续半年。在这个过程中,体会差异,并且将你觉得重要的、有代表性的、值得保存记录的界面截图留存。作为单一平台的狂热粉丝,你是做不好移动端UI设计师的。

第六:记录并解释你的UI设计

考虑到屏幕截图并不足以表现UI全部的特性,你需要学会记录界面不同的状态、转变过程、转场动画等信息,并且学会记录界面对于不同状况的反馈。

Ⅱ APP设计中,UI需要注意的几个问题

UI的话交互是重点
1,首先是确定UI的交互有哪些功能,层次是否鲜明合理。我认为按钮的设置应该有逻辑性,每层有递进关系。不能让使用者觉得什么也找不到。
2,考虑你的界面要应用在那些媒介里,比如如果用在手机触屏和大型触屏机器的话要考虑手指的作用范围,触屏的精度。
3,色调和结构的设计是否美观。
4, 可扩展性,比如一个网站,以后可能会添加新的内容,如果添加过量的显示问题。
5,流畅性,在保证美观的同时尽量保证不会很卡,让人能轻松的加载浏览。

Ⅲ 要做一个app的ui设计,具体该做什么,怎么做

  • 思维分析

  1. 原型之类的资料明确定位,页面数量,估计一下内工时之类的。(如果中间有UE在会容省好多事)

  2. 收集素材,就是常用的素材网站。

  3. 工具PS,sketch都可以,建议用sketch,手机下一个mirror,电脑一边做,手机实时展做空仿示。

  • 该界面亏盯要求用户完成的最重要的任务这些设计者都需要清纯纤楚明白。

Ⅳ 按app界面设计规范设计的页面做成手机网页浏览尺寸太大

那只能做自适应宽度的页面了

Ⅳ 小白一枚,想问一下如果做手机app的UI设计ios的尺寸规范是多少啊分辨率都多少啊!求解

屏幕分辨率一般是3个尺寸iPhone4:640*960pt iphone5:640*1136pt ipad:768*1024pt
icon一般要以下几个规格:
Icon.png – 57×57 iPhone应用图标
[email protected] – 114×114 iPhone Retina显示屏应用图标
Icon-72.png – 72×72 iPad应用图标
[email protected] - 144×144 iPad Retina显示屏应用图标
Icon-Small.png – 29×29 iPhone 系统设置和搜索结果图标
[email protected] – 58×58 iPhone Retina显示屏 系统设置和搜索结果图标
Icon-Small-50.png – 50×50 iPad 系统设置和搜索结果图标
[email protected] – 100×100 iPad Retina显示屏 系统设置和搜索结果图标

希望可以帮到你

Ⅵ APP界面设计规范编写指南

有关于《APP界面设计规范编写指南》我的站酷看到过,我发你链接看一看吧!

http://www.zcool.com.cn/work/ZMjM2NTQ5NzI=.html

Ⅶ 设计一款 iPhone 的 App 视觉上有什么规范吗如题 谢谢了

您好:

手机APP界面设计的重点无非就是两个:一个是界面视觉设计,一个是考虑界面设计的用户体验。其详细的内容分析如下:

一、手机APP界面视觉设计

手机APP界面视觉设计重点在于一些细节性的问题上,主要表现在:

1、视觉设计:一款手机app应用或系统首先是通过界面将整体性格传递给用户,体现了界面上风格营造的氛围,属于产品的一种性格。视觉设计的姿态决定了用户对产品的观点、兴趣,乃至后面的使用情况。app界面的视觉设计制作可以帮助产品的感性部分找到更多的共性,或者规避一些用户的可能抵触点。

2、屏幕大小:手机屏幕大小有限,但应用产品功能太强大,十多个页面都装不下,于是我们总会面对一级又一级的次级界面,并迷失在其中。

3、逻辑设计:实际上,我们对一个产品的要求往往很纯粹,大多数的操作也就集中在那2,3个页面中,虽然次级界面有助于我们把握逻辑关系,但过多的页面“转场”更让我们感到焦虑。

二、手机APP界面设计的用户体验

用户界面设计应用非常广泛,比如网站设计、计算机设计、应用设计等等。如同其名,在用户设计中,用户是最大的也是最重要的体验者。因此,酷蜂科技指出,在做设计时我们需要牢记遵循用户体验以及互动性原则。手机APP界面设计的要旨在让用户简单交互且高效,具体从以下几个方面考虑:

在设计时应该先理清一件事儿,能否用一句话概括一下这个产品是为了帮助用户达成什么目的?搞清楚这个,才能弄明白用户是带着什么需求来到这个界面上的,一个个功能点是如何为用户服务的。

接下来要做的就是调查一下用户以往是怎么满足这些需求的,那些功能和信息更重要,更常用到。总之,有了对真实用户的了解,就能知道这个APP到底要帮用户达成什么目标,一句话,讲明白它,然后就好办。

其实,设计良好的用户界面并不容易,它要求具备伟大的设计技能、良好的设计领域知识以及了解用户需求。从项目初期到最终呈现出的项目,用户界面设计需要遵循各种各样的过程。总之,以用户为中心的设计才是最好的界面设计。如果用户界面设计能够做到再不受任何干扰的情况下完成任务,才可被称之为良好的用户界面。

只要了解了手机APP的用户需求和核心,然后根据其要求从细节开始设计,这样想要设计出用户认可的手机APP界面就容易多了。

Ⅷ 关于UI设计app界面时的几个问题 1.使用的字体都是用什么有统一规范吗

  1. iOS系统中用的是苹方字体系列Android的液族默认字体是Roboto和Noto系列 注意字做族号不能低于20px

    关于字体推荐你看这个http://www.uigreat.com/article/188

  2. 750*1334就是二倍图尺寸 ios和安卓可以通用

  3. logo一般存成AI格式 尺寸的话和开发沟通 当然是存为背景透明闹胡弊的png

ps 我也是一个人 好苦逼

Ⅸ app界面设计要注意哪些方面

第一点:了解你的目标客户群的心态
1、做微任务的目标客户群(如随时随地看看新闻,听听歌,看看电影,聊聊八卦之类):
这类的解决方案是设计的app最好是小而准,不要大而全。越全的功能应用,只能代表着这个应用在各方面的都很平庸
2、喜欢当工具来使用的目标客户群:比如找地图,看天气,查数据等。
这类的解决方案是 我们尽最大努力的去满足用户的情景需求。做到极致和简单。
3、无聊的客户群,用来打发消磨时间的:无需求,漫无目的的
这类的解决方案是尽可能展示用户感兴趣的东西,帮助客户来打发消磨时光。

第二点:APP原型图的制作和设计讨论
这个环节是必不可少的。需要根据设计需求认认真真的来画画原型图。
常用的APP原型图工具:移动APP原型设计神器 POP 、axure、Foreui等

第三点:APP视觉设计与设计要点
(1)大概设计板块有APP启动页面设计,APP界面设计的尺寸规范,app图标设计等
一般来说,手机屏幕是从上往下布局的,重要的信息会放在上方。但是在操作上,大部分人都是单手拿手机,常用的操作,要放在界面的下方。
另外还有一个原则,最小的触摸单位,一般是44个像素。如果再小,你的拇指难以触碰,或者容易引发误操作。同时,也不要让界面太拥挤。
所以,设计师必须用减法设计,这个过程需要花时间思考、简化元素。
你必须记住:(1)隐藏设计或者减法设计 (2)分区或分类 (3)帮用户做决策 (4)提高交互创新设计 (5)让人有爽快感和新奇感 (6)在设计中浸入情感,把握用户的心理。(谈谈如何进行产品设计以及产品情感化设计)
一位大师这样说过“真正的简约设计是:作品必须不断的被简化,一改再改,直到设计最终成形。”
2014年 APP设计风格趋向扁平化和卡片化。卡片,扁平化都会是移动app设计的趋势!认为卡片设计确实同时兼具了“拟物”和“极简”2种优势!

第四点:APP界面设计流程

(1). 设计APP界面时,学会从优秀APP界面设计作品中寻求灵感,以前的艺术大师,用少量的资源做了大量的设计。
(2). 放下工作,休息一下很有帮助。扁平和简约设计的一切均关乎到细节的差异。因此小憩片刻后再回到工作,带着全新的眼光工作,比长时间冥思苦想更有
效。
(3). 并排比较各个版式同样有帮助。哪怕花20分钟前将一个线条下移各5个像素分别保存,对比两个版式就能很快分清孰好孰坏。
(4). 由于实物展示的相对比例至关重要,所以要及早在不同的目标设备上测试。
(5). 整个设计过程中不断问自己“真的需要吗?” 。支撑项目时候,找一些讨巧的办法,例如,添加一些有趣的元素、样式会这样会很容易也会很吸引人,
但必须始终注意剔除不必要的元素,不断精简。甩掉你费尽心血的部分总是难以割舍,但修改过程必须挑剔。

第五点:APP界面设计测试与预览修正
设计完成之后,我们可以把设计图导入手机测试或者是校正。之前发布的在线测试工具:快速在移动终端上预览APP界面设计效果图的方法最后:好的APP界面设计作品必然是要经过不断升级、重复迭代的。

Ⅹ 浅谈APP应用UI设计当中的几个基础要素

APP应用的UI设计要有逻辑性

对于APP应用的UI设计师来说,首先需要在工作开始前理清逻辑思维,对于相关的UI设计流程要清晰。如果设计师没有理清其使用流程就开始设计,则很容易让整个APP应用的结构变得复杂,也会让程序开发流程变得混乱,最后导致用户在使用APP应用的过程中容易迷失方向,而最终的结果就是会让用户将这APP应用卸载掉。因此,设计师要在开始界面设计之前,先理清APP应用的页面结构和使用流程,这样才能够设计出令用户友好的页面元素。

APP应用UI设计中的多平台性

当下移动端主流的操作系统分为为IOS和安卓平台,这两个平台都拥有各自的特点和不同之处,且APP应用所面临的用户都分散在这些操作系统当中。所以为了能够兼顾到所有用户,一款APP应用的UI设计就要能够同时兼容这两个平台,这就需要APP应用设计师认真掌握好每个操作系统的界面交互方式,并且设计出可以适应各个平台的界面和视觉元素,不要让用户在不同的操作系统上感觉APP应用界面的操作和响应非常的不自然。

APP应用UI设计中的过渡效果

目前有很多的APP应用在用户首次进入其界面的时候,会给用户一个动画来进行过渡。这是一个对用户非常友好的设计,同时也是一个效果不错的设计,不过在设计APP应用界面的时候,采用这些过渡动画就需要APP应用设计师控制好加载时间,也就是说APP应用界面动画时间要尽可能的短,因为一个对用户有价值的APP应用,主要是体现在APP应用的内容当中,而不是APP应用UI设计的效果上面,效果只是为了吸引用户,是为了辅助用户浏览内容的。

关于以上几点就是在开发APP应用的过程中,所需要注意的几个基础要素,这也是许多APP应用最容易出现问题的地方,所以建议大家能够认真对待这个问题。毕竟一款APP应用,最初能否打动用户,能否吸引用户去使用APP应用,主要就是取决于这个APP应用的UI设计效果是否能令用户满意,只有用户认为满意的APP应用,那么他才会愿意去使用,才会去浏览和阅读APP应用里面的内容。

热点内容
美发店认证 发布:2021-03-16 21:43:38 浏览:443
物业纠纷原因 发布:2021-03-16 21:42:46 浏览:474
全国著名不孕不育医院 发布:2021-03-16 21:42:24 浏览:679
知名明星确诊 发布:2021-03-16 21:42:04 浏览:14
ipad大专有用吗 发布:2021-03-16 21:40:58 浏览:670
公务员协议班值得吗 发布:2021-03-16 21:40:00 浏览:21
知名书店品牌 发布:2021-03-16 21:39:09 浏览:949
q雷授权码在哪里买 发布:2021-03-16 21:38:44 浏览:852
图书天猫转让 发布:2021-03-16 21:38:26 浏览:707
宝宝水杯品牌 发布:2021-03-16 21:35:56 浏览:837