每個(gè)人都是從初學(xué)者開始他的設(shè)計(jì)之旅的，而你的審美眼光也必須像其他東西一樣得到訓(xùn)練。查看Dribbble設(shè)計(jì)可能會非常有幫助，但是有時(shí)你只是欣賞設(shè)計(jì)，卻不明白為什么。
不知道該怎么設(shè)計(jì)。這些原因可能會減慢速度并使你感到沮喪，所以現(xiàn)在錦州網(wǎng)站建設(shè)華睿科技將向你展示極其簡單的設(shè)計(jì)技巧，這些技巧不需要任何特殊技能，以及如何改善丑陋的設(shè)計(jì)。
錦州網(wǎng)站建設(shè)提醒您，這些不是規(guī)則，而是在大多數(shù)情況下有效的技巧。
一、非黑即白
沒有想法嗎?沒有好的圖片嗎?只看黑色和白色。你可以獲取一個(gè)具有正確構(gòu)圖的野獸派設(shè)計(jì)。這可以幫助你了解平衡，空白以及如何使用文本和幾何形狀。
讓我們看一個(gè)簡單的例子。
簡單而有效
二、創(chuàng)建一個(gè)“平衡方案”
我喜歡用可能是我發(fā)明的“事物”來測試我的設(shè)計(jì)。我稱其為“平衡方案”，它是概念的黑白版本，其中我使用簡單的幾何圖形代替內(nèi)容。
目標(biāo)是在左右，上，下都帶來相同數(shù)量的黑色。如果將原理應(yīng)用于那邊的簡單投資組合，則會得到以下結(jié)果：
用黑色矩形替換項(xiàng)目?；疑娜彳浳矬w。
顯然我們需要用肉眼觀察，但我們來看看一些計(jì)算。
左側(cè)區(qū)域黑色矩形的總和約為
（236 * 138）+（934 * 132）+（313 * 69）+（674 * 44）= 207109像素
當(dāng)右大矩形算起來為
446 x 446 = 198916像素。
它們只是相差一個(gè)小差異：3.9558％！
注意：是的，墨水點(diǎn)比矩形小，但是非常清晰銳利的細(xì)節(jié)吸引了更多的注意力。
我在設(shè)計(jì)之前沒有計(jì)算過。經(jīng)過多年的練習(xí)，這就會變成一種自然而然的感覺，因?yàn)槟愕难劬杏X不平衡。
三、用背景展示設(shè)計(jì)
我之前的例子是在灰色背景下呈現(xiàn)的，但是你可以嘗試不同的東西。這有助于為你的設(shè)計(jì)創(chuàng)建一些深度和情境。
但要注意：你不會有那么多額外的空間，所以這只是一個(gè)演示技巧!
咖啡豆都賦予了深度和情境
四、使用設(shè)計(jì)指南
不要浪費(fèi)時(shí)間整天嘗試尺寸。最后，你的段落將在14–18磅左右，副標(biāo)題要多一些（24–36），并且你的標(biāo)題還要更多（我個(gè)人用96至144pt）。Figma的默認(rèn)大小非常適合排版。
它們看起來太小了，但這是正常的：你無法全屏工作。
注意：某些字體比其他字體小或大。你應(yīng)該以Roboto等標(biāo)準(zhǔn)字體為基礎(chǔ)：如果字體較大，如14–18pt Roboto，則非常適合段落。
段落：18，導(dǎo)航欄：24，標(biāo)題96
五、擁抱Z-Index
如果你有一些有透明背景的圖像，則可以利用它們來創(chuàng)建一些分層。如果沒有，則可以使用remove.bg(摳圖網(wǎng)站)
作為CSS中的Z-index，你可以將圖像置于其他項(xiàng)目的前面或后面，從而產(chǎn)生三維感。這是非常有效的。
讓我們看看我使用這種技術(shù)的一個(gè)簡單設(shè)計(jì)。
巨嘴鳥似乎屬于綠色區(qū)域，但在黃色區(qū)域中溢出。
六、開始使用柔和的顏色
鮮艷的顏色固然美妙，但往往會帶來大膽的設(shè)計(jì)和糟糕的組合。此外，如今柔和的設(shè)計(jì)非常流行，因此讓我們開始嘗試顏色選擇的新領(lǐng)域。
紅色矩形包含許多有趣的顏色
兩者都可以在正確的環(huán)境下工作，這只是個(gè)人喜好。
但是，如果你想做一些不同的效果，試試柔和的顏色。
七、讓設(shè)計(jì)有更多呼吸感
在我看來，空白太多比空白太少要好。雜亂無章的設(shè)計(jì)簡直糟透了?？梢酝ㄟ^多種方式獲得呼吸感：
保持大量背景可見。
避免文字墻效應(yīng)的間距。
使用不會吸引太多注意力的圖像。
減少文本的內(nèi)容，并保留醒目的短語。
大量的空白（在這種情況下為黑色）很有幫助。
八、發(fā)現(xiàn)噪點(diǎn)的力量
通常，當(dāng)我們想到設(shè)計(jì)時(shí)，就會想到干凈，平滑，清晰的概念。但是，完美在于缺陷之中。
噪點(diǎn)在你的設(shè)計(jì)中是一個(gè)很好的朋友，特別是當(dāng)你試圖給你的網(wǎng)站一個(gè)優(yōu)雅或藝術(shù)的外觀。
此外，施加細(xì)微的噪點(diǎn)會使你的構(gòu)圖具有電影效果，這非常適合視頻和動態(tài)網(wǎng)站。
你可以使用Photoshop在白色背景上創(chuàng)建2-4K高斯噪聲，然后將其應(yīng)用到畫板的頂部，得到一些噪聲紋理。
細(xì)微的噪音給人以紙張般背景的印象。
九、開始尋找好的字體
有很多可怕的字體，尤其是我們電腦上預(yù)裝的那些。要找到好的字體，請開始瀏覽網(wǎng)絡(luò)或觀看youtube視頻，以了解出色的字體和字體。
但請注意：許多字體不是免費(fèi)的，并且在沒有許可的情況下使用它們可能會給你帶來麻煩。不用擔(dān)心：大多數(shù)字體都有免費(fèi)版本！
他們有許多不同的家庭和風(fēng)格，但總的來說，我將其分為三個(gè)主要類別：
優(yōu)雅的字體
現(xiàn)代字體
正文字體
通常，前兩個(gè)也是顯示字體 ：其創(chuàng)建者希望你將它們用作標(biāo)題。
你可以尋找優(yōu)雅的字體，例如Abril Fatface，Playfair Display，Volux，Chalga等。
現(xiàn)代字體包括Metropolis，ITC Avant Garde，Redwing，Takota，Gotham…。
十、使用幾何體
這可能是最難使用的技巧，但如果正確應(yīng)用，它就會非常出彩。
使用幾何圖形有助于增強(qiáng)布局中的概念和順序，甚至不需要圖像。找到正確的幾何形狀很困難，但我仍然無法很好地掌握它。
一個(gè)重要技巧是就是把字母、數(shù)字和標(biāo)題當(dāng)成幾何形狀來使用:讓它們龐大但微妙，或者用一些特定的字母作為形狀(A就很好用)。
以上就是“改善網(wǎng)站設(shè)計(jì)的簡單技巧”的詳細(xì)內(nèi)容，更多請關(guān)注木子天禾科技其它相關(guān)文章！
