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