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小時內與您取得聯系。

整合營銷服務商