nDesign簡稱“ID”,被稱贊為行業(yè)領(lǐng)先的印刷和數(shù)字媒體布局和頁面設(shè)計(jì)軟件,擁有創(chuàng)建和發(fā)布書籍、數(shù)字雜志、電子書、海報(bào)、交互式 PDF 等所需的一切。InDesign怎么使用呢?接下來帶大家快速入門InDesign,一起來看看吧。
1.初識ID
InDesign 2022 for mac(Id頁面布局設(shè)計(jì))
https://www.macz.com/mac/8477.html?id=ODY0NzM0Jl8mMjcuMTg2LjE0LjEzOQ%3D%3D
打開ID后,我們可以通過左邊的兩個(gè)按鈕「新建」/「打開」我們的文檔
在新建文檔中,最上方已經(jīng)為我們提供了一些常用的文檔格式了,但我們也可以進(jìn)行自定義,其中我們能修改的內(nèi)容有:
ps:「出血」是印刷中常用的功能,設(shè)計(jì)中常會添加「出血線」來預(yù)留裁切位。
在這些設(shè)置當(dāng)中,我們?nèi)绻麤]有特殊要求,都使用默認(rèn)。
確認(rèn)之后點(diǎn)擊「邊距和分欄」
邊距和欄如果沒有特殊要求就不用修改。
邊距就是外面那一塊,增加欄會出現(xiàn)豎線。
如果設(shè)置錯(cuò)了,我們可以通過「文件」-「文檔設(shè)置」進(jìn)行二次修改
ps:如果你發(fā)現(xiàn)你的界面和我的不一樣,請確定自己的工作區(qū)是否開啟了觸控
2.基本工具
在這里我們主要介紹ID當(dāng)中的四款工具:
圖形工具
網(wǎng)格工具
吸管工具
框架工具
圖形工具
ID中的圖形工具,總共有三大種,分別是:
矩形工具
橢圓工具
多邊形工具
但在這里我們要注意一下多邊形工具,用多邊形工具在圖形上單擊以下會出現(xiàn)詳細(xì)設(shè)置,里面有「星形內(nèi)陷」,通過修改「星形內(nèi)陷」我們能夠繪制出星形。
網(wǎng)格工具
通過網(wǎng)格工具,我們能夠在沒有拿到具體稿件的時(shí)候,確定文字的位置。在下方會顯示行、列以及總字?jǐn)?shù)。
當(dāng)我們在右側(cè)修改其參數(shù)時(shí),網(wǎng)格工具也會隨之變化。
吸管工具
在ID中,吸管工具所能吸的不止有顏色,還有屬性(包括:字體、文字大小等)
框架工具
通過框架工具,我們能夠方便的置入圖片。
先通過框架工具拉出圖片所需范圍,再用快捷鍵Ctrl/command+D置入圖片
右鍵 - 適合(2種)
按比例填充框架:Ctrl+Shift+Alt+C - 內(nèi)容100%填充
按比例合適內(nèi)容:Ctrl+Shift+Alt+E - 內(nèi)容100%顯示,但可能有留白
3.鏈接
在ID中,當(dāng)我們加入圖片時(shí),它會自動添加鏈接,但有時(shí)候我們可能會遇到兩種鏈接出錯(cuò)的情況。
缺失:雙擊 / 點(diǎn)擊「重新鏈接」修復(fù)(一般文件改名 / 文件路徑時(shí)改變出現(xiàn))
修改:雙擊自動修改(一般圖片內(nèi)容遭到修改時(shí)出現(xiàn))
如果我們希望這個(gè)圖片能夠一直存在于這個(gè)文檔當(dāng)中,我們可以選擇「嵌入鏈接」,嵌入進(jìn)文檔,但它會使文檔變大。
4.字符樣式 & 段落樣式
在ID中,我們通過設(shè)置:「字符樣式」和「段落樣式」來設(shè)置的字符和段落的樣式,并且能反復(fù)使用。
5.主頁
在ID當(dāng)中主頁就相當(dāng)于我們平常所使用的「模板」模板上有的內(nèi)容,頁面上默認(rèn)也會有。
那么,我們平時(shí)可以利用它來給我們的文檔做頁碼。
具體步驟:
選中主頁,新建文本框
「文字」-「插入特殊字符」-「標(biāo)志符」-「當(dāng)前頁碼」(快捷鍵:Alt/option+Shift+Ctrl/command+N)
此時(shí),我們在主頁上面看到的可能是字母A,但當(dāng)我們換回頁面,A就會變成對應(yīng)數(shù)字啦。
6.導(dǎo)出
導(dǎo)出就根據(jù)自己的需求來了。但在這里我還想再嘮幾句。
如果是以JPEG這種格式導(dǎo)出的,一定要記住以下兩點(diǎn):
分辨率:打印 - 300ppi 電子 - 72ppi(無特殊需求)
色彩空間:CMYK - 打印用色 RGB - 電子閱覽用色
1)熟練使用p標(biāo)簽加粗樣式標(biāo)簽給文本分段
(2)熟練使用換行標(biāo)簽h標(biāo)簽加粗給標(biāo)簽寫標(biāo)題
(3)使用圖像標(biāo)簽加圖像
(4)使用錨點(diǎn)鏈接可以點(diǎn)擊鏈接快速定位到頁面中的某個(gè)位置。
<!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標(biāo)簽的使用 -->
<h1 id="top">貓貓種類</h1>
<!--換行標(biāo)簽<br/>的使用 -->
貓貓分為<br/>
<!-- 錨點(diǎn)鏈接的<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>
<!-- 圖像標(biāo)簽<img src="圖像地址"/>的使用 -->
<img src="images/本拉豆貓.jpg"width="300"/>
<h4 id="wei"><h3>委屈貓貓</h3></h4>
<p>我只是一只小貓咪,我為什么要承擔(dān)這么多?我只是一只小貓咪,我為什么要承擔(dān)這么多?我只是一只小貓咪,我為什么要承擔(dān)這么多?我只是一只小貓咪,我為什么要承擔(dān)這么多?我只是一只小貓咪,我為什么要承擔(dān)這么多?我只是一只小貓咪,我為什么要承擔(dān)這么多?我只是一只小貓咪,我為什么要承擔(dān)這么多?我只是一只小貓咪,我為什么要承擔(dān)這么多?我只是一只小貓咪,我為什么要承擔(dān)這么多?我只是一只小貓咪,我為什么要承擔(dān)這么多?我只是一只小貓咪,我為什么要承擔(dān)這么多?我只是一只小貓咪,我為什么要承擔(dān)這么多?我只是一只小貓咪,我為什么要承擔(dān)這么多?我只是一只小貓咪,我為什么要承擔(dān)這么多?我只是一只小貓咪,我為什么要承擔(dān)這么多?我只是一只小貓咪,我為什么要承擔(dān)這么多?我只是一只小貓咪,我為什么要承擔(dān)這么多?我只是一只小貓咪,我為什么要承擔(dān)這么多?我只是一只小貓咪,我為什么要承擔(dān)這么多?我只是一只小貓咪,我為什么要承擔(dān)這么多?我只是一只小貓咪,我為什么要承擔(dān)這么多?我只是一只小貓咪,我為什么要承擔(dān)這么多?我只是一只小貓咪,我為什么要承擔(dān)這么多?我只是一只小貓咪,我為什么要承擔(dān)這么多?</p>
<a href="#top">返回頂部</a><br>
<a href="images/菠蘿頭簡介.html"target="_blank">引申貓貓:菠蘿頭的簡介和照片</a>
</body>
</html>


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豆豆
為 開發(fā)過React/React Native 的工程師,在剛開始接觸Flutter 開發(fā)的時(shí)候,一定會遇到這種情況,對于某個(gè)功能你能很熟練使用特定Javascript語法去完成,但是對于Flutter 開發(fā),對應(yīng)的Dart的語法又是什么?往往要再翻開Dart文檔去尋找對應(yīng)的語法。在此分享15 個(gè) JavaScript 代碼示例及其 Dart 對應(yīng)代碼。
在 JavaScript 中,如果要將對象轉(zhuǎn)換為 JSON 字符串,可以使用:
JSON.stringify(yourObject)
在 Dart 中,只需導(dǎo)入'dart:convert'即可使用:
import 'dart:convert';
JsonEncoder().convert(yourObject)
在 JavaScript 中將 JSON 轉(zhuǎn)換為對象,會使用以下代碼:
JSON.parse(yourJson)
在 Dart 中,只需導(dǎo)入'dart:convert'即可使用:
import 'dart:convert';
JsonDecoder().convert(yourJson)
在 JavaScript 中,要添加'hello'到數(shù)組中,可以使用
array.push('hello')
在 Dart 中,這樣使用,
list.add('hello')
在 JavaScript 中,數(shù)組刪除第一個(gè)元素(索引值為0)
array.splice(0, 1)
在Dart中, 返回索引范圍(1 和 3)內(nèi)的新列表
list.sublist(1, 3)
array.splice與#4點(diǎn)一樣
在Dart中, 刪除索引值為itemIndex的值
list.removeAt(itemIndex)
檢查數(shù)組是否為空
array.length > 0
Dart里,是這樣
list.isNotEmpty
檢查數(shù)組是否為空
array.length === 0
Dart里,是這樣
list.isEmpty
在 JavaScript 中將字符串轉(zhuǎn)換為整數(shù),可以使用
parseInt('123')
在Dart里,是這樣
int.parse('123')
雙精度浮點(diǎn)數(shù)的使用如下:
parseFloat('1.23')
在Dart里,是這樣
double.parse('1.23')
在 JavaScript 中,array.some()方法測試數(shù)組中是不是至少有1個(gè)元素通過了被提供的函數(shù)測試。它返回的是一個(gè)Boolean類型的。
例如,如果想查看數(shù)組[1, 2, 3, 4, 5, 6, 7]是否有任何大于 5 的數(shù)字:
var some = array.some(x=>x > 5)
在Dart,是這樣的,
array.any((x)=>x > 5);
Javascript的array.findIndex()方法返回?cái)?shù)組中滿足提供的測試函數(shù)的第一個(gè)元素的索引。若沒有找到對應(yīng)元素則返回-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 中,還可以在函數(shù)后面?zhèn)鬟f一個(gè)參數(shù)來提供起始索引。如下:
notes.indexWhere((note) => note.startsWith('r'), 2 ); // 3
在 JavaScript 和 Dart 中,indexOf是一種用于在數(shù)組或列表中查找索引位置的方法。沒有則返回-1
var author = ['Edgar Allen Poe', 'JK Rowling', 'Ernest Hemingway']
author.indexOf('JK Rowling') // 1
在 JavaScript 中,會使用toString()將另一種數(shù)據(jù)類型的值轉(zhuǎn)換為字符串。它適用于整數(shù)、浮點(diǎn)數(shù)、布爾值、數(shù)組和對象。對于對象的話會得到以下結(jié)果:
var x = {id: 1}
console.log(x.toString())
=> '[object Object]'
但是兩者會有一定的差別,如下:
// Dart
String test = 1.toString() // '1'
// JavaScript
var x = 1.toString() // 未捕獲的語法錯(cuò)誤:無效或意外的標(biāo)記
every() 方法測試一個(gè)數(shù)組內(nèi)的所有元素是否都能通過某個(gè)指定函數(shù)的測試。它返回一個(gè)布爾值。用法與上面array.some 和 list.any相似
除了語法上的一些差異之外,上述所有方法都在 JavaScript 和 Dart 之間共享。當(dāng)map用于test等于的數(shù)組時(shí),請參見如下[1, 2, 3, 4, 5]。
Javascript:
// 其他類似
test.map(x=>x*2)
Dart:
est.map((x)=>x*2)
如果你還有其他需要補(bǔ)充的?在評論中讓我知道哈!
*請認(rèn)真填寫需求信息,我們會在24小時(shí)內(nèi)與您取得聯(lián)系。