南京文化墙设计公司,南京包装设计制作印刷,南京PPT设计公司,导视制作公司，企业logo设计

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

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