当前位置: 海之晶网站设计> 建站知识> 网站建设>重力设计师简介:设计天气应用(上)

重力设计师简介:设计天气应用(上)

文章出处:网站建设-海之晶网络 | 网站编辑:网站设计 | 发表时间:2020/10/23 21:59:49
分享:

通过最近的版本,它变得更好了:现在您可以将草图文件导入到Gravit(类似于Figma,它也支持新的草图文件格式)、在本地保存设计或将它们同步到Gravit Cloud,然后快速开始设计模板。重力现在也有符号和改进的锚定选项(在其他应用程序中也称为约束)。GravitDesigner是免费的,可以在所有主要的操作系统平台上工作,并且可以作为web和桌面(独立)应用程序使用。

图1:完整的天气应用程序。(转至第2部分)每个新工具在开始时都会感到畏缩。因此,在本教程中,我将指导您创建一个整洁的天气应用程序(由Claudia Driemeyer设计)。您可以下载设计文件进行检查,也可以将其用作自己工作的基础。(请记住,您需要选择“视图”→“视图模式”→“输出视图”,这样当您在Gravit中打开设计时,设计的溢出部分会被剪裁。)如果您是一名UI设计师,但您还没有进行转换,请从Photoshop和Illustrator迁移到Sketch,值得一试。在Sketch中,您可以使用各种插件,这些插件使您的工作流部分自动化,并帮助您更高效地工作。阅读相关文章→启动我打开Gravit Designer时,首先看到的是“开始”屏幕,其中有大量预设选项(请参见图2)。在本教程中,让我们从“Nexus 5”模板开始,该模板的常见大小为360×640像素。(单击并从下拉列表中选择模板。)如果您不想限制您的想象力,也可以将顶部的“宽度”和“高度”字段留空,这将创建一个无限的画布;只是一个容易进入的尺寸和宽度将很容易进入价值观。这个初始屏幕还允许您打开文件(从Gravit Cloud或从您的计算机)并从一系列模板开始。

选择“Nexus 5”预设后,您将看到一个新的“页面”(称为其他设计应用中的艺术板)在中心。该页面将包含提议的应用程序的所有元素。因为它是一款关于天气的应用程序,潜在用户应该可以一目了然地看到当前的情况,所以让我们从一个完整的背景图像开始。我准备了一个雨天图像,您可以将其保存到您的计算机上并从那里拖动到画布上,或者直接从浏览器中复制并粘贴。

此图像将在“层”面板(左侧)中创建第一个条目,它还将被放置在画布上Gravit Designer的中心区域(图3)。如果图像尚未居中到页面,请右键单击并选择“对齐”→“居中对齐”,然后选择“居中对齐”。或者,也可以拖动图像,直到粉色智能辅助线显示此居中位置

关键字:
南京市汉中路1号国际金融中心9楼
建站热线:13815417591
免责声明: 本站部分内容来源于互联网,如果本站部分内容侵犯您的权益,请您告知,站长会立即处理。