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