迄今為止，adobe illustrator是迄今為止最受歡迎的向量軟體。 儘管一開始看起來很複雜和複雜，但您無需花很多時間去修補它，並弄清它的大多數按鈕和選項的作用。
不過，剛開始使用它的人通常會忽略一些功能和設定，這就是為什麼我要與您分享一些我希望有人在我剛開始使用它時向我展示的東西的原因。
是的，我說的是網格系統。
與任何學習曲線一樣，我們首先要問自己的是單詞的實際含義是什麼？
甚至可以在wikipedia上找到更精細的定義，該網格在圖形設計的背景下進行了解釋：「網格是由一系列相交的直線（垂直，水平和垂直）組成的結構（通常為二維）。角度）或用於構造內容的彎曲輔助線。 網格用作骨架，設計人員可以在網格上以合理，易於吸收的方式組織圖形元素（影象，字形，段落）。 網格可用於組織與頁面有關的圖形元素，與頁面上其他圖形元素有關的圖形元素或與同一圖形元素或形狀的其他部分有關的圖形元素。」
值得一提的是，illustrator的網格僅由垂直和水平直線組成。 如果要設定彎曲的或更複雜的網格，則必須依靠使用起來十分容易的指導方針來建立它們。
大概在這一點上，您對網格是乙個基本概念。 但是，為什麼要關心甚至使用它呢？ 好吧，如果您想建立一種在視覺元素之間通過定位彼此完成的方式保持平衡的方法，那麼網格就是一種選擇。 它們為您提供了如何將乙個物件與另乙個物件相關聯的指南，最重要的是，如何在畫板上構造元素。
除此之外，網格還可以幫助設計師為數字裝置建立畫素完美的藝術品（我認為這是必須的），但稍後會介紹更多。
在我進一步闡述使用網格建立清晰作品的重要性之前，我需要簡要地談談在兩種不同的**（螢幕和列印）上構造影象的方式的一些關鍵方面。
您可能已經知道，數字**與印刷**有很大不同。 它們每個都有不同的顏色模式（rgb與cmyk），並且每個可以輸出不同的解析度（螢幕解析度與列印解析度）。 使它們與眾不同的是它們渲染影象的方式，最重要的是它們處理曲線的方式。
一台計算機監視器取決於畫素網格（正方形畫素彼此平鋪），這意味著它將通過在側面新增透明畫素（alpha通道）來處理曲率，這一過程稱為抗鋸齒，最終模仿了自然的直線例如可以畫在一張紙上。
印表機僅取決於您將影象設定為的紙張尺寸和dpi（每英吋的點數），這意味著它可以完美列印出曲率（在將dpi設定為高值的條件下）。 這是因為列印基於逐個分層的色點，而無需新增螢幕裝置用來建立平滑曲線的幻覺的半透明值。
好吧，這可能是乙個人可能會問的最好的問題。 通過捕捉過程，您可以指示illustrator將畫板上的每個物件與網格/畫素網格對齊。
還記得我在幾行之前告訴您的嗎，網格可以幫助我們建立畫素完美的插圖？ 現在您已經知道數字印刷與印刷相比如何處理影象，是時候詳細說明我認為網格具有的最重要的作用了。
我幾乎可以肯定，您已經在dribbble或behance上看到了一些帶有超清晰線條的插圖，並且總是想知道設計師是如何做到這一點的。 很好，不要再奇怪了：他（她）只需確保將所有內容與畫素網格對齊，即可建立具有完整值的每個元素。
整體值是指沒有小數字的值，例如，我們有乙個寬度為200畫素，高度為100畫素的矩形，而不是200.84畫素乘以99.80畫素。
因為我相信示例勝於雄辯，所以我將向您展示逐步的準備過程，以便您在illustrator中每次建立內容時都可以依靠，逐步說明了正確完成grid所需要做的所有工作。
與任何新專案一樣，我們始終要設定的第一件事是文件。 開啟illustrator並使用以下值建立測試文件：
在「高階」標籤中：
快速說明 ：您可能已經注意到，當文件供螢幕使用時，我將「光柵效果」設定為300 ppi。 好的，將「柵格」設定為較高的ppi值在螢幕上不會產生可見效果，但是如果出於某些原因您需要列印出設計的內容（即使使用rgb顏色值建立了它），則任何陰影，內部陰影和如果以低於300的ppi值列印其他效果，則會搞砸。
無論初始設定如何，您始終可以通過轉到「效果」>「文件柵格效果設定」並為其指定所需的值來修改文件的ppi。
設定完文件後，建立乙個100 x 100 px的黑色正方形，並使用「對齊」面板將其放置在artboard的左上角。
為了了解網格的工作原理，您必須首先看到它。 轉到「檢視」>「顯示網格（control-」），然後您應該立即看到illustrator設定的預設1000 x 4網格。
現在我們看到了它，它實際上是如何工作的？ 首先，我希望您借助鍵盤的方向箭頭選擇並移動小方塊，然後檢視其行為。
您可能會注意到，我們的小物體在這裡和那裡跳了幾個畫素，但看不到任何東西。 這是因為我們尚未啟用「對齊網格」選項。
將正方形放置到其原始位置，然後轉到「檢視」>「對齊網格」（shift-control-y），然後再次嘗試將物件向右移動。
現在，我們可以清楚地看到區別。 如果再向右移動一次，則開始觀察花樣。 每次方塊跳動時，都會捕捉到由形成網格的水平線和垂直線所建立的小方塊的一側之一。
讓我們通過解釋illustrator如何建立grid本身來了解illustrator為什麼如此行事。 如前所述，該軟體中配置的預設設定為：
但是這些設定實際上意味著什麼？
這很簡單。 在每1000 px處，illustrator將繪製四行定界線（兩條水平線和兩條垂直線），以建立1000 x 1000 px的正方形，該正方形將進一步分為16個較小的250 x 250 px的正方形（1000/4 = 250）。
因為我們的畫板只有800 x 800畫素（三個250畫素的正方形，加上另乙個較小的50畫素的部分，用綠色突出顯示）它將朝著grid的1000 x 1000 px正方形之一的左側和頂部對齊，而使grid空間的右側和下部部分不被占用（200 px用紅色突出顯示）。
現在回到我們的黑色小方塊，之所以一直跳到250 x 250 px正方形的側面，是因為它只有100 x 100 px，並且與artboard一樣，illustrator強制將其捕捉到分界線。 如果黑色物件正好是250 x 250 px，則它將佔據grid正方形之一的整個表面，並且恰好跳出了16個內部位置之一。
我希望最後一步能夠闡明網格的工作原理，但是您必須了解，您建立的每個專案可能都需要根據artboard的尺寸以及元素定位的精度來設定不同的網格。上。
我發現使用最小的設定將為我提供最準確的結果，並且通過結合使用grid和pathfinder的功能，我可以快速直觀地定位元素。
我的網格設定：
讓我們嘗試乙個簡短的練習，看看如何在同一800 x 800畫素的artboard上使用帶有gridlines每800 px和細分4的網格建立快速的**線框。
是的，我知道當今基本**的預設寬度為960畫素，但是我想向您展示乙個簡單的示例，說明使用自定義網格設定定位事物有多麼容易。
建立乙個800 x 200 px的矩形，並將其放置在artboard的頂部，並使用#191919為其著色。 抓住「文字工具」，並將此部分標記為我們**的標頭。
小建議：如果您的元素較小並且實際上不需要捕捉到網格，則在本例中為部分標籤，只需選擇這些元素，然後轉到「檢視」選單並取消選擇「捕捉到網格」。
建立乙個較小的600 x 400 px矩形，使用較深的色調（#3d3d3d）#3d3d3d著色，然後使用#3d3d3d左側的方向鍵將其定位在標題下方。 確保將**的此部分標記為內容。
建立乙個甚至更小的200 x 400畫素的物件，使用#b24747，然後將其放置在內容的右側，並確保將其標記為補充工具欄。
通過在畫板的底部新增另乙個800 x 200 px矩形（#191919），將其標記為我們的頁尾，完成我們的小線框。
在讓您自己嘗試使用自定義網格之前，我想先向您介紹「對齊網格」和「對齊畫素」選項之間的主要區別。
預設情況下，當您設定新文件時，預覽模式通常設定為預設。 這意味著您設計的內容基本上就是您所看到的（您看到的是向量，而不是畫素格式）。 在這種情況下，「對齊到」選項將設定為grid，並且根據您為其分配的值，它將捕捉到構成它的小方塊之一。
如果啟用畫素預覽（「檢視」>「畫素預覽」）並在畫板上進行放大，illustrator將揭示構成向量元素的實際畫素。 將捕捉設定為「畫素」後，在artboard上進行的每個移動將完全按照您將鍵盤增量設定為的畫素數（按其推入方向）進行。
快速提示 ：是的，您可以為在artboard上移動物件的精度設定預設的增量。 可以在「編輯」>「首選項」>「常規」>「鍵盤增量」中找到該選項。
這兩種捕捉方法之間的主要區別在於，如果您以某種方式建立了乙個畫素具有小數字的物件，例如200.9 x 60.40 px的矩形，則將其捕捉到pixelgrid將迫使其將其尺寸更改為整體值，從而建立更清晰的物件。
我建議，一旦使用「對齊網格」選項建立了某些內容，就應該始終切換到「畫素預覽」模式，並檢視它們是否與「畫素網格」正確對齊，以便可以確保藝術品最終看起來盡可能清晰。
翻譯自:
了解for迴圈
for var i 0 i 10 i for迴圈非常靈活，樣式不固定 for 是關鍵字，括號裡面三個語句用兩個分號隔開，裡面是迴圈體 例如列印十個a for var i 0 i 10 i 執行順序如下 1 var i 0 2 if i 10 把條件判斷放到 if 裡面,條件判斷成立，就執行 中間的執...
Redis持久化機制！！！了解了解
redis是我們常用的key value資料庫，其中可持久化的特性也是被各路開發者喜愛。接下來，我們來簡單聊聊redis的兩種持久化機制rdb和aof。一 rdb 1 rdb持久化是指在指定的時間間隔內將記憶體中的資料集快照寫入磁碟，實際操作過程是fork乙個子程序，先將資料集寫入臨時檔案，寫入成功...
了解了解堆排序的順序儲存
a 構建乙個堆分為兩步 1 建立一棵完全二叉樹 2 調整為乙個堆 b 演算法描述 建立一棵完全二叉樹 while 有雙親 c 時間複雜度為 o nlogn 空間複雜度為 o 1 是不穩定排序！auther yangchao date 2019 7 31 堆排序思想 完全二叉樹的定義 前 h 1 層為...