android应用开发-从设计到实现 4-3应用的创建与部署

应用的创建与部署现在我们开始创建一个全新的项目工程-天气预报,并在编译后让它运行到真实的设备上。创建应用工程运行Android Studio, 启动Android Studio,选择Start a new Android Projcet; 在Application name栏,为应用取个名字为WeatherApp; 在Company Domain栏,按照网址的形式填上anddle.com--当然,你...
阅读(1756) 评论(0)

android应用开发-从设计到实现 4-2 开发环境搭建

开发环境搭建开发安卓应用可以在Window系统 MacOS系统 Linux系统上进行。但并不是说打开一个写字板就可以了,它还需要编译器等开发工具的配合。所以在正式开发之前,需要搭建开发的环境,我们需要给开发平台(Window系统 MacOS系统 Linux系统)安装上: JDK(Java Development kit):Java开发工具包,因为安卓使用java开发,而且安卓应用开发的其它部分工具也...
阅读(280) 评论(0)

android应用开发-从设计到实现 4-1 开发产品

开发产品当开发者拿到设计师提供的原型(静态或者动态)和资源后,也并不是就可以开始写代码了。开发阶段通常还会包含以下几个部分:功能验证 -> 设计文档 -> 编写代码 -> 测试 -> 产品发布 -> 产品升级在整个开发的过程期间,还需要对各种文档、代码、资源进行管理,引入版本控制的概念。功能验证如果产品的功能很复杂,开发者在正式开始编码前,还得做一番功能的验证。也就是, 在创意阶段确定功能点的那些验...
阅读(254) 评论(0)

android应用开发-从设计到实现 3-10 资源的创建

资源的创建界面原型已经设计完成了。不过离最后交付给开发人员开发还差一步:产品中使用的图片还没有准备好呢?设计师除了产品原型还要交付哪些资源呢?开发者最关心的资源就是应用中会使用到的各种图标资源和配色方案。在天气预报应用当中,我们已经确定好了界面的主要颜色, 颜色项目 颜色名称 颜色RGB值 Primary Color Indigo 500 3F51B5 Primary Da...
阅读(395) 评论(0)

android应用开发-从设计到实现 3-9 Origami动态原型设计

动态原型设计动态的可交互原型产品,是产品经理和界面设计师向开发人员阐释自己设计的最高效工具。开发者不需要猜测设计师要什么样的效果,照着原型产品做就好了。很多创业团队也发现了产品人的这个刚需,做出了诸如Principle、Axure这类著名的原型设计产品。Facebook似乎也深谙此道,专门为安卓和iOS系统开发很有针对性的交互原型设计工具-Origami Studio。这是一个免费的工具,而且也能和...
阅读(1059) 评论(0)

android应用开发-从设计到实现 3-8 静态原型的Appbar折叠

静态原型的Appbar折叠接下来,我们开始设计Appbar被滑动收缩以后的界面效果。可以看到,这个效果图绝大部分和展开时的效果图时一样的。所以我们可以将整个画板修改一个名字为-展开,并复制出一个新的画板命名为折叠,修改一下其中的元素就好了。使用Symbol这样做完全没有问题,但是可能会给以后内容的修改留下一个隐患:假如我要把风力从3级修改为5级,除了要修改展开画板,还要修改折叠画板,要修改两个地方。...
阅读(1506) 评论(0)

android应用开发-从设计到实现 3-7 静态原型的更多天气信息

静态原型的更多天气信息天气的更多信息,是通过列表的形式展现的。参数设计列表项的高度在Material Design中,被定义成了48dp;并且整个list的顶部还有8dp的边距。列表项由3部分组成,...
阅读(1087) 评论(0)

android应用开发-从设计到实现 3-6 静态原型的天气预报

静态原型的天气预报未来5天的天气预报,可以看成由5个类似的天气模块构成,只要完成一个,其他几个就可以通过复制+修改内容实现改变。首先来明确一下各个组件的尺寸和参数, 整个区域的大小,我设定成360dp*100dp; 左右边距设置成16dp; 这样一来,每日的天气模块就是(360-16-16)/ 5 = 65.6dp,我将它们设定成65dp宽; 天气的图标的大小设定成30dp的正方形区域(注意,这些图...
阅读(1713) 评论(2)

android应用开发-从设计到实现 3-5 静态原型的Appbar

静态原型的Appbar我们设计的Appbar包括了两个部分,一个是toolbar,另一个就是flexible space-显示当日天气的详细信息,Toolbar参数确定添加Toolbar很简单,首先找到Material Design中对Appbar的描述可以知道, 这是一个高度为56dp的矩形区域; 当Appbar收缩时,应用的名字会显示出来,注意:这里显示的是中文-Dense类型的文字,所以文字的...
阅读(1571) 评论(0)

android应用开发-从设计到实现 3-4 静态原型的状态栏

静态原型的状态栏状态栏Symbol状态栏似乎很复杂,有wifi信号、手机信号、时间、电量等信息,幸好Sketch原生就自带的现成组件,你可以直接拿过来就用了。当然,你也可以自己一个一个去画,不过既然有了现成的轮子,又何必重复劳动呢。菜单栏中选择File -> New From Template,在弹出的菜单中选择Material Design。此时会创建一个新的工程文件。与之前空的工程文件不同的是,...
阅读(1579) 评论(0)

android应用开发-从设计到实现 3-3 Sketch静态原型设计

Sketch静态原型设计对于静态原型的设计,我们使用Sketch。启动Sketch后,我们将看到类似如下的界面,工具栏它的顶部是工具栏,可以通过菜单栏View -> Customize Toolbar...来自定义工具栏。 在弹出的窗口中,将下方的图标拖拽到上方的工具栏中就可以了。导航栏左边是导航栏,用来展示这个项目拥有的page和page中包含的详细内容。page是一张张单独页面, 每个页面上可...
阅读(1549) 评论(1)

android应用开发-从设计到实现 3-2 前期准备

前期准备设计师首先在头脑中、草稿中勾勒出静态效果图,之后就需要收集制作时需要的各种素材、确定界面的配色方案。收集素材界面中需要使用各种天气图标:晴天、雨天、大雾、下雪、下雨、多云等等;还有天气信息中的风力、风向等等。我们可以使用Sketch工具进行完全的从无到有的自由创作,也可以适用现有的素材,减少设计的工作量。这里并不打算讲如何画出一个完美的图形,我想作为一名设计师,这点基本的艺术功底应该还是有的...
阅读(1095) 评论(0)

android应用开发-从设计到实现 3-1 原型设计

原型设计通过前面几个章节,我们已经掌握了安卓系统Material Design设计的大致原则。接下来,我们开始尝试将这些原则和方式运用到实际的项目当中。效果图与交互原型产品原型的设计又可以分成两个阶段, 高保真效果图:这是产品的静态效果图,图纸上的设计效果与最后实际产品基本上是一模一样。产品中使用到的各种图标都可以从高保真效果图中截取出来使用(这里其实指的是使用sketch进行界面原型设计,它可以从...
阅读(495) 评论(0)

android应用开发-从设计到实现 2-9 界面模式

界面模式Material Design的基础组件我们已经大体了解过了,现在我们看看Material Design在结合这些不同组件的过程中,有哪些套路,也就是有哪些常用的界面设计模式。了解了这些模式,可以帮助设计者们做出合乎开发者实现的方案。设计的套路有很多,列表-list 分页-tab 网格-Grid 侧边栏 下拉刷新等等。这里只列出几个常见的,更多的方式请参考设计规范,以及其他各种优秀应用的精...
阅读(324) 评论(0)

android应用开发-从设计到实现 2-8 组件与常用模式

组件与常用模式前面已经比较全面的介绍了Material Design相关的设计哲学、设计原理和方法论。这一章开始,我们将看看这些原理是如何在安卓系统当中得到实践的。一个应用并不是完全从什么都没有来组建的,至少会有一匹一匹的砖嘛。而在界面设计当中,这些能够拿过来就使用的砖块就是控件。例如,按钮 滑动条 列表等等,都是可以直接拿过来用的砖块。Material Design最基础的体现,就是看看这些砖长成...
阅读(2135) 评论(0)

android应用开发-从设计到实现 2-7 声音与触觉的利用

声音与触觉的利用之前我们对设计的讨论都是几种在视觉基础之上的。但除了视觉,我们人还拥有听觉、嗅觉、触觉、味觉等感知大自然的能力。现在由于技术的限制,嗅觉和味觉在移动设备领域的使用还无法派上用场,但是听觉和触觉正在扩大对我们使用的影响。声音的影响最经典的听觉案例有2个,和大家分享一下。一个是当年诺基亚的开机铃声,我想使用过诺基亚手机的同学每当听到这个声音一定会想到它那经典的台词,科技与人为本,然后就是...
阅读(621) 评论(0)

android应用开发-从设计到实现 2-6 动画效果

动画效果运动的物体总是能最有效的吸引住人类的注意力。在界面设计的领域,也是一样,当你希望用户的注意力从一个点转移到另一点,在这两点之间设计一个迁移的动画是在合适不过的了。动画基本上可以分成以下几类: 平移动画: 渐变动画: 缩放动画: 旋转动画 其他所有的动画基本上都是这些单一的动画,或者多个动画的叠加。例如,一边平移一遍放大。动画由两个要素:一个是上面各种动画体现出的空间变化;另一个就是动画相对于...
阅读(439) 评论(0)

android应用开发-从设计到实现 2-5 图标的使用

图标的使用图标能给人带来最直观的印象,有的时候再多的解释也抵不过一个图标。安卓应用的图标分成两类, 应用图标:在主界面上代表着整个应用的那个启动图标,是给用户第一印象的图标。一个应用开发成功后会不会被用户下载,也许就取决于用户看它的第一眼。 系统图标:在应用里面使用的各种具有特别意义的图标,引导用户进行更多的操作。 应用图标应用图标的设计也是对Material Design的一种体现:制作应用图标的...
阅读(1690) 评论(0)

android应用开发-从设计到实现 2-4 文字的使用

文字的使用文字是应用当中使用最多的要素。显示一段供用户阅读的文字,程序运行时的信息提示都离不开它。文字是内容的实际体现者,因此设计师需要将用户的注意力尽可能的吸引到文字当中。字体可以分成两种类型:有衬线的-serif;无衬线的-sans-serif,也简称sans。serif的笔划端部会多出来一截修饰;sans的笔划端部是平的。在过去,serif通常用来做文章的内容,sans用来做标题;但是现在...
阅读(587) 评论(0)

android应用开发-从设计到实现 2-3 颜色的运用

颜色的运用Material Design采用的是扁平化的设计,可以看到一大块一大块区域的颜色。这些颜色大多亮丽引人,整个界面上搭配的颜色也不会太多,基本保持在三种颜色以内。“没有错误的颜色的,只有错误的搭配”。颜色是没有对错的,我们要用经验和直觉来搭配它们,所以要先来认识认识颜色。颜色理论颜色是有语言的,红色代表这热情奔放,蓝色代表的沉着安静,绿色代表着生机活力。搭配一组颜色,就是表达作品要传递的含...
阅读(2198) 评论(0)
110条 共6页1 2 3 4 5 ... 下一页 尾页
    个人资料
    • 访问:520063次
    • 积分:6241
    • 等级:
    • 排名:第3689名
    • 原创:109篇
    • 转载:0篇
    • 译文:0篇
    • 评论:160条
    我的地盘

    程序猿+工程狮,用理性的思维理解世界,用优雅的代码影响世界,用10的语言探索世界。我们是一群喜欢Coding十余年的工匠,也是一群潜心钻研十余载的码农。




    欢迎加入我们的QQ群:

    348702074

    阅读我的最新系列文章:


    安豆的杂货铺
    博客专栏
    手把手做Arduino智能玩具
    大话Arduino智能硬件
    手把手做安卓开发
    大话安卓应用开发