ID干货-快速入门InDesign

nDesign简称“ID”，被称赞为行业领先的印刷和数字媒体布局和页面设计软件，拥有创建和发布书籍、数字杂志、电子书、海报、交互式 PDF 等所需的一切。InDesign怎么使用呢？接下来带大家快速入门InDesign，一起来看看吧。

1.初识ID

InDesign 2022 for mac(Id页面布局设计)

https://www.macz.com/mac/8477.html?id=ODY0NzM0Jl8mMjcuMTg2LjE0LjEzOQ%3D%3D

打开ID后，我们可以通过左边的两个按钮「新建」/「打开」我们的文档

在新建文档中，最上方已经为我们提供了一些常用的文档格式了，但我们也可以进行自定义，其中我们能修改的内容有:

文档名称
宽高
方向：横 / 竖
装订：从左到右 / 从右到左
页面数、起始页数、是否需要对页
出血设置

ps：「出血」是印刷中常用的功能，设计中常会添加「出血线」来预留裁切位。

在这些设置当中，我们如果没有特殊要求，都使用默认。

确认之后点击「边距和分栏」

边距和栏如果没有特殊要求就不用修改。

边距就是外面那一块，增加栏会出现竖线。

如果设置错了，我们可以通过「文件」-「文档设置」进行二次修改

ps：如果你发现你的界面和我的不一样，请确定自己的工作区是否开启了触控

2.基本工具

在这里我们主要介绍ID当中的四款工具：

图形工具

网格工具

吸管工具

框架工具

图形工具

ID中的图形工具，总共有三大种，分别是：

矩形工具

椭圆工具

多边形工具

但在这里我们要注意一下多边形工具，用多边形工具在图形上单击以下会出现详细设置，里面有「星形内陷」，通过修改「星形内陷」我们能够绘制出星形。

网格工具

通过网格工具，我们能够在没有拿到具体稿件的时候，确定文字的位置。在下方会显示行、列以及总字数。

当我们在右侧修改其参数时，网格工具也会随之变化。

吸管工具

在ID中，吸管工具所能吸的不止有颜色，还有属性（包括：字体、文字大小等）

框架工具

通过框架工具，我们能够方便的置入图片。

先通过框架工具拉出图片所需范围，再用快捷键Ctrl/command+D置入图片

右键 - 适合（2种）

按比例填充框架：Ctrl+Shift+Alt+C - 内容100%填充

按比例合适内容：Ctrl+Shift+Alt+E - 内容100%显示，但可能有留白

3.链接

在ID中，当我们加入图片时，它会自动添加链接，但有时候我们可能会遇到两种链接出错的情况。

缺失：双击 / 点击「重新链接」修复（一般文件改名 / 文件路径时改变出现）

修改：双击自动修改（一般图片内容遭到修改时出现）

如果我们希望这个图片能够一直存在于这个文档当中，我们可以选择「嵌入链接」，嵌入进文档，但它会使文档变大。

4.字符样式 & 段落样式

在ID中，我们通过设置：「字符样式」和「段落样式」来设置的字符和段落的样式，并且能反复使用。

5.主页

在ID当中主页就相当于我们平常所使用的「模板」模板上有的内容，页面上默认也会有。

那么，我们平时可以利用它来给我们的文档做页码。

具体步骤：

选中主页，新建文本框

「文字」-「插入特殊字符」-「标志符」-「当前页码」(快捷键：Alt/option+Shift+Ctrl/command+N)

此时，我们在主页上面看到的可能是字母A，但当我们换回页面，A就会变成对应数字啦。

6.导出

导出就根据自己的需求来了。但在这里我还想再唠几句。

如果是以JPEG这种格式导出的，一定要记住以下两点：

分辨率：打印 - 300ppi 电子 - 72ppi（无特殊需求）

色彩空间：CMYK - 打印用色 RGB - 电子阅览用色

1）熟练使用p标签加粗样式标签给文本分段
（2）熟练使用换行标签h标签加粗给标签写标题
（3）使用图像标签加图像
（4）使用锚点链接可以点击链接快速定位到页面中的某个位置。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- h1标签的使用 -->
<h1 id="top">猫猫种类</h1>
 <!--换行标签<br/>的使用  -->
猫猫分为<br/>
<!-- 锚点链接的<a herf="#"></a>使用 -->
<a href="#miao">妙猫猫，</a><br/>
<a href="#cry">流泪猫猫，</a><br/>
<a href="#ben">本拉豆猫猫，</a><br/>
<a href="#wei">委屈猫猫</a><br/>
<h4 id="miao"><h3>妙猫猫</h3></h4>
<p>秒啊妙啊妙啊秒秒啊妙啊妙啊秒啊妙啊妙啊啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒秒啊妙啊妙啊秒啊妙啊妙啊啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒秒啊妙啊妙啊秒啊妙啊妙啊啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒秒啊妙啊妙啊秒啊妙啊妙啊啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒啊妙
    秒啊妙啊妙啊秒秒啊妙啊妙啊秒啊妙啊妙啊啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒秒啊妙啊妙啊秒啊妙啊妙啊啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒秒啊妙啊妙啊秒啊妙啊妙啊啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒秒啊妙啊妙啊秒啊妙啊妙啊啊妙啊妙啊秒啊妙啊妙啊秒啊妙啊妙啊秒啊妙</p>
<h4 id="cry"><h3>流泪猫猫</h3></h4>
没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪猫，没<p>人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪猫,没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪猫,没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪猫,没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪猫，没人疼没人爱我是一只流泪猫</p>
<img src="images/流泪猫猫.gif"width="300"/>
<h4 id="ben"><h3>本拉豆猫猫</h3></h4>
<p>哦吼吼吼，我是最屌的！哦吼吼吼，我是最屌的哦吼吼吼，我是最屌的！哦吼吼吼，我是最屌的！哦吼吼吼，我是最屌的！哦吼吼吼，我是最屌的！哦吼吼吼，我是最屌的！哦吼吼吼，我是最屌的！哦吼吼吼，我是最屌的！哦吼吼吼，我是最屌的哦吼吼吼，我是最屌的！哦吼吼吼，我是最屌的！哦吼吼吼，我是最屌的！哦吼吼吼，我是最屌的！哦吼吼吼，我是最屌的！哦吼吼吼，我是最屌的！哦吼吼吼，我是最屌的！哦吼吼吼，我是最屌的哦吼吼吼，我是最屌的！哦吼吼吼，我是最屌的！哦吼吼吼，我是最屌的！哦吼吼吼，我是最屌的！哦吼吼吼，我是最屌的！哦吼吼吼，我是最屌的！哦吼吼吼，我是最屌的！哦吼吼吼，我是最屌的哦吼吼吼，我是最屌的！哦吼吼吼，我是最屌的！哦吼吼吼，我是最屌的！哦吼吼吼，我是最屌的！哦吼吼吼，我是最屌的！哦吼吼吼，我是最屌的！
   </p>
   <!-- 图像标签<img src="图像地址"/>的使用 -->
   <img src="images/本拉豆猫.jpg"width="300"/>
<h4 id="wei"><h3>委屈猫猫</h3></h4>
<p>我只是一只小猫咪，我为什么要承担这么多？我只是一只小猫咪，我为什么要承担这么多？我只是一只小猫咪，我为什么要承担这么多？我只是一只小猫咪，我为什么要承担这么多？我只是一只小猫咪，我为什么要承担这么多？我只是一只小猫咪，我为什么要承担这么多？我只是一只小猫咪，我为什么要承担这么多？我只是一只小猫咪，我为什么要承担这么多？我只是一只小猫咪，我为什么要承担这么多？我只是一只小猫咪，我为什么要承担这么多？我只是一只小猫咪，我为什么要承担这么多？我只是一只小猫咪，我为什么要承担这么多？我只是一只小猫咪，我为什么要承担这么多？我只是一只小猫咪，我为什么要承担这么多？我只是一只小猫咪，我为什么要承担这么多？我只是一只小猫咪，我为什么要承担这么多？我只是一只小猫咪，我为什么要承担这么多？我只是一只小猫咪，我为什么要承担这么多？我只是一只小猫咪，我为什么要承担这么多？我只是一只小猫咪，我为什么要承担这么多？我只是一只小猫咪，我为什么要承担这么多？我只是一只小猫咪，我为什么要承担这么多？我只是一只小猫咪，我为什么要承担这么多？我只是一只小猫咪，我为什么要承担这么多？</p>
<a href="#top">返回顶部</a><br>
<a href="images/菠萝头简介.html"target="_blank">引申猫猫：菠萝头的简介和照片</a>
</body>
</html>
![本拉豆猫图片插入图 ](https://img-blog.csdnimg.cn/20201014210646633.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MDY3NDc5,size_16,color_FFFFFF,t_70#pic_center)

![流泪猫猫](https://img-blog.csdnimg.cn/2020101421073586.gif#pic_center)




1234567891011121314151617181920212223242526272829303132333435363738394041

原文链接：https://blog.csdn.net/qq_45067479/article/details/109083277?utm_medium=distribute.pc_category.none-task-blog-hot-2.nonecase&depth_1-utm_source=distribute.pc_category.none-task-blog-hot-2.nonecase&request_id=

作者：thorn豆豆

为开发过React/React Native 的工程师，在刚开始接触Flutter 开发的时候，一定会遇到这种情况，对于某个功能你能很熟练使用特定Javascript语法去完成，但是对于Flutter 开发，对应的Dart的语法又是什么？往往要再翻开Dart文档去寻找对应的语法。在此分享15 个 JavaScript 代码示例及其 Dart 对应代码。

1. JSON.stringify 和 JsonEncoder().convert

在 JavaScript 中，如果要将对象转换为 JSON 字符串，可以使用：

  JSON.stringify（yourObject）

在 Dart 中，只需导入'dart:convert'即可使用：

  import 'dart:convert';
  
  JsonEncoder().convert(yourObject)

2. JSON.parse和JsonDecoder().convert

在 JavaScript 中将 JSON 转换为对象，会使用以下代码：

  JSON.parse(yourJson)

在 Dart 中，只需导入'dart:convert'即可使用：

  import 'dart:convert';
  
  JsonDecoder().convert(yourJson)

3. array.push和list.add

在 JavaScript 中，要添加'hello'到数组中，可以使用

  array.push('hello')

在 Dart 中，这样使用，

  list.add('hello')

4. array.splice和list.sublist

在 JavaScript 中，数组删除第一个元素（索引值为0）

  array.splice(0, 1)

在Dart中，返回索引范围（1 和 3）内的新列表

  list.sublist(1, 3)

5. array.splice和list.removeAt

array.splice与#4点一样

在Dart中，删除索引值为itemIndex的值

  list.removeAt(itemIndex)

6. array.length > 0和list.isNotEmpty

检查数组是否为空

  array.length > 0

Dart里，是这样

  list.isNotEmpty

7. array.length === 0和list.isEmpty

检查数组是否为空

  array.length === 0

Dart里，是这样

  list.isEmpty

8. parseInt和int.parse

在 JavaScript 中将字符串转换为整数，可以使用

  parseInt('123')

在Dart里，是这样

  int.parse('123')

9. parseFloat 和 double.parse

双精度浮点数的使用如下：

  parseFloat('1.23')

在Dart里，是这样

  double.parse('1.23')

10. array.some 和 list.any

在 JavaScript 中，array.some()方法测试数组中是不是至少有1个元素通过了被提供的函数测试。它返回的是一个Boolean类型的。
例如，如果想查看数组[1, 2, 3, 4, 5, 6, 7]是否有任何大于 5 的数字：

  var some = array.some(x=>x > 5)

在Dart，是这样的，

  array.any((x)=>x > 5);

11. array.findIndex和list.indexWhere

Javascript的array.findIndex()方法返回数组中满足提供的测试函数的第一个元素的索引。若没有找到对应元素则返回-1。
Dart用的是list.indexWhere,只是用法不一样

var notes = ['do', 're', 'mi', 're'];
// JavaScript
notes.findIndex(x=>x.indexOf("r") > -1) // 1
// Dart
notes.indexWhere((note) => note.startsWith('r')); // 1

「Tip」 在 Dart 中，还可以在函数后面传递一个参数来提供起始索引。如下：

notes.indexWhere((note) => note.startsWith('r'), 2 ); // 3

12. array.indexOf() 和 list.indexOf()

在 JavaScript 和 Dart 中，indexOf是一种用于在数组或列表中查找索引位置的方法。没有则返回-1

var author = ['Edgar Allen Poe', 'JK Rowling', 'Ernest Hemingway'] 
author.indexOf('JK Rowling') // 1

13. toString

在 JavaScript 中，会使用toString()将另一种数据类型的值转换为字符串。它适用于整数、浮点数、布尔值、数组和对象。对于对象的话会得到以下结果：

var x = {id: 1}
console.log(x.toString())
=> '[object Object]'

但是两者会有一定的差别，如下：

 // Dart
 String test = 1.toString() // '1'
 // JavaScript
 var x = 1.toString() // 未捕获的语法错误：无效或意外的标记

14. array.every 和 list.every

every() 方法测试一个数组内的所有元素是否都能通过某个指定函数的测试。它返回一个布尔值。用法与上面array.some 和 list.any相似

15. map, forEach, filter, find等

除了语法上的一些差异之外，上述所有方法都在 JavaScript 和 Dart 之间共享。当map用于test等于的数组时，请参见如下[1, 2, 3, 4, 5]。
Javascript:

  // 其他类似
  test.map(x=>x*2)

Dart:

est.map((x)=>x*2)

如果你还有其他需要补充的？在评论中让我知道哈！

在线咨询

上一篇：前端如何实现.md文件转换成.html文件
下一篇：JS短文：如何在网站上使用JavaScript播放通知声音？

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商