android应用开发-从设计到实现 3-3 Sketch静态原型设计
Sketch静态原型设计
对于静态原型的设计，我们使用Sketch。
启动Sketch后，我们将看到类似如下的界面，
工具栏
它的顶部是工具栏，
可以通过菜单栏View -> Customize Toolbar...来自定义工具栏。
在弹出的窗口中，将下方的图标拖拽到上方的工具栏中就可以了。
导航栏
左边是导航栏，用来展示这个项目拥有的page和page中包含的详细内容。
page是一张张单独页面，
- 每个页面上可以放多个手机屏幕的画板：展开、折叠、图标等等；
- 每个
page中的画板都进一步的在导航栏的下半区域展示出来：展开、折叠、图标等等； - 多个
page被归类到了pages的下面：Weather、 Symbols等等；
我们设计的程序界面，就是某个page，
工作区域
工作区域显示的是page的详细内容。我们设计的程序界面具体样子，就是通过工作区域展现出来的。
属性设置区域
属性设置区域用来设定某个选定图形的属性，例如它的大小、透明度、文字内容、字体颜色等等。
添加设备画板
在新建的 Sketch项目中，双击导航栏的page1，把页面的名字改成一个有意义的名字-Weathear，
通过工具栏的Insert -> Artboard，调出画板，选择Material Design下的Mobile Portrait，
通过右侧的属性设置区域，可以看到这个画板的大小为360px*640px，正好是一个mdpi的安卓设备屏幕尺寸。所以我们在这样的尺寸上做设计，能够很容易的顾及到其他像素密度的设备。
可以看到Sketch为多种界面提供了默认的尺寸，iphone的，安卓设备的，网页的，MacOS应用的，可以说是应有尽有。这也说明Sketch就是为了这些产品而设计出来的。
除了使用菜单栏调出画板，你也可以使用快捷方式：A。这也是操作Sketch必须记住的快捷方式之一。
本文是《从设计到实现-手把手教你做android应用开发》系列文档中的一篇。感谢您的阅读和反馈，对本文有任何的意见和建议请留言，我都会尽量一一回复。
如果您觉得本文对你有帮助，请推荐给更多的朋友；或者加入我们的QQ群348702074和更多的小伙伴一起讨论；也希望大家能给我出出主意，让这些文档能讲的更好，能最大化的帮助到希望学习开发的伙伴们。
除了CSDN发布的文章，本系列最新的文章将会首先发布到我的专属博客book.anddle.com。大家可以去那里先睹为快。
同时也欢迎您光顾我们在淘宝的网店安豆的杂货铺。店中的积木可以搭配成智能LED灯，相关的配套文档也可以在这里看到。
这些相关硬件都由我们为您把关购买，为大家节省选择的精力与时间。同时也感谢大家对我们这些码农的支持。
最后再次感谢各位读者对安豆的支持，谢谢:)
android应用开发-从设计到实现 3-3 Sketch静态原型设计相关推荐
- 静态原型设计 加载中_见解1：原型设计有助于填补静态设计留下的空白。
静态原型设计 加载中 In April 2015, I joined the Disney Parks creative team to design mobile experiences for t ...
- HTML5汽车网页设计成品_学生DW汽车静态网页设计代做_web课程设计网页制作_宽屏大气汽车自驾游网站模板html源码...
HTML5汽车网页设计成品_学生DW汽车静态网页设计代做_web课程设计网页制作_宽屏大气汽车自驾游网站模板html源码 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML ...
- HTML5汽车网页设计成品_学生DW汽车静态网页设计代做_web课程设计网页制作_宽屏大气汽车自驾游网站模板html源码
HTML5汽车网页设计成品_学生DW汽车静态网页设计代做_web课程设计网页制作_宽屏大气汽车自驾游网站模板html源码 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML ...
- 原型设计 架构设计_对发明之母进行原型设计
原型设计 架构设计 In this article, I explore why it's important to prototype. I'll be looking at how the too ...
- css和html设计美食网页,HTML+CSS美食静态网页设计
爱尚美食网页 用Adobe Dreamweaver CS6 制作 代码如下: HTML代码: 爱尚美食 简体中文 English 人民币 Dollor 爱尚美食 每日推荐 28yaun 可乐鸡翅 15 ...
- Android实战：手把手实现“捧腹网”APP（二）-----捧腹APP原型设计、实现框架选取
APP原型设计 在APP的开发过程中,原型设计是必不可少的.用户界面原型必须在先启阶段的初期或在精化阶段一开始建立.整个系统(包括它的"实际"用户界面)的分析.设计和实施必须在原型 ...
- android前端开发工具,分享七个非常有用的Android开发工具和工具包
过去的2010年是Android全面爆发的一年,出众的扩展性使其成为了众多玩家的购机首选,市场占有率节节攀高.本文与大家分享七个非常有用的Android开发工具和工具包,希望对从事Android开发的 ...
- Android实战：手把手实现“捧腹网”APP（二）-----捧腹APP原型设计、实现框架选取...
Android实战:手把手实现"捧腹网"APP(一)-–捧腹网网页分析.数据获取 Android实战:手把手实现"捧腹网"APP(二)-–捧腹APP原型设计.实 ...
- 【Android 应用开发】Android 开发环境下载地址 -- 百度网盘 adt-bundle android-studio sdk adt 下载
. 最新下载 : 2017年 8 月 28 日 : 平台 Android Studio 软件包 大小 SHA-1 校验和 Windows (64 位) android-studio-bundle-16 ...
最新文章
- 写出一个超强的lighttpd模块
- WebSocket 中的Netty
- JQuery 总结（4） DOM操作
- 知晓云助力小程序开发
- 如何避免大脑短路？用心理学分析重庆公交车坠江案
- std::optional
- 怎么取消XP粘滞键(StickyKeys)
- 网络打印机 RPC服务器不可用
- atitit.提升开发效率---动态语言总结
- SPSS-PROCESS插件的使用
- SVM实现多分类的三种方案
- Linux内核开发-入门篇
- DIY智能战车制作教程，开启你的造车之旅
- MIPS，程序的CPI，时钟周期计算（主频的计算）
- 学堂在线android客户端,学堂在线学生登录入口app
- eregi php 5.2,PHP5.3x不再支持ereg和eregi
- css3中-moz、-ms、-webkit各什么意思
- 各学科门类研究生专业深度分析
- yarn下载报错There appears to be trouble with your network connection. Retrying.
- js笔试面试题（随意）