精品国产免费观看_亚洲日韩欧洲无码av麻豆_欧美精品在线91_欧美 成 人嘿咻在线视频_影音先锋另类精品中文字幕_歪歪漫画无删减免费_精品无码在线视频_久久三级无码少妇_欧美午夜福利精品视频_了解最新x8x8国产在线最新地址

創(chuàng)藝享品牌策劃設計&制作供應商  >>排版和平面的基本原理

平面與版式的設計知識涵蓋了字體的選擇、圖片的選擇、平面構成基礎、排版的CRAP原則、柵格化設計、黃金比例等多個知識點。如果我們現在接到一個需求，可以首先將內容放進畫面并排列好重要性、然后選擇合適氣質的字體和圖片、使用CRAP的排版原則將信息排成合理的順序、利用柵格化和黃金比例讓畫面更加科學、最后如果發(fā)現畫面比較空可以加入幾何形裝飾。平面與版式知識背后是人類讀取信息幾千年來形成的習慣以及現代社會約定俗成的閱讀方式和心理學等，要想成為一個優(yōu)秀的設計師，我們還需要進一步地了解設計背后的原理以及表達信息的多種方法。 我們介紹了一些排版和平面的基本原理。那么實際上我們在應用中要做的就是將這些知識運用在具體的需求里。讓多個元素能夠完美地展現在一個畫面里也是一種能力，我們管這種能力叫做構圖能力。那么下面我來簡單講一下構圖能力有哪些要點。我們的任何一個排版里都會出現重心。重心是我們人類的一個心智模型，我們從物理世界里學習了重心的規(guī)律，在看平面作品的時候也會莫名地關注重心問題。在設計中我們可以利用這一點創(chuàng)作出傾斜的重心、居中的重心、左對齊的重心等。但是請大家注意，如果我們的排版里一個單元是居中的，那么這個單元內的元素也應該重心居中而不應該重心不穩(wěn)，否則會感覺大廈即將傾倒。蘋果規(guī)定所有應用程序的啟動圖標都必須是圓角正方形作為圖標背板。這個背板也給我們了一些參考線，蘋果使用黃金分割和斐波那契螺旋線將畫面分割為若干部分。如果我們繪制啟動圖標時可以貼合這些參考線。8a/(8a-3a)=1.6 小圓與大正方形接近黃金比7a/4.25a≈1.647 ，中圓與大圓接近黃金比，4.25a/3a≈1.417 中圓與小圓比例接近√2。斐波那契數列（FibonacciSequence），又稱為黃金分割數列。斐波那契螺旋線也被叫做「黃金螺旋」，是根據斐波那契數列畫出來的螺旋曲線，自然界中存在許多斐波那契螺旋線的圖案，是自然界最完美的經典黃金比例。斐波那契螺旋線，以斐波那契數為邊的正方形拼成的長方形，然后在正方形里面畫一個90度的扇形，連起來的弧線就是斐波那契螺旋線。以64px為一個單位，即a=64px。那么大正方形的邊長的一半=8a，大圓半徑=7a，中圓半徑=4.25a，小圓半徑=3a。 8a/(8a-3a)=1.6 小圓與大正方形接近黃金比 7a/4.25a≈1.647 中圓與大圓接近黃金比 4.25a/3a≈1.417 中圓與小圓比例接近√2 整個柵格系統(tǒng)中的尺寸都是通過黃金比例互相聯系的。 從左到右是受現代社會影響后天影響我們的一種習慣。我們看一個比較大面積的設計時也會從左到右依次閱讀，這也就是為什么網站的logo都在左上角。從上到下閱讀：我們閱讀作品時也是從上到下依次閱讀，所以重要的內容一定在上面，按優(yōu)先級來排列。從大到小閱讀：我們的視覺也是比較調皮的，如果一個元素很大，我們也會首先去注意大的元素再依次看中等和小的元素。從重到輕：元素的顏色也會影響我們閱讀的順序，從重到輕依次瀏覽。狩獵式閱讀：狩獵式閱讀用戶在尋找可以完成當前界面或設計中的任務線索，比如在購買頁面中會尋找支付按鈕等。S曲線閱讀：S型曲線閱讀比較適合比較大的設計，眼球需要左顧右盼從上到下來瀏覽信息，在S型的瀏覽方式下比較能夠全面地觀察每個頁面元素，S型成了目前主流的視覺導向模式。那么在S型曲線中，我們的對其方式有三種：左對齊、右對齊、居中對齊。重點元素可以依次左右擺放，讓用戶有一個視覺瀏覽的慣性，左-右-左-右-左-右。 設計某個元素或者幾個元素組成的單元也要注重骨骼，骨骼有外延骨骼和內在骨骼兩種。在做完設計以后可以將作品元素的外圍連個線，看看是什么形狀。有時我們會發(fā)現一些骨骼不好的設計確實會給人不舒服的感受。1692年法國國王路易十四命令成立管理印刷的皇家特別委員會。委員會由數學家尼古拉斯加宗（Nicolas Jaugeon）擔任領導，他們采用方格為設計依據，每個字體方格分為64個基本方格單位，每個方格單位再分成36個小格，這樣印刷版面就有 2304個小格組成，在嚴謹的幾何網格中設計字體和版面來試驗視覺傳達的功能。柵格系統(tǒng)英文是「grid systems」，是一種平面設計的方法。柵格系統(tǒng)運用固定的格子設計版面布局，其風格工整簡潔，這種方法現在也被應用在移動設備和網站設計等領域里。科學的柵格會給人一種秩序的美感和現代感。 我們在設計任何作品時，首先考慮的是應用的尺寸。如iPhone8的分辨率為750x1334px、安卓1080P分辨率為1080x1920px等。在我們確立了我們排版的尺寸后，我們就可以根據這個寬度設計可以被整除的柵格了。我們把整體寬度定義為W。然后整個寬度分成多個等分單元A。每個單元A中有元素a和間距i。所以他們之間的關系就是 W =（a×n）+（n-1）i 。當然每個應用的尺寸不止可以整除成一種柵格，這就要看我們內容排版的疏密程度了。之后，我們將過多內容的柵格和另一個柵格相加得到更大的排版空間；其他元素都須老老實實呆在自己的柵格內，這樣就完成了一個布局非�？茖W的設計了。 黃金比例是一個定義為 (√5-1)/2的無理數。 運用到的層面相當的廣闊，例如：數學、物理、建筑、美術甚至是音樂。 黃金比例的獨特性質首先被應用在分割一條線段上。如果有一條線段的總長度為黃金比例的 分母加分子的單位長，若我們把他分割為兩半，長的為分母單位長度，短的為分子單位長度，則短線長度與長線長度的比值即為黃金比例。 用8當然不是因為數字吉利，而是因為 8 是偶數，并且8可以被成倍縮小三次�。ň褪�8可以縮小一倍到4,4可以縮小一倍到2，這對于移動端適配來說太有優(yōu)勢了）考慮到移動設計中的適配特殊性，縮小到其它尺寸可能會出現虛邊和半像素，用偶數可以避免這種情況。 為什么是8？因為比如1920×1080、1280×1024、1280×800、1024×768都是8的倍數（盡管部分尺寸不是8的倍數，但也不會顯得奇怪）。除此之外，我們在做其它設計時也可以將不同的留白設計成有倍數關系的數字，比如10px、20px、30px等，讓設計內部更有邏輯性。比如一個網頁寬度是1000px的情況中我們可以使用：20列每列40px和10像素間隔、20列每列30px和20像素間隔、25列每列30px和10像素間隔、25列每列20px和20像素間隔。如果網頁寬度是990px我們可以使用：11列每列80px和10像素間隔、18列每列35px和20像素間隔、25列每列45px和10像素間隔、33列每列20px和10像素間隔。如果網頁寬度是頁寬980px我們可以使用：14列每列60px和10像素間隔、14列每列50px和20像素間隔、28列每列25px和10像素間隔。