全教育培训行业第三方平台平台就业机构
扫码试听
扫码试听
Q:2638333071
首页 > 行业动态 > > Android Studio 怎样实现介绍中的所见即所得的UI设计界面(android studiodesign)
行业动态 行业问答 课程问答 零基础学习 就业前景 技术干货

Android Studio 怎样实现介绍中的所见即所得的UI设计界面(android studiodesign)

发布时间:3 个 月 前 栏目:行业动态 浏览:

1、Android Studio 怎样实现介绍中的所见即所得的UI设计界面

在eclipse上开发android软件,Ui设计部分主演在xml文件中实现的。开发一个android软件,主要有三部分工作,第一个是logic,第二个resource,第三个就是ui。logic是通过在project.java文档里的代码实现,resourcess主要是在R.java中实现,Ui主要是在res目录下的xml文件实现。但是模拟器缺少一个方便的所见即所得的编辑界面,我们只能通过修改xml代码,再到模拟器中看才能达到调试的效果。而DroidDraw正好弥补了这个缺陷。先看张图:

这张图就是droiddraw工作的主界面,操作一目了然:

1.首先在screen上面编辑你想要的界面效果。widgets页面有很多items直接拖拽到screen就可以,比如textview,button等等。

2.页面编辑完成,点击generate,会自动生成xml代码,在output窗口,将代码粘入main.xml即可,当然你还要统一res的标识符。然后运行模拟器,结果图如下:

Android Studio 怎样实现介绍中的所见即所得的UI设计界面

2、Android Studio 界面设计在运行后变位了 谢谢大家了

AndroidStudio界面设计在运行后变位了

谢谢大家了AndroidStudio界面设计和运行后变位了

图一是我在studio上面设计好的

图二是我在手机上面运行后的

为什么会移位啊,求助

在text里面的代码没有错呀

谢谢

Android Studio 怎样实现介绍中的所见即所得的UI设计界面

3、App开发中的UI设计技术简析

在app开发过程中,UI技术起到了决定性的核心作用。其中photoshop、AdobeIllustrator作为主要的辅助软件。目的是展示软件中UI设计整体的思路和实现过程。进入新时代以来,信息技术发展速度不断加快,我国手机用户已超过14亿,手机APP的应用也越来越广泛,对于当人们来说利用APP进行交易、阅读、学习已经成了生活中不可缺少的一部分。竞争如此激烈的行业,想要在初始阶段吸引用户的兴趣,第一印象是最重要的,也就是指的是用户界面。试想一下,一个很有内容的、运用大量技术层面的一个应用程序,但是没有美观整洁的用户界面,哪怕开发者说的再天花乱坠,用户也不会想了解那么深层的东西。所以,让人耳目一新的界面,也就是用户交互体验,才能更好的让用户再人机交互中得到最大程度的人性化。因此在app中不仅实现了美轮美奂的界面,还实现了用户可以使用功能。软件通过在AndroidStudio开发环境下集成并使用Java语言编程,测试结果使用Oracle数据库保存。并运用photoshop、AdobeIllustrator等软件进行UI设计的实现。

一、UI设计需要的技术:

1、图像处理:

在网络上拥有琳琅满目的资源,这些对于我们在做UI设计过程中可以说是无价之宝。很多时候无从下手,这些资源都可以给我们灵光一现的感觉。在我们可以进行综合运用情况下怎么样进行图片的处理就变得尤为关键。例如,图像的大小、文字搭配是否美观等等问题的处理。针对于图片的处理,基本运用photoshop软件或者是网络上一些比较快捷的网站,像一些想要快速的进行P图和抠图的实现,运用Photoshop软件中太过于繁琐,这时候运用网络上的快捷处理图片的网站就会比较快速的出成果图。但对于细节的处理,还是运用Photoshop更好,Photoshop主要处理以像素所构成的数字图像。它拥有众多的编修与绘图工具,可以专业地进行图片处理工作。

2、Logo设计:

Logo设计可以说是整个APP的灵魂,它代表着一个象征。这个象征要具有特色、要与众不同的魅力。客户可能因为你的logo就一概而论,所以logo设计尤为重要。而我们想要做好logo设计,就要把APP的应用功能具体化,找到APP主要想展现什么有什么特点,把这些特点和内容陈列出来,然后进行最后的组装。这里一定要注意,即使想表达特性也不要同时表现太多个,那样显得过于繁琐。

3、图标的设计:

图标设计主要是标签栏中具体功能的明确表现,目的是用图形的方式引导用户快速寻找想要找到的功能。而图标样式分为面形图标、线形图标、线形和面型图标的结合、节日图标。像“发现”就和放大镜有关等等很多都是生活中我们惯用的东西,结合实际加以想象就可做出好的图标设计。

4、主页面的设计:

主页面的设计还是要运用Photoshop软件,多去看看成功的例子,然后养成自己的惯性思维,知道什么地方放图标好看,什么地方放文字好看,形状是什么样子的顺眼,颜色是什么和主题比较搭等等的问题都需要自己反复的实验与尝试。

4、Android手机应用UI设计的10个建议

每个开发循环迟早到会走到应用几近完成这个点。接下来要做什么呢?你可曾听说过“用户体验”这个词?以下这10个技巧能够使新手机应用在发布前提升质量,最大化发掘该应用的潜力,从而最小化用户差评和低下载量这种不良结果。

1、首次开启体验 优秀的网站和手机应用有诸多相似之处。这两者都能够迅速吸引用户或访问者。如果没有做到这点,用户很可能会转而寻找其他替代品。多数用户不愿意浪费时间来弄清楚要如何运行应用或阅读复杂的教程。他们会选择放弃该应用。 首次开启应用时,每个人的脑中都会浮现出相同的3个问题:我在哪里?我现在能够做什么?我接下来能够做什么? 努力使应用立即对这些问题做出回答。如果你能够在前数秒的时间里告诉用户这是款适合他们的产品,那么他们势必会进行更深层次的发掘。 (Gowalla有着良好的首次开启体验。护照缓缓打开,让你可以立即查看个人信息、即时建议以及更多的动作和通知。)

2、便捷的输入方式 想想看你是如何使用手机设备的:开发者的手机安静地躺在平坦的桌面上,连接到配有大型键盘的PC上,或许还完全打开背光功能。现在,想想其他人如何使用他们的智能手机:走在熙熙攘攘的大街上,一手拿着杯咖啡,另一手拿着设备,努力弄清楚他们最喜欢球队的表现情况。 在多数时间里,人们只使用1个拇指来执行应用的导航。不要执拗于多点触摸以及类似的复杂输入方法,要多考虑滚动和触摸方式。让人们可以迅速地完成屏幕和信息间的切换和导航。让他们可以快速获得所需的信息,珍惜用户每次的输入操作。 (你只需要简单的触碰和输入文字就可以给Taskos应用添加新任务。当然,你还可以修改许多设置,但这些都只是可选操作。)

3、对比度 你的开发环境或许是有着大型屏幕且光照适当的房间,但用户使用应用的环境可能并非如此。尽管我们不愿意,但是我们确实常需要在阳光强烈的环境下使用手机设备。这种情况会对我们观 看屏幕产生很大的影响,界面设计时应当考虑到这点。在上述不佳条件下,可能会导致细节丢失,颜色分辨不清,某些元素因阳光反射而完全消失。 这并不意味着你只能将界面设计成黑白样式,抛弃UI设计中所有漂亮的细节。这仅仅意味着,重要元素应当有足够的对比度,使之在此类条件下能轻易识别。如果你想要给代码元素上色,那么要添加简单文字标签之类的选项。如果你想用小细节和信息来改善应用外观,这也是可以的,只是要确保你的UI没有这些元素时依然能够运转。 为界面设置清晰的等级,大而明亮地呈现最有价值的功能,将任何不重要的内容完全移除。 (虽然SoundHound的屏幕上有着许多选项,但是主要功能用明亮和加粗的字体清晰地呈现在界面顶部。)

4、不要让用户等待 没有人喜欢等待,在移动领域中尤其如此。我们将设备带上火车,在汽车上快速回复邮件,或者在走出屋子的时候查看天气预报。我们利用时间间隙来做这些小事情,来换取更多时间做真正喜欢做的事。不要让人们等待你的应用做某件事情。提升应用表现,改变UI,让用户所需结果的呈现变得更快。 当然,所有人都能够理解,有些任务需要花一定时间来执行,或者应用需要从网络上下载某些容量较大的数据包。但是不要让用户毫无意义地等待。要让他们感觉到任务正在执行中。为按键添加“选择”或“按动”的状态,加载时间较短时可以添加旋转符号,加载时间较长时可以使用进度条。但是,绝不要让用户面对空无一物的屏幕。 等待总是令人苦恼的。至少要让用户知道他们还需要等待多长时间。 (Google Reader应用在设备顶端显示一个小的旋转符号,每当应用在后台加载内容时这个符号就会出现,这样你就会意识到自己或许需要等待一段时间。)

5、不要忘记横向呈现方式 有时,你或许会忘记手机设备不只有单一的纵向呈现。虽然多数人能够适应只支持纵向模式的应用,但确实有某些人喜欢横向使用他们的设备,尤其是那些有着实体键盘的设备。随着Android 平板电脑的流行,这类用户的数量可能会逐渐增加。 不要认为横向模式只需简单地加宽应用界面。横向使用设备有着完全不同的用户体验。在这种情况下,你可以用两个拇指与屏幕互动。输入变得更为简单,而且多数情况下你会由左向右阅读,不是由上向下。事实上,如果你的应用需要大量的阅读和文字输入,那么绝对要有良好的横向模式。 对用户来说,横向体验是完全不同的。你可以利用这种更宽的布局,以完全不同的方式呈现信息。比如,之前位于屏幕上方的按键可以移动到屏幕一侧。利用更宽的屏幕,地图、图表和图片可以呈现新的信息。 (先构建和改善一种屏幕方向,然后再制作另一种。注意每种布局的利弊,睿智地加以利用和改良。YouToube应用官方版本为不同的方向模式设计了不同的布局,两者都在各自的纵横比下完美地运转。)

6、应用生态系统 尽管你能够设计出为用户多种不同目标服务的独特应用,但它永远都只是整个动作系列的一个步骤。 想想看你的智能手机所具备的功能:电话记录、联系人、短信息、邮件、浏览器 、拍摄照片和视频、GPS和地图等。利用这些功能。对于所有这些已构建的模块,你无需自行制作。用户已经很熟悉这些标准工具,不要在这些内容上浪费精力。 以下是个简单但极为普遍的动作流程:接到邀请你前往某个地点的电话。查看时间。查看天气。用Google Maps搜索该地点。用Foursquare签到。那么,你的应用要同整个流程中的哪个部分绑定呢? 没有用户会单纯为了你的应用而摆弄自己的手机设备。但是如果你成功制作了一款优秀的软件,他们会愿意将其整合到日常的手机使用流程中。让用户能够便捷地使用分享或在网络上搜索有趣信息等功能,使他们交替使用你的应用和其他应用。 (许多应用会直接绑定Android的分享机制。你可以将此作为应用的优势。)

7、让你的应用更为独特 目前,Android Market上有数十万款应用。你或许会时常问自己,如何从如此多的同类应用中突出重围。如果你想要构建的又是一款无聊的黑白数独游戏,或者是基于官方代码范例的记录应用,那就很难获得可观的下载量。 不要认为目前市场上已经没有优秀应用的发展空间。用户偏好的应用类型各不相同。有些人偏爱几乎能够做所有事情的记录应用,有些人需要的只是带有同步功能的文本编辑应用,还有些人只是想要个有着清楚UI的记录应用。 无论你选择的是哪个方向,要构建带有一定特征的应用。操作系统和核心应用已经为用户提供了所有基本功能。制作某些能够用内置解决方案吸引用户使用产品,这样才能够脱颖而出。将你的应用视为住在智能手机中的小机器人。它与你交流,告诉你有趣的事情,帮助你完成日常事务。你希望自己的机器人聪明专业,还是精明可爱,抑或是滑稽搞笑? 在应用构建的开始就要记住这一点。人们喜欢与他们的个性相符的应用。如果你想要构建照片分享应用,可以为其添加各种主题和徽章。如果想要构建的是款定位服务应用,可以考虑将其简化成只具有最基本的功能,让所有内容自动化完成。应用设计愿景的微小改变可能会改变整个应用以及用户的使用方式。 (Feedly也是款整合Google Reader的新闻阅读器,但是它使用类似于杂志的呈现方式和清晰的界面设计,这就是该应用与其他阅读器的不同之处。)

8、遵守平台指导原则 尽管你的目标是制作出独特的应用,但是并非意味着应用的每个部分都要完全与众不同。谷歌就Android应用的设计和开发提供了许多指导性原则。熟悉这些原则。人们能够用来研究现代智能手机的时间比你想象的要少。不要让应用中遍布自定义互动元素,这会让他们的操作更为困难。 学习使用Android设备需要用户适应触摸、输入、摇动甚至不时按动硬件按键等操作。他们需要识别输入区域、选择框、模式对话框和菜单等样式。你真的还想给他们增加更多的负担吗? 使用简单和直观的列表。在应用开启屏幕中,用大图标来呈现主要功能。添加标题作为最常用功能的入口,让用户能够随时返回开启屏幕。如果你无法显著提升某些操作的功能,那么就保持原样。人们会认同应用和整个操作系统的一致性。 认真研究谷歌的界面和决策。熟悉整个原则,并在开发应用时用上这些原则。但是,不可过于死板。如果你能够改良某些元素,而且你确信自己的做法比原则建议的更好,那么就勇敢去做! (Catch Notes用户的多数动作可利用应用中的大图标功能实现,这款应用遵从了基本原则,因而运转良好。)

9、测试 所有的用户都各不相同,我们必须正视这个问题。你可以在应用中投入尽可能多的精力,但是你不可能令所有人满意。甚至连将应用制作成适合多数人的需求都是件很困难的事情。 不要误解我的说法。你在发布应用前,必须考虑到不同人可能会有不同的使用方式。你需要不同的人来测试应用,由此找出最恼人的问题和漏洞。大公司往往耗资数千美元进行可用性研究,在昂贵的实验室中让数百名不同类型的用户测试应用。 虽然这是个提升应用UI的绝妙方法,但多数独立和小型开发商无法承担如此多的费用。但是,也不要以此为借口而放弃应用测试。你可以开展成本低廉的测试,寻找不同的用户群体,由此来大幅改善你的应用,让其能够满足更多用户的需求。 将应用原型安装到你的开发设备上,花点钱购买些小礼物,开展应用测试。先从同事和好友开始,然后再以你从未见过的陌生人为对象。多数人都愿意花点时间来体验全新的东西,只要你足够礼貌甚至愿意为他们费时测试应用提供奖励。 让他们像你预期那样使用应用,然后细致地观察他们的使用过程。告诉他们目标是什么,但要尽量少提供帮助,但也别让他们卡在某个地方。很快,你就会发现应用的纰漏和瓶颈。

10、发布到市场上 你已经制作完成了自己的首个应用。感觉很棒,不是吗? 不要犯许多开发者犯下的某些错误。诚然,你想要将应用发布到市场上,看看用户会有何评价。但是,最后这几个步骤会让你的首次发布更为成功。 确认完成对应用的测试后,我们还需要考虑些小问题。 你上传到Android Market的应用还应该带有以下4种资产: (1)应用功能描述 (2)高清应用图标 (3)呈现在Android Market上的小型推广条幅 (4)显示在网页版市场中应用旁边的较大“推荐”图像 不要低估这些资产中的任何一项。精心撰写的介绍和清晰且设计精美的图像会让你的应用显得鹤立鸡群。用户会察觉到你额外投入的这些精力。 如果制作清晰精美的图像或撰写介绍不是你所擅长的事情,可以寻求设计师和撰稿人的帮助。额外付出一些金钱会对应用的成功有所帮助,而且这些只需几个小时便可完成。 如果你想要在应用发布前就开始对其进行推广,可以注册Twitter账户,制作外观精美的登陆页面,开始宣传应用。对于营销而言,多早开始都不为过。培养人们对应用的兴趣,他们会在应用完工前就开始传播。 Twitter APP

上一篇:没有了
技术干货
零基础学习
行业多年深耕,从这报名,学费立减800
  • 岳同学180****1241刚刚成功领取
  • 胡同学134****6431刚刚成功领取
  • 李同学150****6122刚刚成功领取
  • 张同学136****2231刚刚成功领取
  • 孙同学178****5521刚刚成功领取
  • 齐同学156****7788刚刚成功领取
猜你喜欢
查看更多
相关推荐
查看更多
现在学习,我的薪资能达到多少?
立即报名

联系我们:

Q:2638333071

鄂ICP备2023015464号